پیشنهاد فرادرس

آموزش تبدیل PSD به HTML

دسته بندی ها: آموزش طراحی وب ، آموزش HTML ، آموزش های ادوبی (Adobe) ، آموزش های TutsPlus ، آموزش فتوشاپ (Photoshop)

در این آموزش تصویری با نحوه تبدیل طرح PSD به HTML آشنا می شوید.

این دوره آموزشی محصول موسسه TutsPlus می باشد.

سرفصل های دوره آموزشی:

  • کار با فایل های فتوشاپ
  • کار با ساختمان HTML
  • کار با لوگوها و آیکون
  • برنامه نویسی برای بخش پاورقی
  • ظاهر طراحی شده برای  سربرگ
  • افزودن فونت
  • تنظیم عرض برای  محتوا
  • ظاهر طراحی شده برای  لوگو
  • ظاهر طراحی شده برای منوی اصلی
  • کار با فرم جستجو
  • ظاهر طراحی شده برای مطالب و محتوا
  • کار با برچسب ها
  • ظاهر طراحی شده چیدمان سه ستون
  • ظاهر طراحی شده چیدمان چهار ستون
  • کار با ستون های پاورقی
  • کار با گالری تصاویر کوچک

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

Taking a website mock-up designed in Photoshop (PSD) and converting it into a working website is without doubt the most common task for any web designer today. In this course, Craig Campbell will show you how easy it can be

Welcome 1 lesson, 01:55 1.1 Introduction 01:55 2.Setup 2 lessons, 13:11 2.1 The Photoshop File 02:39 2.2 Exporting Images 10:32 3.Building the HTML 7 lessons, 1:01:23 3.1 HTML Skeleton 08:11 3.2 Logos and Icons 08:20 3.3 Navigation 06:30 3.4 Coding the Content Slider 11:17 3.5 Two-Column Setup 09:39 3.6 Four-Column Setup 08:32 3.7 Coding the Footer 08:54 4.Styling the Header 10 lessons, 1:08:46 4.1 Adding Fonts 06:11 4.2 Borders and Default Fonts 03:19 4.3 Setting the Content Width 04:35 4.4 Styling the Logo 08:01 4.5 Social Media Icons 10:03 4.6 Laying Out the Social Media Section 06:42 4.7 Animated Hover Effects 05:35 4.8 Styling the Main Menu 15:48 4.9 Main Menu Hover Effects 02:45 4.10 The Search Form 05:47 5.Styling The Content Slider 11 lessons, 1:16:09 5.1 Slider Navigation and Background 10:34 5.2 Navigation Hover Effects 02:15 5.3 Styling the Slider Content 08:19 5.4 Anchor Tag Buttons 07:24 5.5 Explaining Column Layouts 06:07 5.6 Styling the Three-Column Layout 10:23 5.7 Styling the Four-Column Layout 09:11 5.8 Image Captions 06:21 5.9 Footer Background 05:40 5.10 Footer Columns 04:07 5.11 Styling the Gallery Thumbnails 05:48 6.Finishing Up 1 lesson, 01:11 6.1 Final Thoughts 01:11

عنوان دوره: Tutsplus - PSD to HTML - Corporate Design Build حجم فایل: 1.95GB

TutsPlus PSD to HTML Corporate Design Build

پیشنهاد فرادرس

m_mohammadi9170 در 1394/05/21 ساعت 18:41

آیا این امکان وجود داره که من هزینه رو به صورت آنلاین پرداخت کنم و شما لینک دانلود را برام ایمیل کنید؟

مدیر در 1394/05/22 ساعت 09:30

لینک دانلود رایگان در همین صفحه وجود دارد.

محمد در 1393/07/05 ساعت 23:11

آموزش به زبان فارسیه ؟

مدیر در 1393/07/06 ساعت 05:31

آموزش به زبان انگلیسی می باشد.