آموزش طراحی وب

 

با سلام. در این پست آموزشی از سایت سورس باران قصد داریم فیلم آموزشی تبدیل پی اس دی به اچ تی ام ال را با فتوشاپ و دریم ویور جهت دانلود قرار دهیم. روش های زیادی برای تبدیل یک طرح PSD که با Photoshop طراحی شده به HTML وجود دارد. که با یکی از این دوره در این پست آشنا خواهید شد.این دوره آموزشی محصول Infinite Skills است و نحوه تبدیل بک طرح PSD به HTML را با استفاده از Photoshop و Dreamweaver آموزش می دهد. همچنین در ادامه مطلب لیست سرفصل های این دوره آموزشی تبدیل پی اس دی به اچ تی ام ال را با فتوشاپ و دریم ویور موجود می باشد.

جهت دانلود فیلم آموزشی تبدیل PSD به HTML با Photoshop و Dreamweaver  به ادامه مطلب مراجعه نمایید.

سرفصل های دوره آموزشی تبدیل پی اس دی به اچ تی ام ال را با فتوشاپ و دریم ویور:

  • کار با فایلهای تمرین
  • توسعه نقشه سایت
  • چگونگی دسترسی به فایل های کاری
  • ایجاد یک PSD Mockup
  • صفحه بندی سایت
  • انتخاب فونت و رنگ
  • استفاده از فتوشاپ برای ایجاد یک رنگ پالت
  • ایجاد PSD Mockup
  • تکمیل PSD Mockup
  • کار با Placeholder Text
  • Transparency و Graphics
  • سازماندهی فایل ها
  • راه اندازی و مدیریت یک سایت جدید
  • کار با With The Files Tab
  • کار با تصاویر و Layout Objects
  • باز کردن فایل ها در Dreamweaver
  • کار با Stylesheets
  • ایجاد و ویرایش به سبک جدید

01. Introduction
0101 What You Will Learn
0102 What Is PSD To Web Conversion?
0103 Working With Lesson Files
0104 Developing A Site Map
0105 How To Access Your Working Files
02. Creating A PSD Mockup
0201 Deciding On A Site layout
0202 Selecting Color And Fonts
0203 Using Photoshop To Create A Color Pallet
0204 Setting Up Document Size And Image Resolution
0205 Creating The PSD Mockup Navigation
0206 Completing The PSD Mockup
0207 Working With Placeholder Text
0208 Transparency And Graphics
0209 Slicing The Mockup
0210 Slice Options
0211 Saving For Web – Part 1
0212 Saving For Web – Part 2
03. Moving To Dreamweaver
0301 Organizing Files
0302 Setting Up And Managing A New Site
0303 Testing The Site Connection
0304 Working With The Files Tab
0305 Working With Code, Design And Split Views
0306 Working With Images And Layout Objects
04. Converting The PSD Mockup
0401 Opening Files In Dreamweaver
0402 Adding Title And Meta Name Tags
0403 Replacing Placeholder Slices With Div Tags
0404 Replacing Placeholder Text With HTML Using Div Tags
0405 Using AP Div Tags – Part 1
0406 Using AP Div Tags – Part 2
0407 Working With Stylesheets
0408 Creating New Style Rules
0409 Adding Hyperlinks – Relative And Absolute
05. Testing Your Site
0501 Working With Live View In Dreamweaver
0502 Checking Remote Files And Refreshing
0503 Viewing The Site In A Browser
06. Conclusion
0601 Summary
0602 About The Author

به این مطلب امتیاز دهید post

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

بزرگترین و جدید ترین مجموعه آموزشی برنامه نویسی به زبان اصلی
دانلود با لینک مستقیم

دسته بندی موضوعات

آخرین محصولات فروشگاه

مشاهده همه

نظرات

  1. آموزش فوق العاده ای بود , ممنون از سایت خوبتون.

بازخوردهای خود را برای ما ارسال کنید

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.