مطالب پیشنهادی از سراسر وب

آموزش طراحی وب سایت ها از فتوشاپ به Dreamweaver

دسته بندی ها: آموزش فتوشاپ (Photoshop) ، دیزاین (Design) ، آموزش Adobe Dreamweaver ، آموزش های ادوبی (Adobe)

lynda-designing-websites-from-photoshop-to-dreamweaver

این دوره نحوه ایجاد Mockups ها، بهینه سازی گرافیک وب، و طراحی یک وب سایت را نشان می دهد. Sue Jenkins نحوه طراحی یک مدل در فتوشاپ، کار با خروجی فتوشاپ، استفاده از قالب بوت استرپ، HTML و CSS سفارشی برای سبک و محتوا، تست و تایید کد، ساخت صفحات سفارشی، و انطباق عناصر بوت استرپ برای مطابقت با زیبایی شناسی سایت شما را آموزش میدهد. این دوره آموزشی محصول موسسه Lynda است.

سرفصل های این دوره:

  • راه اندازی فضای کاری فتوشاپ و Dreamweaver
  • برنامه ریزی یک سایت و تعریف اهداف سایت
  • ساخت یک mockup سایت
  • تصمیم گیری در مورد نام تجاری و محتوا
  • تنظیم رنگ و فونت
  • بهینه سازی گرافیک وب
  • ایجاد یک favicon
  • کار با فایل های بوت استرپ
  • ایجاد یک منو ناوبری
  • استفاده از خروجی فتوشاپ
  • برنامه نویسی برای SEO
  • ساخت سایت های در دسترس
  • بررسی خطاها با استفاده از ابزار اعتبار سنج
  • استفاده از ابزار پاکسازی HTML
  • استفاده از پانل لینک جستجوگر
  • ایجاد صفحاتی با HTML
  • استایل صفحات با CSS

عنوان دوره: Lynda Designing Websites from Photoshop to Dreamweaver

سطح: متوسط

مدت زمان: 2 ساعت و 27 دقیقه

نویسنده: Sue Jenkins

توضیحات:

Lynda Designing Websites from Photoshop to Dreamweaver
This course shows you how to turn designs from Photoshop into a fully functioning website using Dreamweaver. Learn how to slice mockups, apply HTML and CSS, test code, and more.
Author: Sue Jenkins
Duration: 2h 27m
Level: Intermediate
Link: https://www.lynda.com/Dreamweaver-tutorials/Designing-Websites-from-Photoshop-Dreamweaver/516577-2.html

Released: 12/22/2016

Turn your design from Photoshop into a fully functioning website using Dreamweaver. This course shows how to create mockups, optimize web graphics, and design a site. Sue Jenkins demonstrates how to design a mockup in Photoshop, work with the Photoshop Extractor, use Bootstrap templates, customize HTML and CSS to style and position content, test and validate code, build custom pages, and adapt Bootstrap elements to match your site's aesthetics.

Topics include: Setting up the Photoshop and Dreamweaver workspaces Planning a site and defining site goals Making a site mockup Deciding on branding and content Adjusting color and fonts Slicing graphics Optimizing graphics for the web Creating a favicon Working with Bootstrap files Creating a navigation menu Using the Photoshop extractor Coding for SEO Making sites accessible Checking for errors with the Validator tool Using the Clean Up HTML tool Using the Link Checker panel Building pages with HTML Styling pages with CSS Making site galleries and carousels

Introduction Welcome 56s What you should know 1m 5s Using the exercise files 38s 1. Setting Up Your Workspace Set up Photoshop 4m 49s Set up Dreamweaver 3m 50s 2. Creating a Photoshop Mockup Branding and content 3m 50s Layout and navigation 3m 41s Work with content 1m 52s Add color 2m 26s Adjust fonts 6m 18s Challenge: Type legibility 50s Solution: Type legibility 1m 9s 3. Optimizing Web Graphics Slice graphics 2m 54s Web images 1m 39s Optimize web graphics with Photoshop 4m 51s Use image optimization tools 1m 41s Create a favicon 2m 26s Challenge: Web graphics 41s Solution: Web graphics 45s 4. Creating Dreamweaver Bootstrap Files Create a Bootstrap file 5m 8s Create rows for page content 7m 20s Customize the navigation menu 5m 33s Menu styles 6m 57s Menu alignment 3m Add a carousel 4m 50s Use the Photoshop extractor 7m 32s Create custom CSS, part 1 6m 43s Create custom CSS, part 2 5m 58s Code for SEO and accessibility 6m 23s Error checking with the Validator tool 3m 7s The Clean Up HTML tool 34s The Link Checker panel 2m 51s 5. Building Site Pages Build and style pages 7m 15s Use Glyphicons 4m 35s Create custom styles 10m 41s Make a gallery 8m 59s Challenge: Carousel 35s Solution: Carousel 2m 11s Conclusion Next steps 51s

آیا این نوشته را دوست داشتید؟
Lynda Designing Websites from Photoshop to Dreamweaver

پیشنهاد آموزش مرتبط در فرادرس

لینک های دانلود حجم فایل: 486.0MB Lynda Designing Websites from Photoshop to Dreamweaver_git.ir.rar