Website Links and Page Layouts

Example of a Relative Link

• www.expedia.com

• page2.htm

• www.sdhc.k12.fl.us

• www.usf.edu

Coding to create an ANCHOR (specified spot) on a Web page

• <h2 id="top">

• <a href="frothing.htm#sectionA">

• <a href="http://www.legs.com" target="_blank">

• <a href="mailto:[e-mail]">

Email link coding

• <h2 id="top">

• <a href="frothing.htm#sectionA">

• <a href="http://www.legs.com" target="_blank">

• <a href="mailto:[e-mail]">

Coding that causes the link to open in a new tab of the browser

• <h2 id="top">

• <a href="frothing.htm#sectionA">

• <a href="http://www.legs.com" target="_blank">

• <a href="mailto:[e-mail]">

Link to a specific spot on a different Web page

• <h2 id="top">

• <a href="frothing.htm#sectionA">

• <a href="http://www.legs.com" target="_blank">

• <a href="mailto:[e-mail]">

Type of page LINKING STRUCTURE of a Shopping Website

• Linear structure

• Hierarchical structure

• Circular structure

• Pyramid structure

Type of page LINKING STRUCTURE of an online e-book

• Linear structure

• Hierarchical structure

• Circular structure

• Pyramid structure

<a href="https://fuzzytoes.com"></a> Click Here

What is wrong with the coding above? (Something that is missing causes what.....)

• It should have <a> instead of </a>

• It isn't a secure Website

• It should be "herf" instead of "href"

• The link will not be visible on the page

Which is NOT an Image Map area SHAPE?

• circle

• polygon

• rect

• square

Which is more detailed: Storyboard or Wireframe?

• Storyboard

• Wireframe