آموزش طراحی وب سایت از فتوشاپ گرفته تا Dreamweaver
Designing Websites from Photoshop to Dreamweaver
- تنظیم فضاهای کاری فتوشاپ و Dreamweaver
- برنامه ریزی سایت و تعریف اهداف سایت
- ساخت ماکت سایت
- تصمیم گیری درباره مارک تجاری و محتوا
- تنظیم رنگ و قلم
- برش گرافیک
- بهینه سازی گرافیک برای وب
- ایجاد favicon
- کار با پرونده های بوت استرپ
- ایجاد یک منوی پیمایش
- استفاده از دستگاه استخراج فتوشاپ
- کدگذاری برای سئو
- در دسترس قرار دادن سایتها
- بررسی خطا با ابزار Validator
- استفاده از ابزار Clean Up HTML
- استفاده از پانل جستجوگر لینک
- ساخت صفحات با HTML
- طراحی صفحات با CSS
- ساخت گالری سایت و چرخ و فلک
مقدمه Introduction
-
خوش آمدی Welcome
-
آنچه باید بدانید What you should know
-
با استفاده از پرونده های تمرینی Using the exercise files
1. تنظیم فضای کاری خود 1. Setting Up Your Workspace
-
فتوشاپ را تنظیم کنید Set up Photoshop
-
Dreamweaver را تنظیم کنید Set up Dreamweaver
2. ایجاد یک فتوشاپ 2. Creating a Photoshop Mockup
-
برندسازی و محتوا Branding and content
-
چیدمان و ناوبری Layout and navigation
-
با محتوا کار کنید Work with content
-
اضافه کردن رنگ Add color
-
قلم ها را تنظیم کنید Adjust fonts
-
چالش: خوانایی نوع Challenge: Type legibility
-
راه حل: خوانایی نوع Solution: Type legibility
3. بهینه سازی گرافیک وب 3. Optimizing Web Graphics
-
گرافیک برش Slice graphics
-
تصاویر وب Web images
-
گرافیک وب را با فتوشاپ بهینه کنید Optimize web graphics with Photoshop
-
از ابزارهای بهینه سازی تصویر استفاده کنید Use image optimization tools
-
یک مورد دلخواه ایجاد کنید Create a favicon
-
چالش: گرافیک وب Challenge: Web graphics
-
راه حل: گرافیک وب Solution: Web graphics
4- ایجاد فایلهای Dreamweaver Bootstrap 4. Creating Dreamweaver Bootstrap Files
-
یک فایل بوت استرپ ایجاد کنید Create a Bootstrap file
-
برای محتوای صفحه ردیف ایجاد کنید Create rows for page content
-
منوی ناوبری را سفارشی کنید Customize the navigation menu
-
سبک های منو Menu styles
-
تراز منو Menu alignment
-
یک چرخ فلک اضافه کنید Add a carousel
-
از استخراج کننده فتوشاپ استفاده کنید Use the Photoshop extractor
-
قسمت CSS سفارشی ، قسمت 1 ایجاد کنید Create custom CSS, part 1
-
CSS سفارشی ، قسمت 2 ایجاد کنید Create custom CSS, part 2
-
کد برای سئو و دسترسی Code for SEO and accessibility
-
خطا در بررسی با ابزار اعتبار سنج Error checking with the Validator tool
-
ابزار پاک سازی HTML The Clean Up HTML tool
-
پانل Checker Link The Link Checker panel
5- ساخت صفحات سایت 5. Building Site Pages
-
ساختن صفحات Build and style pages
-
از گلیفون ها استفاده کنید Use Glyphicons
-
سبک های سفارشی ایجاد کنید Create custom styles
-
یک گالری درست کنید Make a gallery
-
چالش: چرخ فلک Challenge: Carousel
-
راه حل: چرخ فلك Solution: Carousel
نتیجه Conclusion
-
مراحل بعدی Next steps
https://donyad.com/d/0f4c
Sue Jenkins
نویسنده ، معلم دانشگاه مریوود ، مالک Luckychair.com
سو جنکینز کتابهای Dummies را در مورد نرم افزار Adobe می نویسد ، در Marywood U تدریس می کند و یک استودیوی طراحی گرافیک را اداره می کند.
Sue Jenkins یک مربی نرم افزار برنده جایزه است ، Adobe Certified Instructor ، عکاس هنرهای زیبا ، و مالک/مدیر خلاق صندلی خوش شانس. com ، یک استودیوی طراحی وب و طراحی گرافیک با خدمات کامل از سال 1998 که در سراسر ایالات متحده فعالیت می کند. وی نویسنده چندین عنوان ساختگی و سایر کتابهای آموزشی در زمینه طراحی وب است ، Dreamweaver ، Illustrator ، و فتوشاپ ، از جمله طراحی وب All-in-One For Dummies (ویلی) و Smashing Photoshop: 100 تکنیک حرفه ای (مجله Wiley/Smashing). علاوه بر این ، سو استادیار طراحی گرافیک در دانشگاه مریوود در شمال شرقی پنسیلوانیا است. برای س questionsالات ، نکات و ایده های جالب ، او را در Facebook دنبال کنید ، اینستاگرام ، Pinterest ، و توییتر .
نمایش نظرات