Set Up a 960 Grid System web page - Part 1

A Higher Quality version of the previous upload. How to set up a simple web page using the 960 grid system CSS framework. This video shows the initial set up, including the CSS files (in the correct order) adding a container div and centering a header which doesn't take the entire width of the page.

Category:

Education

Tags:

• 960 grid system
• css
• 960 css
• web design
• dreamweaver
• web layout
• 960

[waltdesignanddevelop]

@kerron68 - for this example, yes - but you don't have to use Dreamweaver. It happens to be what I teach, so I keep it similar for my students.

[archedmandible]

Where do I find the 960 Grid System CSS files?

[waltdesignanddevelop]

@archedmandible You can go to the website 960.gs to download the files. They also have templates for different applications.

[loc72]

Totally agree with @kaptinook need to make this louder!

Great tutorial mate, thanks :)

[waltdesignanddevelop]

@loc72 @electrofemme1 The new things I've done are louder. I'll see about re-recoding these, or see if I can bump up the volume at least.

[MrRoboBrain]

@ZZZeroGold HTML and CSS are important to learn and be able to write website in notepad or similar text editor, BUT why do it in slower, harder and more boring way, when you can use 960 gs or other framework programs

[nemci7v]

@ZZZeroGold It's a misconception that Dreamweaver is a WYGIWYS editor. You have the option to view your code live. It also suggests code that you need to know anyways before using it. Both features are for convenience, not WYSIWYG functionality. Dreamweaver has a lot of great features for expert programmers.

[waltdesignanddevelop]

@ZZZeroGold The video is for a Dreamweaver class, so I would be remiss to not teach the given subject. In other courses I teach, I teach with other text editors. Even in Dreamweaver, I teach a lot of the HTML in code view, as you will notice from the video, because it is important to know the strengths and weaknesses of any tool you use.

[kerron68]

dreamweaver?....

[JREAMdesign]

Thanks is is a cool system i never tried

[archedmandible]

@waltdesignanddevelop

Thanks, I found it.