Lynda - CSS Page Layouts

کاربرد : آموزش جامع نرم افزار CSS Page Layouts
نوع فایل : فیلم آموزشی
زبان : انگلیسی
سیستم عامل : Windows-Mac-Linux-Android-iOS
تولید کننده : Lynda
سال تولید : 2012

توضیحات

چگونگی طرح بندی صفحه (چیدمان المنت ها) به صورت صحیح و استاندارد یکی از مهمترین مباحثی است که طراحان صفحات وب سایت همواره توجه خاصی به آن دارند همانطور که می دانید سی‌اس‌اس (CSS) روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است و شامل دستواراتی است که روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها) و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند

Description

Page Layouts introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning Author James Williamson shows how to combine these techniques to create fixed, fluid, and responsive layouts Designers are also shown how to enhance their pages through the creative use of CSS techniques like multi-column text, opacity, and the background property Exercise files are included with this course
Topics include:
Reviewing the box model
Calculating em and percentage values
Controlling how elements display
Creating fixed, fluid, and responsive layouts
Structuring content with HTML5
Floating elements
Using relative, absolute, or fixed positioning
Defining column spacing
Creating grid-based assets and layouts
Considering mobile-design-specific issues
Working with multi-column text
Enhancing page design CSS Sprites

بخش های فایل

این فایل شامل 143 بخش می باشد که بخش های آن به صورت جداگانه در زیر آمده است.

