Simple XHTML Demo
This demo will introduce you to the most basic aspects of web authoring (making a web page using XHTML). Following this demo, you'll make your own page with an online tutorial.
Complete the following steps:
Setting Up
- Open Notepad and, if you haven't done so already, Firefox.
- Save a (blank) Notepad file to your computer's desktop as "demo1.htm" (no caps, no spaces, no quotation or question marks).
- In Firefox, open a new tab (ctrl + t) and then open (ctrl + o) temp1.htm from your desktop. You should have a nice browser window view of a blank page.
- Next, still in Firefox, open this text file, copy all the code in the file, and paste it into your open Notepad file ("demo1.htm"). Then save.
Coding Demo
- We're now going to fill in some basic page elements. Follow along with the instructor's demonstration.
- Remember to save demo1.htm regularly.
- Create a folder on your desktop for storing images and call it "images". You can do this by using Firefox (ctrl + o and then create the folder ) or Windows.
- Find a photographic image of a MOOSE online and save it in your "images" folder.
- Next, follow the instructor in adding the moose picture to demo1.htm.
- Finally, save a copy of demo1.htm in your "drafts" folder on Eden. Use the SSH file transfer program to copy the file from your desktop to your Eden space.