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.
Video Rating: 4 / 5
I came across to CSS framework in 2010 and i really don’t have any idea how it works. this year 2012 i discovered how it works. from then i always incorporate 960 to my design. it really helps in the development phase by not always reinventing the wheel / by dealing creating with paddings, floats etc anymore..sky is the limit.
960 comes with some push and pull classes that allow you to move a column to the left or right depending upon what you want/need. The other thing I had to learn quickly when I stated was you can combine a column to span multiple widths.
I never have used the 24 column. Just the 12 and 16 – but they work the same basic way.
still confused with th 960 system, i have a theme udesign using 960 with 24 columns and need to move some header items and really dont know where to start – any advice?
very nice tutorial, and very helpfull. IS a shame about the audio. codex perhaps??
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
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.
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 – 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.
dreamweaver?….
Thanks is is a cool system i never tried
@waltdesignanddevelop
Thanks, I found it.
You can go to the website 960.gs to download the files. They also have templates for different applications.
Where do I find the 960 Grid System CSS files?
@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.
Just found out that they are putting PHP back in aptana for the next version
This would work with any text editor – I’ve even used Notepad++ for some projects.
Totally agree with @kaptinook need to make this louder!
Great tutorial mate, thanks
so i need netbeans to get my php to work? cuz aptana no longer supports it
even with the plugin.
Do me a favour – re do the video and turn up the volume please, its way to low for a good quality video
Yes – I’m using Dreamweaver in the videos – covering it for a class I teach. I also use Aptana and NetBeans at my work. Aptana for client side scripting and CSS, NetBeans for PHP editing.
hey,
first of all. I just want to say thank you for taking time to try to educate the web community on 960. What editor are you using? Dreamweaver?
great video! i don’t mean to be rude, but are you sick? or do you have allergies? because sometimes i have difficulty hearing what you are saying, not due to volume, but to enunciation…