shams 23 اسفند 1393 7 864 بازدید دوره مجازی آموزش طراحی صفحات وب (پیشرفته)

برای شروع دوره آموزش پیشرفته طراحی صفحات وب (موسوم به آموزش تبدیل PSD به HTML) یکسری پیش نیازها لازم است که در این فیلم آموزشی به توضیح مختصری از آن ها می پردازیم. این پیش نیازها شامل دانسته ها و آموزش های فتوشاپ و همچنین آموزش های مفاهیم پایه در HTML و CSS میشوند که در ادامه قادر به دانلود فیلم آموزشی و فایل های PDF مربوطه خواهید بود:

خرید این فیلم آموزشی به صورت تک (1300 تومان) :
13,000 ریال – خرید
ثبت نام و دسترسی کامل به تمام فیلم ها و محتوای دوره آموزش حرفه ای طراحی صفحات وب (تبدیل PSD به HTML) قبلا ثبت نام کرده ام؛ ورود

دسترسی سریع :

نظرات کاربران (7)



  1. محسن

    سلام
    در لیست فیلمهای پیش نیاز برای HTML و CSS گزینه هایی که VIP هستند قابل دانلود نیستند آیا باید برای آنها پرداختی انجام شود یا من دسترسی به آنها ندارم؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      فیلم های VIP آن دسته از فیلم هایی هستند که برای دانلود آنها نیاز به پرداخت مبلغ هست. (این فیلم ها، در دسته ی سرفصل های دوره های آموزش مجازی نیستند و به صورت جداگانه تهیه و منتشر شده اند)

  2. داوود

    با سلام؛
    از ارائه این فیلم آموزشی بسیار ممنون و سپاسگزارم.
    آقای مهندس آیا در این مرحله نیازی به فریم ورک Bootstrap نداریم؟ و اینکه بعضی ها میگن بعد از اینکه تو CSS راه افتادین بیاین و از فریم ورکها استفاده کنین، منظورشون همین Bootstrap و غیره هستش؟؟
    البته میدونم که این فریم ورک برای ریسپانسیو کردن طرحمون هستش(که در ادامه شما تدریس خواهید نمود) ولی میخواستم بدونم.
    با تشکر و ممنونم از شما.

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      آشنایی با بوت استرپ بعنوان پیش نیاز نیست و در حین دوره آموزش داده میشود.
      لزوما هم فقط برای ریسپانسیو کردن نیست، منتها به علت ساختاری که در اختیارمان قرار میدهد، نیازهای ریسپانسیو را تا حد زیادی پوشش می دهد.

  3. مهدی فرتوت

    سلام یه چند تا سوال داشتم
    1-فرق بین psd و تصویر سایت که مثلا با فرمت png ذخیره میشه چیست؟چرا میاییم و از psd طرح می زنیم؟یعنی نمیشه تصویر سایت رو داشته باشیم و طرح بزنیم؟
    2-منظور از لایه باز بودن psd چیست؟مگه لایه بسته هم داریم؟

    • گروه آموزش طراحی سایت

      با عرض سلام و احترام خدمت شما
      1- فتوشاپ یکسری امکانات خاص و مناسب دارد که میتوان با آن طرح های مخصوص صفحات وب را طراحی و پیاده سازی کرد. استفاده از نرم افزار فتوشاپ و پیاده سازی طرح به صورت PSD به خاطر این است که طرح ها و افکت ها و لایه ها، همیشه به صورت قابل ویرایش و تغییر باشند. مثلا وقتی شما میخواهید کدنویسی کنید، شاید یک بخش از متن، تصویر پس زمینه داشته باشد آن هم در حالی که شما باید عکس پس زمینه را برش بزنید و استفاده کنید. خب قطعا اگر عکس به صورت PSD باشد، میتوانید براحتی لایه ی رو را پنهان کنید و عکس پس زمینه را بردارید اما در غیر اینصورت به مشکل بر میخورید.
      2- البته کلا منظور از فایل PSD همان فایل لایه باز است. اما در کل مهم این است که پس از تکمیل طراحی و ذخیره ی نتیجه، فایل به صورت لایه باز ذخیره شود تا همانطوری که گفته شد، قابل ویرایش باشد. یعنی شاید چند لایه با هم ادغام شوند (دیگر قابل ویرایش نباشند) اما در نهایت فایل به صورت PSD ذخیره شود!

    • داوود

      دوست عزیزم، آقا مهدی هر چند که توضیحات مدیریت محترم کامل بوده و پاسخ من در اینجا تکرار مکررات است و من از ایشون عذرخواهی می کنم؛ ولی جهت اینکه ممکن است هنوز ابهامی در ذهن شما باقی مانده باشد من هم به نوبه و سواد اندکی که دارم یه توضیحی براتون می نویسم:
      ببینید دوست عزیز؛ در ابتدا دلیل اینکه طراحان وب و گرافیک کارها، طرح مورد نظر را در فتوشاپ ایجاد کرده و روی آن جلوه و افکتهای ویژه ای را اعمال می کنند، بدین سبب است که مشتری و یا درخواست دهنده مورد نظر، طرح را ابتدا ملاحظه کرده و در صورت تایید، سپس طرح تایید شده را تبدیل به CSS و HTML می کنند.در بیشتر موارد طراح در فتوشاپ طرح را با PSD ذخیره کرده و به طراح وب می دهد. علت این کار این است که طراح PSD به نوعی است که شما به کلیه اجزا و اشیا در تصویر دسترسی داشته و می توانید از کوچکترین اشیا نیز کپی برداری و یا اینکه در سایت خود از آنها استفاده کنید.
      همچنین دلیل دیگر اینکه ابتدا طرح در فتوشاپ طراحی شده و سپس به CSS و HTML تبدیل می گردد، سادگی و مشخص شدن چارچوب کلی قالب و کار می باشد. شما اگر بدون طرح و نقشه ای شروع به طراحی وب سایت خود و کد زنی نمایید، ممکن است در انتها مشتری به برخی از طرحهای سایت ایراد بگیرد که در این گونه مواقع مسلما دستکاری کد CSS سخت تر و مشکل تر از دستکاری در طرح فتوشاپ و PSD می باشد.
      در خصوص فرمتهای مختلف تصویری مثل PNG و یا JPEG که سوال نموده اید، انشاءالله مطمئن هستم که در ادامه بحث با تدریس خوب آقای مهندس آبسالان؛ تفاوتشان را متوجه خواهید شد.
      بازهم پوزش می خوام.