Row	Title	Size
00. Introduction
1	01. Welcome	3.87 MB
2	01. Welcome	1.31 KB
3	02. Using the Exercise Files	2.92 MB
4	02. Using the Exercise Files	6.17 KB
01. Layout Basics
5	01. Box Model Review	6.72 MB
6	01. Box Model Review	15.47 KB
7	02. Calculating Element Dimensions	8.88 MB
8	02. Calculating Element Dimensions	20.25 KB
9	03. Understanding Margin Collapse	8.31 MB
10	03. Understanding Margin Collapse	14.37 KB
11	04. Calculating em Values	8.63 MB
12	04. Calculating em Values	13.17 KB
13	05. Calculating Percentage Values	18.00 MB
14	05. Calculating Percentage Values	12.52 KB
15	06. Normal Document Flow	15.03 MB
16	06. Normal Document Flow	24.15 KB
17	07. Controlling Element Display	9.31 MB
18	07. Controlling Element Display	15.92 KB
19	08. Using CSS Resets	6.60 MB
20	08. Using CSS Resets	12.99 KB
21	09. Fixed, Fluid, and Responsive Layouts	24.87 MB
22	09. Fixed, Fluid, and Responsive Layouts	16.58 KB
23	10. CSS Debugging Tools	6.33 MB
24	10. CSS Debugging Tools	11.82 KB
25	11. Using the Firebug Inspector and the WebKit Web Inspector	11.60 MB
26	11. Using the Firebug Inspector and the WebKit Web Inspector	19.95 KB
02. Design Considerations
27	01. Page Design Workflow	2.15 MB
28	01. Page Design Workflow	5.29 KB
29	02. Page Design Tools	9.62 MB
30	02. Page Design Tools	8.35 KB
31	03. Determining Page Structure	6.16 MB
32	03. Determining Page Structure	14.19 KB
33	04. Creating Image Assets	8.26 MB
34	04. Creating Image Assets	16.75 KB
35	05. Creating Initial Page Structure	6.40 MB
36	05. Creating Initial Page Structure	12.79 KB
37	06. Adding Meaning with Classes and IDs	4.30 MB
38	06. Adding Meaning with Classes and IDs	9.70 KB
39	07. Structuring Content with HTML5	4.85 MB
40	07. Structuring Content with HTML5	10.84 KB
41	08. Building Internal Structure	10.36 MB
42	08. Building Internal Structure	19.27 KB
03. Working with Floats
43	01. Floating Elements	6.17 MB
44	01. Floating Elements	12.85 KB
45	02. Clearing Floats	6.32 MB
46	02. Clearing Floats	12.36 KB
47	03. Containing Floats	6.15 MB
48	03. Containing Floats	13.33 KB
49	04. Clearfix Technique	8.98 MB
50	04. Clearfix Technique	17.40 KB
51	05. Floating Inline Elements	18.17 MB
52	05. Floating Inline Elements	25.32 KB
53	06. Two-Column Floated Layouts	7.65 MB
54	06. Two-Column Floated Layouts	13.71 KB
55	07. Three-Column Floated Layouts	11.16 MB
56	07. Three-Column Floated Layouts	18.92 KB
57	08. Column Height Considerations	8.38 MB
58	08. Column Height Considerations	11.26 KB
59	09. Creating Equal-Height Columns	21.36 MB
60	09. Creating Equal-Height Columns	17.79 KB
61	10. Floats - Lab	7.58 MB
62	10. Floats - Lab	9.95 KB
63	11. Floats - Solution	6.60 MB
64	11. Floats - Solution	9.46 KB
04. Positioning Elements
65	01. Relative Positioning	6.77 MB
66	01. Relative Positioning	13.14 KB
67	02. Absolute Positioning	8.32 MB
68	02. Absolute Positioning	14.12 KB
69	03. Fixed Positioning	7.17 MB
70	03. Fixed Positioning	6.86 KB
71	04. Controlling Stacking Order	8.71 MB
72	04. Controlling Stacking Order	13.31 KB
73	05. Clipping Content	7.32 MB
74	05. Clipping Content	13.86 KB
75	06. Controlling Content Overflow	15.28 MB
76	06. Controlling Content Overflow	8.92 KB
77	07. Positioning Elements - Lab	4.73 MB
78	07. Positioning Elements - Lab	7.00 KB
79	08. Positioning Elements - Solution	5.62 MB
80	08. Positioning Elements - Solution	6.41 KB
05. Building Fixed Layouts
81	01. Design Considerations for Fixed Layouts	2.43 MB
82	01. Design Considerations for Fixed Layouts	5.33 KB
83	02. Establishing the Layout Grid	5.79 MB
84	02. Establishing the Layout Grid	13.73 KB
85	03. Defining Column Spacing	8.31 MB
86	03. Defining Column Spacing	15.95 KB
87	04. Applying the Grid Through CSS	12.88 MB
88	04. Applying the Grid Through CSS	15.19 KB
89	05. Creating Grid Based Assets	20.86 MB
90	05. Creating Grid Based Assets	15.24 KB
91	06. Grid Design Resources	10.84 MB
92	06. Grid Design Resources	11.10 KB
93	07. Building Fixed Layouts - Lab	4.51 MB
94	07. Building Fixed Layouts - Lab	7.20 KB
06. Building Flexible Layouts
95	01. Designing with Flexible Layouts	2.82 MB
96	01. Designing with Flexible Layouts	4.08 KB
97	02. Calculating Percentage Values	7.71 MB
98	02. Calculating Percentage Values	14.01 KB
99	03. Setting Flexible Width Values	14.17 MB
100	03. Setting Flexible Width Values	10.64 KB
101	04. Making Images Flexible	21.28 MB
102	04. Making Images Flexible	14.11 KB
103	05. Setting Minimum and Maximum Widths	17.21 MB
104	05. Setting Minimum and Maximum Widths	12.72 KB
105	06. Building Flexible Layouts - Lab	8.62 MB
106	06. Building Flexible Layouts - Lab	8.41 KB
107	07. Building Flexible Layouts - Solution	11.56 MB
108	07. Building Flexible Layouts - Solution	11.52 KB
07. Building Responsive Layouts
109	01. Responsive Layout Overview	4.93 MB
110	01. Responsive Layout Overview	6.42 KB
111	02. Using Media Queries	10.02 MB
112	02. Using Media Queries	12.63 KB
113	03. Organizing Styles	9.05 MB
114	03. Organizing Styles	16.24 KB
115	04. Making Content Responsive	12.26 MB
116	04. Making Content Responsive	15.11 KB
117	05. Mobile Design Considerations	8.77 MB
118	05. Mobile Design Considerations	13.86 KB
119	06. Building Responsive Layouts - Lab	7.90 MB
120	06. Building Responsive Layouts - Lab	7.85 KB
121	07. Building Responsive Layouts - Solution	14.03 MB
122	07. Building Responsive Layouts - Solution	16.26 KB
08. Enhancing Page Design
123	01. Creating Multi-Column Text	10.54 MB
124	01. Creating Multi-Column Text	11.02 KB
125	02. Using Borders to Enhance Design	15.11 MB
126	02. Using Borders to Enhance Design	23.85 KB
127	03. Rounding Corners	6.08 MB
128	03. Rounding Corners	11.50 KB
129	04. Adding Drop Shadows	10.25 MB
130	04. Adding Drop Shadows	17.85 KB
131	05. Working with Opacity	7.43 MB
132	05. Working with Opacity	9.62 KB
133	06. Utilizing the Background Property	13.42 MB
134	06. Utilizing the Background Property	26.18 KB
135	07. Working with CSS Sprites	6.33 MB
136	07. Working with CSS Sprites	14.16 KB
137	08. Enhancing Page Design - Lab	12.14 MB
138	08. Enhancing Page Design - Lab	10.64 KB
139	09. Enhancing Page Design - Solution	11.26 MB
140	09. Enhancing Page Design - Solution	15.18 KB
09. Additional Resources
141	01. Additional Resources	9.39 MB
142	01. Additional Resources	10.75 KB
10. ZZZ - فایلهای تمرینی
143	Ex_Files_CSS_Page_Layout	50.77 MB

شما می توانید مجموعه کامل بخش های این فابل را نیز به صورت مجموعه کامل دریافت نمایید.

اگر شما نسبت به این اثر یا عنوان محق هستید، لطفا از طریق "بخش تماس با ما" با ما تماس بگیرید و برای اطلاعات بیشتر، صفحه قوانین و مقررات را مطالعه نمایید.

دیدگاه کاربران

لطفا در این قسمت فقط نظر شخصی در مورد این عنوان را وارد نمایید و در صورتیکه مشکلی با دانلود یا استفاده از این فایل دارید در صفحه کاربری تیکت ثبت کنید.

(اختیاری)

تعداد کاراکتر مجاز: 1000