www.homeworkforyou.com

Mt. San Antonio CollegeCISB11HTML Web Page Design AssignmentPurpose:This assignment will introduce you to Hyper Text Mark-up Language (HTML).With this assignment you will use Windows Notepad to write an HTML file. You will then open the HTML file using the Internet Explorer (IE) browser.Assignment:Use Internet Explorer to locate an image on the Internet that you wish to place on your home page.a.Place your mouse pointer over the image you wish to include in your home page and press the Right mouse button. Because the HTML code you will be writing assumes a JPG image, we will first check if the image you chose is a JPG image. Click on the Properties option. The file name within the properties window should have a file name extension indicating that it is a JPG image. If it does not, find another image that is in a JPG format.Cancel the Properties window and right click on the image. A menu will appear on the screen. Click on the Save Picture As optionThe Save in dialog window is now open. In the Save in box at the top of the dialog window click on the down arrow to navigate to the folder or drive you want to store the image (flash drive, desktop, My documents, etc…)You will also want to change the name of the image you are about to save. The name of the image will be myimage [all one word]. To change the name of the image move to the File Name box and highlight the current file name. As you begin typing the new file name the previous name will be deleted.If necessary, change the “Save As Type” textbox to JPEG format.Finally click on the Save button. The image is now ready to be used for your home page.Use NotePad to type your home page. NotePad can be found by going to Start/All Programs/Accessories/NotePadBelow is the HTML code you will type to create your Web page. The words in Arial font is the program code that you need to type. The comments about the program (in Bold letters) should not be typed.<HTML><HEAD><TITLE>My First Web Page</TITLE>This is the blue title at the top of the Home Page Window.</Head><BODY>This is the beginning of the main body of your home page window.<CENTER><IMG SRC=”myimage.jpg”></CENTER>This is the image you saved to storage.<CENTER>This is Your Name’s First Web Page!</CENTER>This is the text that will appear on your web page.</BODY>This command closes the body of the home page window</HTML>This command ends the HTML program.Save your HTML file. The name of the file will be mywebpage.htmlThe “Files of Type” text box should be changed to “All files”.You must save this file to the same folder or drive you saved the JPG image.What the different parts of the HTML code meanAll HTML files Start with <HTML> and end with </HTML>Everything between <HEAD> and </HEAD> is read first by the Internet Browser.Any words listed between <TITLE> and </TITLE> will appear at the top of your Internet Browser.What is displayed in the browser window is the information keyed in between <BODY> and </BODY>. This is what the viewer will look at.To center information on the screen you place the data between <CENTER> and </CENTER>.The and is what you place around your sentences or paragraphs. and will surround data that you want bolded.The <IMG SRC=”an image file name”> identifies the name of the image you want on your screen. The image must be on the same disk as your WordPad file. You can view the HTML file named mywebpage by double-clicking on the file icon. Your computer’s default browser (most likely IE) will open the file and display it in Web page format.If your Web page displays a box with a red X instead of your image, make sure that the file name within the HTML code exactly matches the name you gave the image. If it does, then try going back to the Internet and selecting a different image—making sure that the new image you found is in the JPG format.ZIP the HTML file and the image into a single ZIP file. ................
................

In order to avoid copyright disputes, this page is only a partial summary.

To fulfill the demand for quickly locating and searching documents.

It is intelligent file search solution for home and business.

Literature Lottery

To fulfill the demand for quickly locating and searching documents.

Related download

Related searches