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

5 دیدگاه

آموزش طراحی وب سایت واکنش گرا با دریم ویور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

100

101

102

103

104

105

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

به این مطلب امتیاز دهید

راستی! برای دریافت مطالب جدید در کانال تلگرام یا پیج اینستاگرام سورس باران عضو شوید.

نظرات

برچسب ها: آموزش طراحی ریسپانسیو

صابر بوستانی

داستان من با دنیای برنامه‌ نویسی آغاز شد، و در ادامه به عنوان یک توسعه‌ دهنده نرم‌ افزار، طراح وب سایت و متخصص سئو، مهارت ‌های تکنیکی و تحلیلی خودم رو پرورش دادم. علاقه م به دنیای مالی منو به سمت یادگیری ترید و معامله‌گری سوق داد. و در حال حاضر در برنامه نویسی و معامله گری ارز دیجیتال انجام میدم. از سال 96 سعی کردم معامله گری در کریپتو رو یاد بگیرم. ترید و معامله گری برام پر از چالش و شکست‌ های متعدد بود. اما هر شکست، درسی ارزشمند برام داشت و من رو به یک تریدر و معامله گر قوی‌ تر و هوشمندتر تبدیل کرد. با پشتکار و یادگیری مداوم، تونستم به موفقیت‌های قابل توجهی دست یابم و به معامله گری موفق تبدیل بشم. در اینجا بزرگترین تجربیات و مهمترین دانش خودم رو در اختیار شما قرار میدم تا در مدت زمان کوتاه تر و شکست های کمتر در این مسیر به موفقیت برسید.

پکیج آموزش صفر تا صد فتوشاپ به زبان فارسی – حرفه ای شوید

انتشار: ۱۳ بهمن ۱۳۹۳

دسته بندی موضوعات

zahra
پاسخ

سلام خسته نباشی آقای بوستانی.یه پیشنهاد دارم .توی سایتت یه قسمتی رو راه اندازه کن که مربوط به پرسش و پاسخ فیلم های آموزشی باشه که اگر بچه ها از روی فیلم ها متوجه نشدن یا ایرادی داشتن بتونن با کسی که بلده آنلاین چت کنن و مشکلشونو حل کنن. من به زبانهای (دریم ویور.اچ تی ام ال.سی اس اس.سی اس اس3.اچ تی ام ال 5.و چند زبان دیگه مسلط هستم .البته رشته دانشگاهی من حسابداری است ولی خیلی از زبانهای برنامه نویسی و نرم افزارای کامپوتری رو بیرون یاد گرفتم و الان خصوصی درس میدم).اگر خواستی میتونم آنلاین پشتیبانیت کنم.اگر دوس داشتی ایمیل بزن.
- صابر بوستانی
  پاسخ
  
  سلام. در صورت تمایل میتونید به ایمیل info@sourcebaran.com درخواست خودتتون رو ارسال نمایید برای همکاری
امیرمحمد
پاسخ

سلام
مرسی از مطالب مفیدتون
لطفا در صورت امکان آموزش zurb و bootsrap رو توی برنامه هاتون قرار بدید ، متاسفانه آموزش این فریم ورک ها به زبان فارسی وجود نداره
با تشکر از مطالب خوبتون ♥
mohammad
پاسخ

سلام
آیا فیلم به زبان فارسی است یا اصلی؟
با تشکر
- صابر بوستانی
  پاسخ
  
  با سلام. زبان اصلی

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

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

صابر بوستانی

دسته بندی موضوعات

آخرین محصولات فروشگاه

نظرات

بازخوردهای خود را برای ما ارسال کنید

لغو پاسخ

مطالب مرتبط