پیشنهاد فرادرس

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

دسته بندی ها: آموزش CSS ، آموزش طراحی وب ، طراحی وب واکنشگرا ، آموزش های Train Simple

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

در این آموزش تصویری طراحی وب سایت های واکنشگرا (Responsive) را با استفاده از  CSS3 می آموزید.

این دوره آموزشی محصول TrainSimple است.

سرفصل های دوره آموزشی:

  • خلاصه دوره
  • اصول طراحی Responsive
  • استفاده از چندین فایل CSS
  • ساخت Media Queries در یک فایل  CSS
  • برنامه نویسی HTML Structure  و  Default CSS
  • راه اندازی  فایل های HTML و CSS
  • قرار دادن منوی اصلی
  • ساخت Share Section
  • وارد کردن Organize Section
  • ساخت Tablet Layout
  • راه اندازی متوسط حل CSS  و Testing The Media Query
  • ایجاد Smartphone Layout
  • راه اندازی Retina Display Graphics

لیست سرفصل های دوره آموزشی:

In this course, learn to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You’ll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you’ll be guided through several in-depth tutorials that walk you through the responsive design workflow, building an HTML structure and using CSS for formatting mobile and desktop layouts; including tablets, desktop screens, and smartphones. We'll also review how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic.

Course Outline Responsive Design Fundamentals

13.71 MB 1:35 Project Overview 7.37 MB 2:43 Key Aspects Of Responsive Design 24.51 MB 4:20 Determining Device Resolutions To Target 20.94 MB 4:58 Wireframing Responsive Layouts Multiple Style Sheets & Media Queries

74.9 MB 10:49 The Concept Of Using Multiple CSS Files 58.78 MB 8:57 Media Queries & Multiple Style Sheets 61.49 MB 7:38 Building Media Queries Into A Single CSS File 36.07 MB 5:04 Using Media Query Expressions Coding HTML Structure and Default CSS

14.77 MB 4:18 Setting Up The HTML & CSS Files 23.44 MB 7:36 Getting Started With The Header 21.49 MB 6:01 Inserting The Main Nav Menu 30.05 MB 5:15 Building The Share Section 28.26 MB 6:55 Inserting The Search Field 20.71 MB 4:19 Problems With Applying Floats 18.5 MB 3:24 Integrating Google Fonts API 18.15 MB 4:25 Building The Hero Section Structure 54.04 MB 9:03 Formatting The Hero Section 59.46 MB 9:50 Inserting & Formatting A Call To Action Button 38.41 MB 5:46 Building The Features Section, Part One 28.78 MB 4:56 Building The Features Section, Part Two 45.92 MB 8:18 Inserting The Organize Section 39.79 MB 6:35 Building The Call To Action Area 28.96 MB 3:47 Inserting And Formatting The Footer 38.06 MB 4:06 Finishing Touches For The High Resolution Layout Building The Tablet Layout

61.67 MB 7:01 Setting Up The Medium Resolution CSS & Testing The Media Query 36.77 MB 4:08 Formatting The Medium Res Header 54.09 MB 6:08 Formatting The Medium Res Hero Section 18.52 MB 2:13 Formatting The Features Section 46.69 MB 5:17 Formatting The Organize And Share Sections 26.57 MB 2:53 Building The Get Section & Finishing Up The Medium Res Layout Creating the Smartphone Layout

32.54 MB 4:40 Setting Up The Low Res CSS & Testing The Media Query 14.07 MB 2:52 Formatting The Low Res Header 40.64 MB 4:21 Resolving Problems Caused By Floats 25.17 MB 3:17 Formatting The Low Res Hero Section 12.43 MB 1:46 Formatting The Features Section 19.65 MB 2:58 Formatting The Organize And Share Sections 27.13 MB 3:06 Building The Get Section & Finishing Up The Low Res Layout Advanced Techniques For Responsive Design

34.59 MB 5:59 Disabling Device Smart Zoom 35.24 MB 4:27 Testing Your Responsive Layouts 45.27 MB 6:21 Setting Up Retina Display Graphics 9.88 MB 1:58 Conclusion

InDesign CC

عنوان دوره: Train Simple - CSS3 Responsive Web Design حجم فایل: 1.04GB

Train Simple CSS3 Responsive Web Design

پیشنهاد فرادرس