INLS261 Tools for Information Literacy

[starters] <previous session] [next session>

[HTML] [CSS] [editors] [server & client side scripting] [design] [lab]
[practice] [theory] [tags] [links] [absolute vs. relative addressing] [HTML terms] [next time]

HyperText Markup Language - first practice, then theory

Let's make a web page

If you have never made a web page, we are about to see how simple it can be.

Open this document. It should open in its base application, MSWord. You have a basic page with some basic formatting on it.
Save it to a space on the computer you are using, a place you can find. I suggest you create a working folder and name it something you can easily find and then save the document into that folder. After you do this, you should be in your new folder and all future saves will be saved here.
Go to File and select Save As ...
In the dialog box that appears, chose Save as type: web page ("htm; *html), and then select the Save button.
You've done it. You now have a web page. Your MSWord display will change, but you are still in MSWord and you can manipulate this web page as if it were either a web page or a paper document. However, we first want to see how it looks in a browser.
Open your preferred browser and go to File > Open file. Inside the dialog box, navigate to the web page you just saved (it will be named '"initialhomepage.htm") and select it. It should look something like this (except with a different file name):

an image of what the practice page looks like in MSIE 7

It looks like this because your operating system is performing both server and client functions for you. But the world cannot yet see it. You will have to FTP it to a WWW-capable server (like Isis) to make it available to the world. For right now, you can use your browser to see what it will look like when you do decide to go public.

Now, put it aside and let's discuss the theory behind what we just did. We will come back to it for practice over the next few sessions.

[top]