Lab 3 - XHTML Web Page

Goals: Introduce the students to making Web pages using XHTML.


Introduction

Web pages are constructed using a markup language called HTML (a.k.a. XHTML). This language tells a Web browser how to display the content of the page. Last lab we used a WYSIWYG (Microsoft Word) to author our Web page, and it basically wrote the XHTML code for us. Now we will create our Web page writing the XHTML code ourselves.


Instructions

Open Notepad (or Wordpad) and create a new file. Copy the XHTML code below into your file. Save your file, naming it as you like, making sure to use the .html extension. This is the empty starting point for your Web page:

Add the necessary XHTML code to your Web page to build a second academic site just like the one you made last week. Again, it should list information about your academic experiences (courses taken, projects, etc.) and your major (or lack thereof). It should also include a picture of yourself. Format your page such that it is nice and professional looking (not too gawdy).

For today's Lab: Create the general sections of your Academic Web page, which you may fill in further at home. Include the Stony Brook University logo somewhere on the site. Create a new directory inside your Sparky Web account and name it "AcademicHomePage". Before you leave, save your file to your PC as an .html file and upload the file as well as the image directory associated with the file. On the Web site you created last time (index.html in your home directory), place a link to today's work and call it "Lab 3: Academic Web Site in XHTML". The TA will help you with this if you have any problems.

For Home: - Complete your Web page such that it provides a neat, professional view of your academic career.



SUNYSB CSWeb page created and maintained
by Richard McKenna