آموزش طراحی وب سایت واکنش گرا با دریم ویور6

با سلام. در این مطلب فیلم آموزش طراحی وب سایت واکنش گرا با دریم ویور6 را تقدیم حضور کاربران عزیز و گرامی می نماییم.این فیلم آموزشی نحوه طراحی وب سایت های واکنشگرا (Responsive) را به کمک نرم افزار Dreamweaver آموزش می دهد. این دوره آموزشی محصول شرکت لیندا می باشد.

مباحث آموزش طراحی وب سایت واکنش گرا با دریم ویور6 به زبان اصلی :

• مقدمه دوره
• آشنایی با media queries
• کار با Structuring fluid grids
• کار با additional media queries
• عکس ها و رسانه های انعطاف پذیر
• تنظیم column widths  و  margins
• اصلاح تعداد ستون شبکه
• گسترش در Fluid Grid Structure
• و …

جهت دانلود آموزش طراحی وب سایت واکنش گرا با دریم ویور6 به ادامه مطلب مراجعه نمایید.

دانلود با لینک مستقیم/ حجم 282 مگابایت

پسورد : www.sourcebaran.com

منبع : سورس باران دات کام

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

The post آموزش طراحی وب سایت واکنش گرا با دریم ویور6 appeared first on آموزش برنامه نویسی - یادگیری برنامه نویسی با طعم سورس باران.