Now that you've gotten a simple Web page written, let's learn a bit more about the language. True, you will be using Dreamweaver for the second part of this class, but you still must learn enough HTML to make a simple page. There are a number of reasons
Read and work through HTML Dog, a site full of web authoring tutorials. Note that these pages are constructed to allow you to print them out if you wish. This will help give you a quick introduction to the subject.
First, read through the following to get a general understanding of HTML
Then, be sure to understand the following skills and tags:
In each case, be sure to follow along with the exercises by making your own web pages.
Create a simple web page (or expand the page from last week) that introduces yourself. It should use the above tags to create a pleasing format. Content should include:
You should use paragraphs, headlines, and background color as basic organizing elements. Experiment with bold/italics, blockquotes, aligning text and line breaks to give a more distinctive look.
I have provided a sample resume and hotlist for you to work with during this exercise. We will first link the files together, then upload the site to the server. If time permits, we will create a folder structure and re-link the files according to the principles of relative linking.
Perfect? Now try and create the structure for assignment one. Do this work in the local "yourname_website" folder you just created.
Last week we started working on searching the web. This week we will continue the work, but now with a purpose. Your personal web site needs to contain a hotlist that consists of links found on the World Wide Web that relate to topic you are interested in. During the second part of class, complete the following.
Either take the example resume or your own resume and start experimenting with text formatting to make the document more legible.
When writing html code, you will eventually need to create links. One of the most important things to keep straight are how to write absolute and relative links. Both use the <a href> tag, but to the actual linking in a different way. Take the following tutorial to be clear on this important concept:
Tuesday, March 22, 2011 8:29 PM