1 / 22

Project 2

Project 2. Creating a Web Site with Links. Objectives. Describe linking terms and definitions Add a link to another Web page Create a home page Enhance a Web page using images Add bold, italics, and color to text Change bullet type Insert a background image. Objectives.

ilori
Télécharger la présentation

Project 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Project 2 Creating a Web Sitewith Links

  2. Objectives • Describe linking terms and definitions • Add a link to another Web page • Create a home page • Enhance a Web page using images • Add bold, italics, and color to text • Change bullet type • Insert a background image

  3. Objectives • Insert a horizontal rule image • Add an e-mail link • View the HTML file and test the links • Edit the second Web page • Insert an image and wrap text around an image • Add a text link to another Web site

  4. Objectives • Add an image link to another Web site • Create links within a Web page • Set link targets • Add links to set targets • Describe types of image files • Control image sizing • Locate images

  5. Introduction to Links • Hyperlinks (or links) are used to connect a Web page to another Web page • Links can also be used to create an email link • Either text or an image can be used as a hotspot for a link • The mouse pointer usually changes when positioned over a hotspot • URL appears on status bar when the mouse pointer is over a hotspot

  6. image link text link status bar Introduction to Links

  7. Introduction to Links • With text links, always use descriptive text as the clickable word(s) • Unless otherwise stated, the color of text links is dependent upon browser-defined defaults • Format to change link colors: <BODY LINK=“color” VLINK=“color” ALINK=“color”>

  8. Introduction to Links normal link (LINK) visited link (VLINK) active link (ALINK)

  9. Linking within a Web Page • Allows visitors to move quickly from one section of the Web page to another • Important for large Web pages • Commands • Table of contents

  10. links to targets targets Linking within a Web Page

  11. Linking to Another Web Page within the Same Web Site

  12. Linking to Another Web Site

  13. Adding a Link to a Second Web Page • The <A> and </A> tags are used to create links • Referred to as anchortags • Use the Hyperlink REFerence (HREF) attribute to link to another Web page • Two items required • Text or image to act as hotspot • Name of the file to which you want to link

  14. Adding a Link to the Second Web Page

  15. Adding a Link to Another Web Page Enter the following text into your document

  16. Add this command before the word “sample” Add this command after the word “sample” Adding a Link to Another Web Page

  17. link to sample1.htm page text used for link end oflink Anchor Tag Anatomy <A HREF=“sample1.htm”>sample</A>

  18. Saving and Printing the HTML File • Select Save As from the File menu • Save to your A: drive • Save with the filename webreshome.htm • Click the Save button • Select Print from the File menu

  19. Linking to E-Mail

  20. Adding an E-Mail Link • It is necessary to instruct visitors to contact you with any information or suggestions • The <A> and </A> tags are also used to create email links

  21. Adding an E-Mail Link add this text

  22. link to e-mail address e-mailaddress end oflink E-Mail Link Anatomy <A HREF=“mailto:webres@isp.com”>webres@isp.com</A>

More Related