آموزش دست در طراحی وب Responsive است
4h 22m
68
Pluralsight
12 آذر 1393
351
دارد (اگر در سایت مرجع باشد، قرارداده می‌شود.)
دارد
دارد
Paul Cheney

https://donyad.com/d/34a5

آموزش دست در طراحی وب Responsive است

Hands On Responsive Web Design

سرفصل ها و درس ها | نظرات

توضیحات دوره: این دوره یک تجربه عملی فراهم می کند که در آن شما چندین صفحه وب HTML5 پاسخگو آماده برای استفاده در پروژه بعدی خود ایجاد خواهید کرد. همه را بزرگ کنید ساخت یک پرونده شروع پاسخگو 35 متر 57 پیمایش با استفاده از CSS خالص 27 متر 10 ثانیه پیمایش با استفاده از نمایش/پنهان کردن jQuery 21 متر 43s پیمایش با استفاده از گزینه/Select و Suckerfish برای دسک تاپ 18 متر 49s پیمایش با استفاده از یک دکمه ناوبری در حال گسترش 20 متر 39s ستون های پاسخگو با استفاده از یک شبکه 12 ستونی 31 متر 1 ثانیه تصاویر پاسخگو 44 متر 7 ثانیه نمادها 48 متر 55 ساله پیش پردازنده CSS 13m 48s علائم تجاری و نامهای تجاری اشخاص ثالث ذکر شده در این دوره متعلق به صاحبان مربوطه می باشند و Pluralsight وابسته یا تأیید شده توسط این احزاب نیست.


سرفصل ها و درس ها

ساخت یک پرونده شروع پاسخگو Building a Responsive Start File

  • مقدمه Introduction

  • دستور جلسه Agenda

  • ساختمان بدن Body Structure

  • شیوه نامه ها Stylesheets

  • دروغ نگو Do Not Lie

  • تغییر اندازه قلم Font Resize

  • مدل جعبه Box Model

  • اینترنت اکسپلورر IE Fix

  • پیوند جی کوئری jQuery Link

  • قلم های گوگل Google Fonts

  • خلاصه Summary

پیمایش با استفاده از CSS خالص Navigation Using Pure CSS

  • بررسی اجمالی Overview

  • پیاده سازی تلفن خالص CSS را پیاده سازی کنید Implement Pure CSS Phone Navigation

  • بهبود پیمایش تبلت Tablet Navigation Enhancement

  • پیشرفت ناوبری دسک تاپ Desktop Navigation Enhancement

  • آزمایش مرورگر چندگانه Multiple Browser Testing

  • خلاصه Summary

پیمایش با استفاده از نمایش/پنهان کردن jQuery Navigation Using jQuery Show/Hide

  • بررسی اجمالی Overview

  • جی کوئری را متصل کرده و دکمه ای اضافه کنید Connect jQuery and Add a Button

  • سبک پیمایش تلفن را انتخاب کنید Style the Phone Navigation

  • به Tablet Navigation و Test سبک دهید Style the Tablet Navigation and Test

  • خلاصه Summary

پیمایش با استفاده از گزینه/Select و Suckerfish برای دسک تاپ Navigation Using Option/Select and Suckerfish for Desktop

  • بررسی اجمالی Overview

  • اتصال جی کوئری Connect jQuery

  • سبک پیمایش تلفن را انتخاب کنید Style the Phone Navigation

  • به Tablet and Desktop Navigation سبک دهید Style the Tablet and Desktop Navigation

  • آزمایش کردن Testing

  • خلاصه Summary

پیمایش با استفاده از یک دکمه ناوبری در حال گسترش Navigation Using an Expanding Navigation Button

  • بررسی اجمالی Overview

  • برپایی Setup

  • پیمایش تلفنی قسمت 1 Phone Navigation Part 1

  • پیمایش تلفنی قسمت 2 Phone Navigation Part 2

  • یک ظاهر طراحی شده روی دسک تاپ Styling the Desktop

  • آزمایش کردن Testing

  • خلاصه Summary

ستون های پاسخگو با استفاده از یک شبکه 12 ستونی Responsive Columns Using a 12-column Grid

  • بررسی اجمالی Overview

  • برپایی Setup

  • تک ستون Single Column

  • دو ستون Double Columns

  • ستون های سه گانه Triple Columns

  • عرض ستون مخلوط Mixed Column Width

  • شش ستون با تصاویر Six Columns With Images

  • تست دستگاه و مرورگر Device and Browser Testing

  • خلاصه Summary

تصاویر پاسخگو Responsive Images

  • مقدمه Introduction

  • برپایی Setup

  • قهرمان ساخت تصویر در فتوشاپ Hero Image Creation in Photoshop

  • کدگذاری تصویر قهرمان Coding the Hero Image

  • ایجاد عکس عکس در فتوشاپ Photo Image Creation in Photoshop

  • کدگذاری عکس Coding the Photograph

  • ایجاد تصویر قابل تغییر در فتوشاپ Swappable Image Creation in Photoshop

  • کدگذاری تصویر قابل تغییر Coding the Swappable Image

  • آزمایش کردن Testing

  • خلاصه Summary

نمادها Icons

  • مقدمه Introduction

  • برپایی Setup

  • ساخت یک ورق تک ستونی در فتوشاپ Building a Single Column Sprite Sheet in Photoshop

  • ساخت یک ورق دو ستون در فتوشاپ Building a Double Column Sprite Sheet in Photoshop

  • کدگذاری نمادهای اجتماعی در هدر تلفن Coding the Social Icons in the Phone Header

  • کدگذاری نمادهای اجتماعی در سربرگ Tablet و Desktop Coding the Social Icons in the Tablet and Desktop Header

  • کدگذاری نمادهای اجتماعی در پاورقی Coding the Social Icons in the Footer

  • وارد کردن و استفاده از قلم برای نمادها Importing and Using a Font for Icons

  • آزمایش کردن Testing

  • خلاصه Summary

پیش پردازنده CSS CSS Preprocessor

  • مقدمه Introduction

  • برپایی Setup

  • پردازش پرونده ها Processing the Files

  • خلاصه Summary

نمایش نظرات

نظری ارسال نشده است.

Paul Cheney

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