آموزش طراحی پاسخگو با Dreamweaver CS6
Responsive Design with Dreamweaver CS6
این دوره دو رویکرد برای طراحی وب پاسخگو ، ویژگی جدید Fluid Grid Layout و پرس و جوهای رسانه ای را نشان می دهد ، که به طیف گسترده ای از طراحان اجازه می دهد تا از طریق دسک تاپ ، تبلت یا سایر دستگاه های تلفن همراه به مخاطبان مورد نظر خود برسند. نویسنده جوزف لووری نشان می دهد که چگونه می توان از ویژگی Fluid Grid Layout در Dreamweaver برای ایجاد یک وب سایت واحد استفاده کرد که طرح های مختلف را به اندازه صفحه نمایش هدفمند ارائه می دهد. این دوره همچنین با استفاده از پرسشهای رسانه ای - با استفاده از ویژگی پیش نمایش چند صفحه ای و افزایش کد خروجی حاصل - و همچنین روش هایی برای مدیریت اولویت های اول تلفن همراه و تصاویر سازگار ، رویکرد پیشرفته تری را برای طراحی پاسخگو ارائه می دهد.
اهداف یادگیری- بررسی طرح پیش فرض شبکه مایع
- اضافه کردن برچسب div بلوک ساختمان
- درج محتوا در یک شبکه مایع
- اصلاح تعداد ستون های شبکه
- تنظیم عرض و حاشیه ستون
- ایجاد درخواست های رسانه ای از ابتدا
- تغییر جهت گیری دست زدن به
- استفاده از تکنیک های جاوا اسکریپت
- راه حل های سمت سرور
معرفی Introduction
-
خوش آمدی Welcome
-
درباره پرونده های تمرینی About the exercise files
1. درک طراحی وب پاسخگو 1. Understanding Responsive Web Design
-
پایه و اساس طراحی وب پاسخگو The foundation of responsive web design
-
ساختار شبکه های سیال Structuring fluid grids
-
درک سوالات رسانه Understanding media queries
2. چیدمان شبکه مایع در Dreamweaver 2. Fluid Grid Layouts in Dreamweaver
-
بررسی طرح پیش فرض شبکه مایع Exploring the default Fluid Grid Layout
-
اضافه کردن برچسب div بلوک ساختمان Adding building block div tags
-
درج محتوا Inserting content
-
طراحی تلفن را هدف قرار دهید Targeting a phone design
-
متعادل سازی طرح های رایانه لوحی Balancing tablet layouts
3. گسترش یک ساختار شبکه مایع 3. Expanding on a Fluid Grid Structure
-
اصلاح تعداد ستون های شبکه Modifying the number of grid columns
-
تنظیم عرض و حاشیه ستون Adjusting column widths and margins
-
از جمله عناصر پیشرفته صفحه Including advanced page elements
4. نمایش داده شد رسانه پیشرفته 4. Enhanced Media Queries
-
ایجاد پرسش های رسانه ای از ابتدا Building media queries from the ground up
-
کار با س quالات اضافی رسانه Working with additional media queries
-
تغییر جهت گیری دست زدن به Handling orientation changes
-
کار با نمایشگرهای با وضوح بالا Working with high-resolution displays
5. تصاویر و رسانه های انعطاف پذیر 5. Flexible Images and Media
-
دستکاری هسته CSS Core CSS manipulation
-
استفاده از تکنیک های جاوا اسکریپت Applying JavaScript techniques
-
راه حل های سمت سرور Setting up server-side solutions
خداحافظ Goodbye
-
مراحل بعدی Next steps
https://donyad.com/d/795e
Joseph Lowery
نویسنده، برنامه نویس، ارائه دهنده
Joseph Lowery یک نویسنده بهترین فروش، برنامه نویس و ارائه دهنده در وب و تکنولوژی وب موبایل است.
کتاب های یوسف در مورد وب سایت های وب و وب سایت های وب، پرفروش های بین المللی هستند، که بیش از 400،000 نسخه در سراسر جهان فروخته می شود زبان ها. آخرین کتاب های جدید او dreamweaver cs5 کتاب مقدس ، trainer 24 ساعته adobe cs4 workflows است. جو همچنین Dreamweaver 8 را نوشت: فراتر از اصول از Lynda.com. او صدها وب سایت را در طول سال ها و همچنین افزونه های متعدد و برنامه های کاربردی برای کمک به دیگر طراحان وب ساخته است.
به عنوان یک برنامه نویس، یوسف دو پسوند را به انتشار آتش بازی و بسیاری از پسوندهای موجود برای Dreamweaver کمک کرد. او در Adobe Max Max چند بار، Seybold در هر دو بوستون و سانفرانسیسکو، دنیای وب Thunderlizard و کنفرانس طراحی MAC Group Group KW ارائه شده است.
نمایش نظرات