Aug. 30, 2011
The point of this exercise is just to create a simple web page using html tags and see how to copy it to your account and get it to display on the web. We will learn more about html tags in the next class period. Each web page in html has a head and a body part.
First lets get organized! On your laptop create a folder called "CompSci4" to put all your work for this class in. Then create a folder inside it called "webpages".
If you have PC: Now use "notepad" to start a new file if you are on a PC.
If you have a Mac: Use text edit and follow these instructions! When you first create the file select the option "Make Plain Text" (in the Format menu). Also, go to the Preferences, and check the box which says "Ignore rich text commands in HTML files" (this might be in the "Open and Save" tab). You can also click the radio button saying "Plain Text" if you want new files to be in plain text by default, which is what you want when just editing raw HTML code.
Using the editor, create a web page named firstpage.html (the filename must have the .html extension to identify it as a html web page) and type the following simple page in (between the next two lines). Your web page will look like this .
You must fill in your names and complete the sentence "CPS 4 will be ?".
NOTE: h1 is the letter h followed by the number 1, li is the letters L and I in lowercase.
Save the file as a type text file in your webpages folder.
After typing this all in, look at your firstpage.html web page using a browser such as Firefox or Internet Explorer (IE) to see if it looks ok. Start the browser, then select "File", "Open", "Browse" and go to your webpages folder and select firstpage.html to view.
Go ahead and copy this html file over to your Duke OIT account. If you are working with a partner, you should both copy it over.
You will put these files in a directory on your account that will be viewable by others on the World Wide Web. Make sure you copy all the files in your webpages directory.
DON'T USE Blanks in names of folders! They work, but make it harder to see the URL.
If that doesn't work then try: (replace "abc3" with your userid), and then browse through folders.
If you don't finish this classwork in class, you should try to finish it outside of class. If you get stuck, then just wait til Thursday's class to finish it.
This assignment should be linked to your CompSci 4 web page (see assignment 2 once you get that.) It will not be graded until September 10th at the earliest.