This course illustrates two approaches to responsive web design, the new Fluid Grid Layout feature and media queries, which allow a wide spectrum of designers to reach their target audience via desktops, tablets, or other mobile devices. Author Joseph Lowery shows how to use the Fluid Grid Layout feature in Dreamweaver to create a single web site that delivers different layouts to targeted screen sizes. The course also offers a more advanced approach to responsive design by using media queries—employing the Multiscreen Preview feature and enhancing the resulting output code—as well as methods for handling mobile first priorities and adaptive images.
Topics include:
Exploring the default Fluid Grid Layout
Adding building block div tags
Inserting content into a fluid grid
Modifying the number of grid columns
Adjusting column widths and margins
Building media queries from scratch
Handling orientation changes
Applying <a href="http://ehsanavr.com/category/web-development/javascript-web-development/" title="JavaScript" target="_blank" class="auto-link">JavaScript</a> techniques
Setting up server-side solutions
Subjects:
Web CSS
Software:
Dreamweaver
Author:
Joseph Lowery
Introduction
2m 19s
Welcome
1m 0s
About the exercise files
1m 19s
1. Understanding Responsive Web Design
14m 2s
The foundation of responsive web design
5m 58s
Structuring fluid grids
3m 38s
Understanding media queries
4m 26s
2. Fluid Grid Layouts in Dreamweaver
39m 40s
Exploring the default Fluid Grid Layout
8m 34s
Adding building block div tags
7m 52s
Inserting content
8m 11s
Targeting a phone design
5m 28s
Balancing tablet layouts
9m 35s
3. Expanding on a Fluid Grid Structure
19m 6s
Modifying the number of grid columns
6m 35s
Adjusting column widths and margins
6m 9s
Including advanced page elements
6m 22s
4. Enhanced Media Queries
26m 57s
Building media queries from the ground up
9m 28s
Working with additional media queries
3m 35s
Handling orientation changes
2m 23s
Working with high-resolution displays
11m 31s
5. Flexible Images and Media
24m 14s
Core CSS manipulation
6m 59s
Applying JavaScript techniques
9m 19s
Setting up server-side solutions
7m 56s
Goodbye
25s
Next steps
25s
سلام خسته نباشی آقای بوستانی.یه پیشنهاد دارم .توی سایتت یه قسمتی رو راه اندازه کن که مربوط به پرسش و پاسخ فیلم های آموزشی باشه که اگر بچه ها از روی فیلم ها متوجه نشدن یا ایرادی داشتن بتونن با کسی که بلده آنلاین چت کنن و مشکلشونو حل کنن. من به زبانهای (دریم ویور.اچ تی ام ال.سی اس اس.سی اس اس3.اچ تی ام ال 5.و چند زبان دیگه مسلط هستم .البته رشته دانشگاهی من حسابداری است ولی خیلی از زبانهای برنامه نویسی و نرم افزارای کامپوتری رو بیرون یاد گرفتم و الان خصوصی درس میدم).اگر خواستی میتونم آنلاین پشتیبانیت کنم.اگر دوس داشتی ایمیل بزن.
سلام. در صورت تمایل میتونید به ایمیل info@sourcebaran.com درخواست خودتتون رو ارسال نمایید برای همکاری
سلام
مرسی از مطالب مفیدتون
لطفا در صورت امکان آموزش zurb و bootsrap رو توی برنامه هاتون قرار بدید ، متاسفانه آموزش این فریم ورک ها به زبان فارسی وجود نداره
با تشکر از مطالب خوبتون ♥
سلام
آیا فیلم به زبان فارسی است یا اصلی؟
با تشکر
با سلام. زبان اصلی