xhtml case study 2

xhtml case study 2 - XHTML - Case Study II Your first...

Info iconThis preview shows pages 1–11. Sign up to view the full content.

View Full Document Right Arrow Icon
1 XHTML - Case Study II Your first assignment was impressive. The Instructor would like you to help him in creating a syllabus page which will include a clip art from Microsoft Office. To give credit to Microsoft Office for the clip art, you will include another page of Bibliography. Eventually, you need to link all of these web pages for easy navigation. Following are the expected web pages of your new assignment:
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2
Background image of page 2
3
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 Objectives After successfully completing this case study, you should be able to: Create hyperlinks in a Web page using both relative and absolute pathnames. Create table in a Web page . Add rows and columns in a table. Add caption and summary in the table. Insert image from Internet. Insert image from Microsoft applications. Resize the image. Cite the sources of images used in the Web site. View web pages in a browser. Validate Web pages using a Validator tool.
Background image of page 4
5 In this case study, we will learn several advanced web page techniques such as hyperlinks, and tables. We will start by creating a new file called syllabus.html. We will enhance this file through out the case study. In the end, you will have a web site that links your created web pages. Objective In this exercise, you will create a new file called syllabus.html. Click on the Start button on the Windows taskbar. Point to All Programs (if you are running Windows XP) or to Programs (if you are running Windows 2000). Point to Accessories on the menu. Click on the Notepad on the submenu. If the Notepad Application window is not maximized, click on the Maximize button on the Title bar of the window. Choose the Format , Word Wrap command. If the Word Wrap command is already selected (is check marked), ignore this step and go to the next one. Type the XHTML code as shown in the screen shot. You can also open and edit the index.html file as follows:
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
6 Choose the File , Save As command. In Save As dialog box, type syllabus.html for “File Name”. Select All Files for “Save as type”. Click Save .
Background image of page 6
7 You will now view your document in an Internet Explorer browser: Click on the Start button on the Windows taskbar. Point to All Programs (if you are running Windows XP) or to Programs (if you are running Windows 2000). Click on the Internet Explorer on the menu. Choose File , Open command.
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
8 Click on Browse button and navigate to the appropriate drive. Choose the file index.html , which you saved earlier, and click Open . Click on the OK button. Your page will look similar to the following:
Background image of page 8
9 Tables A table arranges information in rows and columns. An intersection of a row and a column is called a cell . The syntax of a table containing one column and one row is as follows: <table>
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
10 <tr> <td> … </td> </tr> </table> The tr element stands for table row. It creates a row for a table. The tr element is accompanied by the td element. The td element is for table data. It adds a column in a row.
Background image of page 10
Image of page 11
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 02/06/2011 for the course IT 103 taught by Professor Sangjara during the Fall '08 term at George Mason.

Page1 / 55

xhtml case study 2 - XHTML - Case Study II Your first...

This preview shows document pages 1 - 11. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online