Chapter TWOObjectivesSlide 3Slide 4Starting NotepadSlide 6Enabling Word Wrap in NotepadSlide 8HTML Tags and Their FunctionsEntering HTML Tags to Define the Web Page StructureSlide 11Slide 12Entering a HeadingSlide 14Entering a Paragraph of TextSlide 16Slide 17Creating an Unordered ListSlide 19Slide 20Saving an HTML FileSlide 22Slide 23Starting a BrowserSlide 25Viewing a Web Page in a BrowserSlide 27Activating NotepadAdding an ImageSlide 30Adding a Background ColorSlide 32Centering a HeadingSlide 34Adding a Horizontal RuleSlide 36Refreshing the View in a BrowserSlide 38Viewing HTML Source Code for a Web PageSlide 40Printing a Web Page and an HTML FileSlide 42Slide 43Quitting Notepad and a BrowserCreating and Editing A Web PageIdentify elements of a Web pageStart Notepad and describe the Notepad windowEnable word wrap in NotepadEnter the HTML tagsEnter headings and a paragraph of text2Create an unordered, ordered, or definition listSave an HTML fileUse a browser to view a Web pageActivate NotepadIdentify Web page image types and attributes3Add an image, change the background color of a Web page, center a heading, and add a horizontal ruleView the HTML source code in a browserPrint a Web page and an HTML fileQuit Notepad and a browser4Click the Start button on the Windows TaskbarClick All Programs on the Start menuPoint to Accessories on the All Programs submenu and then point to Notepad on the Accessories submenuClick Notepad56Click Format on the menu barIf the Word Wrap command does not have a check mark next to it, click Word Wrap789Type <!DOCTYPE html and then press the ENTER keyPress the SPACEBAR three times, type PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" as the entry, and then press the ENTER keyPress the SPACEBAR three times, type "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> as the entry, and then press the ENTER key twiceType <html> and then press the ENTER keyType <head> and then press the ENTER key10Type <title>Campus Tutoring Service Home Page</title> and then press the ENTER keyType </head> and then press the ENTER keyType <body> and then press the ENTER key twiceType </body> and then press the ENTER keyType </html> as the end tag1112Click the blank line below the <body> tag, type <h1>We'll be open soon!</h1> in the text area, and then press the ENTER key twice1314With the insertion point on line 12, press the ENTER key and then type <p>The Campus Tutoring Service will be open for business soon! Dr. Isabel Myers, Dean of Student Services, announced Monday that the university has several new services to help students succeed. Part of that effort includes the newest addition to Student Services, the Campus Tutoring Service. The university wants to make sure that all students can be successful, especially in their first year on campus. We have student tutors available for several freshman-level classes.</p> and then press the ENTER key15With the insertion point on line 19, type <p>Call 1-219-555-2510 for an appointment, or visit us in the Anderson building, room 360.</p> and then press the ENTER key twice1617With the insertion point on line 20, press the ENTER key, type <h2>Our services include tutors for the following courses:</h2> as the entry, and then press the ENTER keyType <ul> as the start tag and then press the ENTER keyType <li>Math 141</li> and then press the ENTER key18Type <li>Accounting 200</li> and then press the ENTER keyType <li>Economics 251</li> and then press the ENTER keyType </ul> as the end tag and then press the ENTER key1920With a floppy disk in drive A, click File on the menu barClick Save As on the File menuType project2.htm in the File name text boxClick the Save in box arrow21Click 3½ Floppy (A:) in the Save in listClick the Project02 folder and then double-click the ProjectFiles folder in the list of available foldersClick the Save button in the Save As dialog box2223Click the Start button on the Windows taskbar and then point to All Programs on the Start menuClick Internet Explorer (or another browser command) on the All Programs submenu. If necessary, click the Maximize button to maximize the browser window2425When the browser window appears, click the Address barType a:\Project02\ProjectFiles\project2.htm in the Address boxPress the ENTER key2627Click the Notepad button on the taskbar28Click after the > symbol on line 10 and then press the ENTER keyType <img src="cts_clip8.gif“ width="484“ height="62“ alt="Student Services logo" /> as the tag2930Click after the y in <body> on line 10 and then press the SPACEBARType bgcolor=“#fffbc6” as the color code3132Click line 12 just after the 1 in the <h1> tag and then press the SPACEBARType align=“center” as the attribute3334Click line 11 just after the > symbol in the <img> tag and then press the ENTER keyType <hr /> as the HTML tagClick File on the menu bar and then click Save3536Click the Campus Tutoring Service Home Page button on the taskbarClick the Refresh button on the Standard toolbar3738Click View on the menu barClick Source on the View menuClick the Close button on the Notepad title bar3940Ready the printer according to the printer instructionsWith the project2.htm Web page open in the browser window, click File on the menu bar and then click Print on the File menuClick the OK button in the Print dialog box41With the printer stops printing the Web page, retrieve the printoutClick the Notepad button on the taskbar to activate the Notepad windowClick File on the menu bar and then click Print on the File menu4243Click the Close button on the Notepad title barClick the Close button on the Campus Tutoring Service Home Page title
View Full Document