2012
Video2Brain
Candyce Mairs
3h55m
English
CSS enables you to control the look and layout of a web page much more precisely than you could with HTML alone, but it can be time-consuming to learn. In this innovative workshop, expert developer Candyce Mairs makes it quick and easy, walking you through the process of adding content to a web page and using CSS to position that content. You will learn CSS positioning concepts like the CSS “box model,” “floats,” and “clears,” and gain a deeper understanding of how HTML and CSS work together to create the look of your web page. By speaking the same language as the browser, you will learn to work with the browser to place content accurately and easily.
Getting Started
Why CSS Positioning?
05:51
HTML Editors
03:18
Getting Set Up
03:39
Previewing Pages in Browsers
03:51
Customizing the HTML Editor
05:32
Exploring Browser Variances
05:17
Browser Extensions
05:54
The Browser Team
HTML vs. CSS: Which Does What?
09:55
HTML Div Tags
04:57
CSS Properties
06:21
The CSS Box Model
09:20
Building the Header Area
Planning the Page Layout
03:47
Building the Header Box
06:24
Positioning with HTML
03:36
Positioning with CSS
08:22
Foreground vs. Background Content
06:39
Adding the Navigation Menu
Building the Menu Box
05:07
Adding the Menu Links
04:58
Formatting the Menu with CSS
06:43
Positioning the Menu with CSS
08:56
Creating the Middle Column
Adding the Middle Column
06:29
Creating a CSS Rule for the Column
06:21
Adding CSS Rules for the Column
08:53
Creating the Right Column
Adding the Right Column and Inserting Images
07:33
Completing the Right Column Content
04:19
Formatting the Right Column Using CSS
07:59
Positioning Using a Float
Understanding the Float Property
06:06
Applying the Floats
06:02
Finishing the Floats
06:25
Adding CSS Properties to the Right Column
07:44
Adding Background Colors and Images
Setting Up for Background Colors
05:49
Adding a Footer
08:51
Adding the Background Colors
07:21
Positioning the Footer
09:01
Adding the Final Touches
Comparing the Web Page to the Graphic Design
06:50
Adjusting the Web Page as Needed
04:25
Adding the Final Touches
05:23
Closing Thoughts
Closing Thoughts
02:44
http://www.video2brain.com/en/courses/exploring-css-positioning
Download File Size:655.68 MB
|
