Presentation is loading. Please wait.

Presentation is loading. Please wait.

Session 2.2.  Learn more about identifying a file path  Create named anchors  Create image maps  Add metadata.

Similar presentations


Presentation on theme: "Session 2.2.  Learn more about identifying a file path  Create named anchors  Create image maps  Add metadata."— Presentation transcript:

1 Session 2.2

2  Learn more about identifying a file path  Create named anchors  Create image maps  Add metadata

3

4  Purpose: Link to a different level on a page.  Two-step process  Syntax: Use of the id attribute  Example:  Creating the named anchor (level): Belleview Bed & Breakfast  Creating the link to the named anchor (reach the level): Back to the top of the page

5 1. On the Child page, locate the three h2 elements naming the three child photo winners. Assign the h2 elements to the ids photo1, photo2, and photo3, respectively. 2. On the Contest page, scroll down to the three child photo thumbnails (thumb1.jpg, thumb2.jpg, and thumb3.jpg). Link each inline image to the corresponding h2 heading in the child.html file identified in #1 (above).

6  Purpose  What is a hotspot?

7  Rectangular hotspots: …

8  Example:

9  Web authors often turn to search engine optimization (SEO) tools to make their sites appear more prominently in search engines.  Information about the site is called metadata  Add metadata to your Web pages by adding a meta element to the head section of the document  Syntax:

10

11  Store the name of the Web page’s author:  Add a description of the Web site:  Add a list of keywords:

12 1. In index.html (homepage of Web site), add the keywords and description of your choice.

13  Use Named Anchors to reach a specific level on a page.  Use image map to create some hotspots associated with hyperlinks on an image.  Use metadata for SEO and make your site more visible.


Download ppt "Session 2.2.  Learn more about identifying a file path  Create named anchors  Create image maps  Add metadata."

Similar presentations


Ads by Google