HTML/CSS

September 9th, 2009

One of the areas we will be studying in this course is HTML. Although there are many programs out there currently that will generate HTML for you they don’t necessarily produce the cleanest or most effective code. All web developers should start with a strong foundation in HTML before they start expanding into some of the higher level languages. The good news is there are plenty of resources available for HTML. Additionally if your ever on a site and wonder how another web developer made something you can easily just look at the source code of the site and see for yourself.

One of the main resources I use frequently is W3Schools. They have plenty of articles tutorials and a complete HTML tag definitions. What I like the most is the ability to try everything out after each lesson.

I’ll be showing you in class which sections I would like you to complete.

http://w3schools.com/html/default.asp

Assignment 1 -HTML – Grade 10′s only

Design a series of web pages to tell the world how awesome you are. On the content side be sure to include your interests, personality traits, favorite school appropriate web sites, and a funny story about yourself. On the technical side you need to demonstrate your knowledge in HTML by including the following HTML elements: Images, links to the other pages, text formatted in various ways (headings, content, paragraphs. Etc.), use div’s where possible, and include complete header information (title, meta descriptions, etc.)

CSS

In web development CSS strands for Cascading Style Sheets. Style sheets are a crucial part of web development. By puting a style sheet on your web page it allows you to completely seperate a web pages style with a websites content. Doing this makes for much clearner code and it also makes it alot easier to change the look of your web page. You can also use style sheets across multiple pages allow you to maintain consistent formating across an entire web site. As an example if you want to change the color of every H1 tag on your wesite you can change literaly one line of code and have the changes take place accros every page where the style sheet is referenced.

In terms of online resourses I find W3Schools to be a good resource for beginers. There are definetly stronger resourses for advanced users but this site is a good start for most.

CSS Menu Tutorial

Image Mouse Over

Centering your Text