The 960 Grid System is a popular CSS Framework for laying out websites.
This first part of a 2 part video series shows you how to set up the web page and start to use the common aspect of the 960 grid system, or 960GS as it is sometimes called.
Set Up a Web Page with the 960 Grid System was originally found on Access 2 Learn
Assistant Professor
Walter Wimberly is an Assistant Professor at a regional college in Tennessee, teaching Computer Science in the Software Engineering track. He works as a student advisor, oversees curriculum changes, develops new courses, and manages the advisory panel.
Walter taught full time for about 7 years, before going back into “industry” as a full stack Software Developer for a dozen years. There he focused on web based projects coding in JavaScript/jQuery and utilizing the Bootstrap CSS Framework on the front-end, and coding in PHP, ASP/ASP.Net, SQL on the back-end.
Since he loves teaching, he taught as an adjunct web and digital media classes for eight (8) years, while working in industry, and has since returned to teaching full time.
He has been married for over 25 years, and is father to several special needs boys. As such, he is working on some projects to help others who have special needs to be self-sufficient, and support the care givers of those with special needs. Check out his Autism blog for more info.
The article tag should have independent, self-contained content. This means it should stand on its own, without the need for information from any other section of the web page. However, it can be related to articles. The difference between it, and the main tag, is that you can have multiple article tags on a web…
A web page is a single file which contains a document following the HTML specification. It may reference external files to bring in design elements, multimedia elements, and script files. Typically this file will have an extension of either .html or .htm. On most web servers, web pages and other resources are case sensitive. Windows…
Box model The box model describes how CSS works to display images and information. Every element in your web page responds to these basic directives, however their implementation is not always accurate. width: how wide your element is height: how tall your element is margin: space between two elements. Measured a little uniquely, as the…
In order to bring in the space between the edge of one element (the browser for example) and another, we have to understand sizing. All sizing is done through a series of unit measurements. Depending upon what you are creating will depend upon what unit you are wanting to choose. Some units are based upon…
The description list is slightly “new” to HTML 5. I say new, in that previous to HTML 5, it was called a “definition list” and now it is a description list. The same tags are used, just the name changed. The description list is the least used of the list containers for two reasons. First,…
Some things are more complex/fancy than useful. Consider the Star Wars Crawl, The Matrix, or a 3D cube. These are often proof’s of concept/fun projects that see what can be done. Of course, soon we’ll see clients who want to have their websites scroll vertically automatically like the matrix, or into a distance like with…
2 Comments
Comments are closed.