design :: هوای آفتابی

طرح بندی سایت در HTML و CSS

در این آموزش تصویری با طرح بندی سایت در HTML و CSS آشنا می شوید. این دوره نحوه ساخت وب سایت واکنش گرا با HTML و CSS را آموزش می دهد. در ادامه الگوهای طراحی وب سایت را معرفی می کند.
این دوره آموزشی محصول موسسه DigitalTutors است.

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

تجزیه و تحلیل الگوهای UI
کار با عناصر HTML5
استفاده از عناصر HTML5
نحوه برش عناصر در HTML5
اضافه کردن تصاویر
اضافه کردن فونت های خارجی
کار با CSS
کار با وراثت
کار با کلاس ها
کار با ویژگی های CSS
برجسته کردن ظاهر برنامه
طراحی دکمه در برنامه
طراحی منو
کار با رسانه ها
کار با رسانه ها برای بخش های ویژه
ایجاد نوار کناری
و…
عنوان دوره: DigitalTutors Introduction to Building Website Layouts in HTML and CSS
مدت زمان: 5 ساعت و 4 دقیقه
مدرس : Susan Simkins

این فیلم آموزشی اوریجینال بوده و به زبان انگلیسی ساده و روان ، در محیط نرم افزار و قابل درک برای همه تدریس می گردد

In this web design tutorial, we’ll learn how to go from basic HTML and CSS knowledge to using a mobile-first approach to create a responsive website from scratch. We’ll learn how to think of website layouts in terms of common web design patterns and how to design in the browser.

We’ll take a step-by-step approach to learning how to correctly markup content with semantic HTML, think about progressive enhancement, HTML hierarchy and how and when to correctly use HTML5 sectioning elements. We’ll also learn about important CSS theories like how to use classes and IDs, inheritance and specificity, and how to start thinking about CSS architecture to improve maintainability and scalability of code.

By the end of this web design training, you’ll have a thorough understanding of how you can start building your own responsive websites.

Introduction and project overview

1

Introduction and project overview Watch it now

00:48

Analyzing layouts

2

Analyzing layouts Free with Demo »

06:57

Analyzing UI patterns

3

Analyzing UI patterns Free with Demo »

09:03

Website plan and analyzing patterns

4

Website plan and analyzing patterns Free with Demo »

08:07

The fluid nature of the web

5

The fluid nature of the web

07:48

Progressive enhancement and hierarchy

6

Progressive enhancement and hierarchy

09:47

HTML5 sectioning elements

7

HTML5 sectioning elements

07:39

Using HTML5 sectioning elements

8

Using HTML5 sectioning elements

08:15

HTML5 sectioning elements continued

9

HTML5 sectioning elements continued

03:52

Building navigation

10

Building navigation

04:01

Adding images

11

Adding images

07:10

Adding external fonts

12

Adding external fonts

06:18

CSS resets

13

CSS resets

04:20

Typographic scales and vertical rhythm

14

Typographic scales and vertical rhythm

10:32

Global styles

15

Global styles

05:56

Links

16

Links

07:03

Understanding the Cascade: Source order

17

Understanding the Cascade: Source order

10:40

Understanding the Cascade: Importance

18

Understanding the Cascade: Importance

07:06

Understanding the Cascade: Inheritance

19

Understanding the Cascade: Inheritance

07:40

Classes and IDs

20

Classes and IDs

06:46

Understanding the Cascade: Specificity

21

Understanding the Cascade: Specificity

09:44

Understanding classes and IDs

22

Understanding classes and IDs

10:46

Adding a page wrapper

23

Adding a page wrapper

08:47

Global logo styles

24

Global logo styles

09:20

Styling the navigation

25

Styling the navigation

13:37

Navigation continued

26

Navigation continued

06:09

Home page styles

27

Home page styles

07:51

Styling featured sections

28

Styling featured sections

05:10

Styling the buttons

29

Styling the buttons

09:38

Styling the menu page

30

Styling the menu page

08:16

Styling the location and hours page

31

Styling the location and hours page

02:39

Media queries

32

Media queries

10:23

Creating responsive navigation

33

Creating responsive navigation

10:16

Styling landing text and responsive type

34

Styling landing text and responsive type

07:43

Media queries for featured sections

35

Media queries for featured sections

06:44

Media queries for featured sections continued

36

Media queries for featured sections continued

07:11

Styling the gallery

37

Styling the gallery

08:46

Creating a sidebar

38

Creating a sidebar

07:40

Testing: validation, contrast, and cross-browser

39

Testing: validation, contrast, and cross-browser

09:49

Final notes on CSS architecture

40

Final notes on CSS architecture

04:13

این فیلم آموزشی اوریجینال بوده و به زبان انگلیسی ساده و روان ، در محیط نرم افزار و قابل درک برای همه تدریس می گردد

قیمت : 10000 تومان

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

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

آموزش حرفه مدارک LFCS و RHCSA لینوکس
پکیج آموزشی Adobe InDesign CS6
آموزش ساخت گیم به وسیله فلشاورجینال
آموزش صفر تا صد برنامه نویسی PHP بوسیله فریم ورک CodeIgniter
آموزش رتوش عکس ها در فتوشاپ
آموزش Maya 2015
آموزش جامع و کاربردی SMACSS
آموزش تست Coded UI در ویژوال استدیو 2013
طرح بندی سایت در HTML و CSS

کلمات کلیدی :free with demo the cascade source for featured sections patterns free with فیلم آموزشی اوریجینال زبان انگلیسی ساده آموزشی اوریجینال بوده the cascade بندی سایت for featured queries for html5 sectioning and how sectioning elements free with cascade sectioning featured responsive we’ll design queries نمایید elements classes

۰ نظر

خرید پستی

هوای آفتابی

۱ مطلب با کلمه‌ی کلیدی «design» ثبت شده است

طرح بندی سایت در HTML و CSS

طرح بندی سایت در HTML و CSS