You can find links to all my assignment pages below.
Please visit my assignment pages and see how my work has progressed.
During this 6 week course I have learned quite a bit about web page design. We started with the very basics and built upon this foundation as the class progressed.
Week 1 covered the basics. No problem...I've been designing web pages for years...this should be a cinch. I learned HTML years ago and knew enough to correct errors in my WYSWYG program.
Now we have XHTML and CSS? What were these? Okay, not too bad. I already knew some of this, just not the proper terminology.
What do you mean I "have" to have "structural" tags on every page? And we have "Formatting" tags, too? And they "have" to be in order? Now we have to validate the html code, too? It looks good to me, so what's the problem? At least we got to add a little color to our pages this week.
Combine declarations? I just figured out how to add them to my page, now you want me to combine them? Good grief, another validator...now we have to validate the CSS!
Special characters? What the heck is wrong with my keyboard? I can't just type "&", I have to type & for the ampersand.
Absolute links? Relative links? Great...another validator!
Oh boy, this isnt' going to be as easy as I thought!
Yippee..font properties. Now I can make my page look the way I want. Oh no, what's all this? Font family? Font style? Font weight? Font variant? Font size? What's the problem with Arial??? Back to the drawing board for me (again)!
Tags again? I thought we covered those in Week 2. Oh, tags define the structure of a page and styles tell the browser how to display the page.
Text and font are not the same? Okay. Text is the content of the page and font determines how the content is dispalyed in the browser.
Pseudo-Classes? Wow, we can change the default for things like links. How cool is that?
Images! Now we're talking. Let's spice it up a bit.
What do you mean I have to keep the file size down? And I should care how long it takes my page to load in the visitor's browser? So much for the family photo album being published on one page.
Images have "alt" tags, I know that, but they can have a "title" tag, too? That's a new one on me.
Phew! We can use thumbnails and still be able to display a full size image for our visitor without adding the file size of the full size image to our web page size. Cool!
Classes? Isn't that what we've been taking all along? Oh, this "class" applies to coding your page. Classes can change the look even more than we've already done? Wow! Let's create some "classes".
Divs and Tags...probably the most confusing part of the whole class for me! It took some time, but I think I finally got it! Enough said about that.
Did I mention that there is another validator this week?
Margins & Padding. Margins are where I used to write notes in books. Margins aren't much different in web design; they are the areas outside your content. Of course, your monitor might suffer from writing notes there. Padding, on the other hand, is the area between your content and the element's container.
Tables! Here's something I know about. But after this section all that went out with the trash. What I knew and what I now know are totally different.
Although I found that I've been using table incorrectly all this time, I learned so much more about tables and their properties that I'll still use them. I'll just use them correctly now (I hope)!
At least there aren't any new validators this week!
This lesson covered things that the visitor doesn't see on your page. Yet, they are still important to the design of your page.
Meta tags are nested in the <head> section of your page. They are used to describe your page, redirect your page and/or tell search engines how to index your page(s) in search engines.
There are also meta tags you can use to credit the author of the page, the program you created the page with and who has copyright to the page.
Directories and paths are extremely important in web design. Directories act like folders in your web site structure. They allow you to organize your files which makes it a lot easier to find things as your site develops.
Paths are the roadmap you use to direct your visitors to the page or file you want them to see.
Index Week I Week 2 Week 3 Week 4 Week 5 Part 6
Top of Page