PSD فرمت اختصاصی نرم افزار فتوشاپ Photoshop است که به طرح لایه بازشناخته می شود. به لطف این فرمت گرافیست ها می توانند کارهای خود را همان گونه که در فتوشاپ وارد کرده اند با این فرمت ذخیره کرده و بدون هیچ کم کاستی در اختیار دیگر افراد قرار دهند تا آنان نیز از عناصر گرافیکی در دسترس وموجود در آن در کارهای خود از قبیل ساخت پوستر ، قالب و پوسته وبسایت ، تصاویر مربوط به متون وب مستر ها و… بهره برند.
آنهایی که صاحب سایت هستند قالب های وب که توسط طراحان طراحی شده است را خریداری می کنند و برای اینکه قالب را در وب سایت خود قرار دهند باید آن را به HTML تبدیل کنند.
از وقتی که فتوشاپ امکان طراحی قالب را به راحتی هر چه تمام تر در اختیار مخاطبان خود گذاشته تا به صورت فایل های PSD ذخیره کنند این تکنیک در چندین سال اخیر بسیار مورد استفاده قرار گرفته است. فایل های PSD اساساً برای طراحی وب استفاده می شوند و فقط بعد از تبدیل آنها به HTML مورد استفاده قرار می گیرند. در نتیجه، صفحات وب به راحتی قابل مشاهده می باشند.

مزایای تبدیل PSD به HTML :

  • پشتیبانی توسط همه مرورگرها
  • کاهش هزینه ها برای طراحی وب
  • پشتیبانی کامل
  • سازگاری با موتورهای جستجو
  • رضایت مشتری
  • انعطاف پذیر و کاربردی تر
  • تحویل به موقع طبق توافق اولیه

در این دوره می خواهیم آموزش تبدیل فایل PSD به HTML به صورت کاملاً Responsive و پروژه محور خدمت شما عزیزان ارائه کنیم.

ویژگی ها و متدهای بکار رفته در وبسایت :

  • Responsive
  • Bootstrap 3
  • HTML5
  • CCS3

دوره آموزش تبدیل فایل PSD به HTML شامل:

  • آموزش تبدیل فایل PSD به وبسایت کاملاً واکنش گرا (Responsive)
  • آموزش HTML5 , Bootstrap 3 , JQuery , CSS3
  • آشنایی با تگ نویسی HTML و کد نویسی CSS و JQuery

می شود . این دوره برای طراحان سایت و دانشجویان رشته مهندسی کامپیوتر مناسب می باشند.

بعد از مشاهده این دوره توانایی طراحی سایت از روی فایل PSD برای شما امکان پذیر می شود.

پروژه استفاده شده در این دوره وبسایت تک صفحه ای و شرکتی می باشد.

آموزش adobe xd

آموزش Adobe Xd – مقدماتی

در این دوره تمام مباحث مرتبط با طراحی در Adobe Xd را فراخواهید گرفت، کار با تمام ابزارها و تنظیمات، تکنیک های مختلف طراحی، رسم نمودار منحنی و دایره ای و ...

۱۷۵,۰۰۰ تومان ادامه مطلب

 

سرفصل های دوره آموزش تبدیل فایل PSD به HTML به صورت کاملاً Responsive – پروژه محور

  • معرفی دوره
    • معرفی اجمالی دوره در قالب پاورپوینت
  • معرفی تلکنولوژی های مورد نیاز دوره
    • دانلود ابزار ها و نرم افزارهای مورد نیاز دوره
  • آماده سازی ابزارها برای استفاده در پروژه
  • کد نویسی تگ های HTML سایت
  • کد نویسی تگ های CSS سایت
  • کد نویسی JQuery سایت
  • انیمیشن سازی سایت
  • بررسی مشکلات سایت و حل آن ها
  • بررسی Responsive بودن سایت روی مرورگر های مختلف
بوتسترپ بوت استرپ bootstrap