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

عنوان اصلی : HTML5 & CSS3 Responsive Web Design

با مشاهده این کورس آموزشی استفاده از فتوشاپ ، HTML5 و CSS3 را به منظور طراحی وب سایت های Responsive خواهید آموخت. وب سایت های Responsive سایت هایی هستند که در تمامی دستگاه ها و اندازه صفحات به خوبی و به شکلی استاندارد نمایش داده می شوند.
این مجموعه آموزش ویدیویی محصول موسسه آموزشی VTC است که بر روی 1 حلقه DVD به همراه فایلهای تمرینی و به مدت زمان 8 ساعت و 41 دقیقه در اختیار علاقه مندان قرار می گیرد.

در ادامه با برخی از سرفصل های درسی این مجموعه آموزش HTML5 و CSS3 آشنا می شویم :
شروع به کار :

Welcome
Understanding Responsive Design
Resolutions We Will Be Targeting
A Look at What We Will Build

آموزش ایجاد کردن طرح وب سایت در Illustrator :

Setting Up the High Resolution Wireframe
Building the Header
Setting Up the Navigation and Slideshow
Constructing the Content Boxes
Creating the News Feed Area
Finishing Up with the Footer
Starting the Medium Resolution Wireframe
Building the Header and Navigation Area
Building the Slideshow and Content Boxes
Constructing the News Feed
Finishing Up with the Footer
Setting Up the Low Resolution Wireframe
Wireframing the Header Area
Constructing the Main Navigation Menu
Building the Content Boxes
Setting Up the News Feed Area
Finishing Up and Final Thoughts

آموزش ایجاد کردن طرح کامل وب سایت در فتوشاپ :

Setting Up the Wireframe for Import
Opening the High Resolution in Photoshop
Breaking Apart the Wireframe pt. 1
Breaking Apart the Wireframe pt. 2
Breaking Apart the Wireframe pt. 3
Formatting the Header
Setting Up the Site Logo pt. 1
Setting Up the Site Logo pt. 2
Updating the Logo
Formatting the Navigation Menu
Inserting the Menu Items
Building the Slideshow
Setting Up the First Content Box
Inserting the Content Box Title
Building the Second Content Box pt. 1
Building the Second Content Box pt. 2
Building the Second Content Box pt. 3
Setting Up the Third Content Box
Inserting the Content Box Photo
Placing the Content Box Title
Inserting Placeholder Text
Finishing Up the Design

آموزش ایجاد کردن طراحی برای دستگاه های تبلت ( کوچکتر از مانیتور و بزرگتر از گوشی های هوشمند ) :

Preparing the Wireframe for Import
Bringing the Wireframe Into Photoshop
Extracting the Header
Pulling Out the Menu and Slideshow
Finishing Up the Wireframe BreakUp
Formatting the Header
Building the Navigation Menu
Formatting the Slideshow
Setting Up the First Content Box
Finishing Up the Content Boxes
Formatting the Footer

آموزش طراحی برای صفحات با اندازه کوچک ( گوشی های هوشمند ) :

Bringing the Wireframe into Photoshop
Extracting the Header and Menu
Pulling Out the Content Boxes
Finishing Up the Wireframe Breakup
Formatting the Header
Building the Navigation Menu
Readjusting the Layout
Setting Up the First Content Box
Formatting the Second Content Box
Finishing Off the Design

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

Setting Up the HTML Page
Setting Up the External Style Sheet
Testing the External Style Sheet
Building the Three Media Queries
Testing the Media Queries
Using Commenting to Simplify the View

آموزش ایجاد کردن ساختار HTML :

Building the Main Layout Structure
Wrapping the Code into a Container Div
Building the Main Navigation Menu
Structuring the Content Boxes
Building the News Feed Area
Setting the Footer Structure

آموزش ایجاد کردن Layout رزولوشن بالا :

Getting Started with the High Res Layout
Formatting the Layouts Header
Formatting the Menu pt. 1
Formatting the Menu pt. 2
Formatting the Slideshow
Setting Up the Content Boxes
Applying Formatting to the News Feed
Finishing Off with the Footer

آموزش ساخت Layout رزولوشن متوسط :

Setting Up the Medium Resolution Layout
Formatting the Header
Formatting the Navigation Menu
Applying Formatting to the Slideshow
Setting the Content Box Formatting
Adjusting the News Feed
Finalizing with the Footer

آموزش ایجاد کردن Layout رزولوشن پایین :

Getting Started with the Low Res Layout
Formatting the Header and Nav Menu
Formatting the Content Boxes
Applying Formatting to the News Feed
Finishing Up with the Footer

آموزش قالب بندی صفحه اولیه در رزولوشن معمول :

Getting the Design Underway
Formatting the Header
Formatting the Main Nav Menu
Settings for the Content Boxes
Applying Formats to the News Feed
Final Thoughts on the Design
Starting the Medium Res Formatting
Formatting the Header and Nav Menu
Formatting the Content Boxes
Setting Up the News Feed and Footer
Initial Low Resolution Formatting
Quickly Finishing the Low Res Design

آموزش کامل و کاربردی افزودن گرافیک ها :

Extracting the Logo from Photoshop
Inserting the Logo into the Code
Extracting the Slideshow
Getting the Slideshow Inserted
Pulling Out the First Content Box
Extracting the Remaining Content Boxes
Formatting the Content Box Images
Formatting the Medium Resolution Images
Styling the Low Resolution Images

مشخصات این مجموعه :
زبان آموزش ها انگلیسی روان و ساده
دارای آموزش های ویدیویی و دسته بندی شده
ارائه شده بر روی 1 حلقه DVD به همراه فایلهای تمرینی
مدت زمان آموزش 8 ساعت و 41 دقیقه !
محصول موسسه آموزشی VTC

قیمت : 10000 تومان

روش خرید: برای خرید "آموزش طراحی وب سایت های Responsive در HTML5 و CSS3" ، پس از کلیک روی دکمه زیر و تکمیل فرم سفارش، ابتدا محصول یا محصولات مورد نظرتان را درب منزل یا محل کار تحویل بگیرید، سپس وجه کالا و هزینه ارسال را به مامور پست بپردازید. جهت مشاهده فرم خرید، روی دکمه زیر کلیک کنید.

1-روی دکمه خرید پستی کلیک نمایید.
2-فرم مربوطه را به صورت کامل و صحیح پر نمایید.
3-سفارش خود را درب منزل از پستچی تحویل گرفته سپس هزینه را پرداخت نمایید.

آموزش مدیریت اتفاقات
آموزش Regular Expressions در دات نت
آموزش ساخت رابط های کاربری زیبا تر برای برنامه های WPF با کاربرد کنترل های ارائه شده در Telerik
آموزش تبدیل کردن یک عکس تهیه شده در فتوشاپ به وب سایت
آموزش برنامه نویسی Swift
آموزش کار با نرم افزار Maya ویژه کاربران Softimage
آموزش ساخت تیتراژ آغازین یک برنامه تلویزیونی بوسیله CINEMA 4D و After Effects
پایتون در 3 ساعت: آموزش برنامه نویسی Python برای مبتدیان
آموزش طراحی وب سایت های Responsive در HTML5 و CSS3

کلمات کلیدی :the first content the second content the news feed the news feedfinishing the medium resolution the content boxesapplying the wireframe breakupformatting content boxesapplying formatting the external style the content the news the wireframe content box with the ایجاد کردن سایت های های responsive the header content responsive wireframe resolution طراحی navigation

۹۶/۰۶/۱۵

مجید ایرانی

buy

buy