DOC PREVIEW
GSU CSC 1010 - html03

This preview shows page 1-2-3-4-24-25-26-50-51-52-53 out of 53 pages.

Save
View full document
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
View full document
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience
Premium Document
Do you want full access? Go Premium and unlock all 53 pages.
Access to all documents
Download any document
Ad free experience

Unformatted text preview:

Chapter THREEObjectivesSlide 3Slide 4Entering HTML Tags to Define the Web Page StructureAdding an ImageSlide 7Adding a Left-Aligned Heading with a Font ColorSlide 9Additional Information on Font ColorsMore About Font ColorFont Color ReviewCommon Color ValuesColor Names (if supported by browser)Entering a Paragraph of TextSlide 16Creating Unordered (Bulleted) ListsSlide 18Adding a Background ImageSlide 20Adding a Text Link to Another Web Page within the Same Web SiteSlide 22Adding an E-Mail LinkSlide 24Viewing a Web PageOpening an HTML FileFormatting Text in BoldSlide 28Formatting Text in ItalicsSlide 30Formatting Text with a Font ColorSlide 32Adding an Image with Wrapped TextSlide 34Slide 35Clearing the Text WrappingSlide 37Adding a Text Link to a Web Page in Another Web SiteSlide 39Setting Link TargetsSlide 41Slide 42Adding Links to Link Targets within a Web PageSlide 44Slide 45Adding Links to a Target at the Top of the PageSlide 47Copying and Pasting HTML CodeSlide 49Slide 50Adding an Image Link to a Web PageSlide 52Slide 53Creating Web Pages with Links, Images, and Formatted TextDescribe linking terms and definitionsCreate a home page and enhance a Web page using imagesAlign and add bold, italics, and color to text Change the bullet type used in an unordered listAdd a background image2Add a text link to a Web page in the same Web siteAdd an e-mail linkView the HTML file and test the linksOpen an HTML fileAdd an image with wrapped text3Add a text link to a Web page on another Web siteAdd links to targets within a Web pageCopy and paste HTML codeAdd an image link to a Web page in the same Web site45Type <img src="plantworldlg.jpg“ width="720“ height="84“ alt="Plant World logo" /> and then press the ENTER key67With the insertion point on line 11, type <h1><font color="#000066">Welcome to Plant World!</font></h1> and then press the ENTER key89There are two ways to color text on the Web.◦Body tag - Sets the colors for the entire document◦Font tag - Sets and changes colors as you move through the document<body text=?> - Sets the font color <body link=?> - Sets the color of links <body vlink=?> - Sets the color of followed links <body alink=?> - Sets the color of links on click <font color=?> - Changes font color </font> - Returns font to default color Using the body tag, you can set the stage for your entire document, specifying the colors for regular text, links (normally blue), and followed links (usually red). 10Information from http://www.geocities.com/SiliconValley/6658/fontcolo.htmlTo change link colors: ◦Type <body text=#9932cd link=#ff0000 vlink=#00ff00 alink=#000000>◦You’ll get a nearly illegible, but correctly colored page, with green text and red links that turn black on click, and violet after they've been followed. What if you only want to color a single word? ◦Type <font color=#00ff00>green</font> with envy. ◦You'll get: green with envy.You could even change the color of individual letters, if you really wanted to: ◦Type <font color=#ff0000>T</font> <font color=#ff7f00>E</font> <font color=#ffff00>C</font> <font color=#00ff00>H</font> ◦You’ll get T E C H11TEXTChanges the color of the text on the page. This is an overall change and can only be done once on a page. LINKChanges the color of the links you have on your page BEFORE a guest on your page "clicks" on them to visit. ALINKChanges the color of an Active Link, or how a link looks when it is being clicked. VLINKChanges the color of a Visited Link, or how a link looks to the guest if they have already been to that site. Note: Make sure you don't leave the link colors unreadable on your colored background. If you are changing the background color or using a background image, make sure that your visitors can see your links and your text. 12The values for some commonly used colors: ◦White "FFFFFF" ◦Black "000000" ◦Purple "FF00FF" ◦Yellow "FFFF00" ◦Gray "C0C0C0" ◦Yellow "FFFF66" ◦Red "FF0000" ◦Blue "0000FF" ◦Green "00FF00" ◦Lt. Purple "CC33FF" ◦Lt. Blue "00CCFF"13Also, the newer versions of MSIE and Netscape support the use of some color names rather than the RGB values. The supported color names are: ◦BLACK ◦WHITE ◦GREEN ◦MAROON ◦OLIVE ◦NAVY ◦PURPLE ◦GRAY ◦RED ◦YELLOW ◦BLUE ◦TEAL ◦LIME ◦AQUA ◦FUSCHIA ◦SILVER 14With the insertion point on line 12, type <p>For the finest in indoor and outdoor plants, come to Plant World! Plant World is the premier nursery for all of your planting needs. Our professional landscape design artists can visit your home and make recommendations for plants to use in your home or your yard.</p> as the first paragraph in the HTML filePress the ENTER key twice1516If necessary, click line 16Enter the HTML code shown in Table 3-3 on page HTM 84Press the ENTER key twice to insert a blank line on line 29, after the second </ul> in the HTML code1718Click immediately to the right of the y in the <body> tag on line 9 and then press the SPACEBARType background=“greyback.jpg” as the attribute1920Click immediately to the right of the </ul> tag on line 28 and then press the DOWN ARROW key twiceWith the insertion point on line 30, type <p>To learn more about the Plant World products and services, please browse the Plant World Web site, where you can find information on all types of plants, both for indoor and outdoor use. You also can learn about this month's featured desert plants, which have a natural beauty that can enhance any landscape!</p> and then press the ENTER keyClick immediately to the left of the d in desert on line 32Type <a href="desertplants.htm"> to start the linkClick immediately to the right of the s in plants on line 33. Type </a> to end the link and then press the ENTER key2122With the insertion point on line 34, type <p>Have a question or comment? Call us at (206) 555-PLANT or e-mail us at [email protected]. </p> as a new paragraph of textClick immediately before the p in plantworld on line 34. Type <a href="mailto: [email protected]"> to start the e-mail linkClick immediately after the m in com in the e-mail address text. Type </a> to end the e-mail link23242526Click immediately to the left of the B in Botanical on line 32. Type <b> as the start tagClick immediately to the right of the colon (:) in Botanical name: on line 32 and then type </b> as the


View Full Document

GSU CSC 1010 - html03

Download html03
Our administrator received your request to download this document. We will send you the file to your email shortly.
Loading Unlocking...
Login

Join to view html03 and access 3M+ class-specific study document.

or
We will never post anything without your permission.
Don't have an account?
Sign Up

Join to view html03 2 2 and access 3M+ class-specific study document.

or

By creating an account you agree to our Privacy Policy and Terms Of Use

Already a member?