1 / 25

Chapter 4 The Map Gallery

Chapter 4 The Map Gallery. For the book Mapping in the Cloud Guilford Press Michael P. Peterson. Basic HTML file. <html> <h1> My Map Gallery </h1> <!--This writes “ My Map Gallery. ” --> </html>. Open File. Heading Text Sizes. <html> <h1> My Map Gallery </h1>

Download Presentation

Chapter 4 The Map Gallery

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. Chapter 4The Map Gallery For the book Mapping in the Cloud Guilford Press Michael P. Peterson

  2. Basic HTML file <html> <h1> My Map Gallery </h1> <!--This writes “My Map Gallery.”--> </html>

  3. Open File

  4. Heading Text Sizes <html> <h1> My Map Gallery </h1> <h2> A collection of maps available through the web. </h2> <h3> Compiled by your name </h3> </html>

  5. Sub-titles

  6. Adding a title for map <html> <h1> My Map Gallery </h1> <h2> A collection of maps available through the web. </h2> <h3> Produced by your name </h3> <hr> <h2> Births to Mothers under the Age of 20 in the US </h2> </html>

  7. Adding a link to the first map <html> <h1> My Map Gallery </h1> <h2> A collection of maps found on the web. </h2> <h3> Produced by your name </h3> <hr /> <h2> Births to Mothers under the Age of 20 in the US </h2> <img src=”http://maps.unomaha.edu/CloudMapping/Chapter3/MapExample1.gif” width=”500” height=”389”> </html>

  8. Make map clickable <a href=”http://maps.unomaha.edu/cloud/ Chapter4/BigMap.gif”> <img src=”http://maps.unomaha.edu/cloud/ Chapter4/SmallMap.gif”> </a>

  9. Add caption <html> <h1> My Map Gallery </h1> <h2> A collection of maps found on the web. </h2> <h3> Produced by your name </h3> <hr> <h2> Map of ________ </h2> <img src=”http://maps.unomaha.edu/CloudMapping/Chapter3/MapExample1.gif”> <p>This map shows the distribution in the 48 United States of births to mothers under the age of 20 years old in 1982. Shadings are used to show the five categories of data. The states with the higher number of births to mothers under 20 are in the southern part of the United States.</p> <p> <hr> <p> </html>

  10. Embed <embed src=”http://maps.unomaha.edu/ Cloud/Chapter3/ MapExample4.pdf” width=”500” height=”389”> Use img for: GIF, JPG, PNG Use embed for: PDF, Flash, and Quicktime

  11. HTML Editor Palette NVU

  12. HTML Table

  13. Defining Image Properties NVU

  14. Multipage Gallery Title Page | Map1 | Map2 | Map3 | Map4 | Map5 | Map6 | Map7 | Map8 | Map9

  15. Multipage Coding <html> <h1> My Map Gallery </h1> <h2> A collection of maps found on the web. </h2> <h3> Produced by your name </h3> <a href=title.htm> Title Page </a> | <a href=map1.htm> Map1 </a> | <a href=map2.htm> Map2 </a> | <a href=map3.htm> Map3 </a> | <a href=map4.htm> Map4 </a> | <a href=map5.htm> Map5 </a> | <a href=map6.htm> Map6 </a> | <a href=map7.htm> Map7 </a> | <a href=map8.htm> Map8 </a> | <a href=map9.htm> Map9 </a> | </html>

  16. Table + Multipage <html> <h2> Title of Map #5 </h2> <table width="1000" height="597" border="1"> <tr> <td width="734" height="393"><img src=http://maps.unomaha.edu/OnlineMapping/Chapter3/ MapExample1.gif> </td> <td width="250">Caption</td> </tr> </table> <p align="center"> <a href=title.htm> Title Page </a> | <a href=map1.htm> Map1 </a> | <a href=map2.htm> Map2 </a> | <a href=map3.htm> Map3 </a> | <a href=map4.htm> Map4 </a> | <a href=map5.htm> <b>Map5 </b> </a> | <!--This makes the link bold--> <a href=map6.htm> Map6 </a> | <a href=map7.htm> Map7 </a> | <a href=map8.htm> Map8 </a> | <a href=map9.htm> Map9 </a> | </html>

  17. XHTML-Proper nesting Incorrect: <b><i>This text is bold and italic</b></i> Correct: <b><i>This text is bold and italic</i></b>

  18. XHTML-single tags with ending Incorrect: A break: <br> A horizontal rule: <hr> An image: <img src="map.gif" alt="A map"> Correct: A break: <br /> A horizontal rule: <hr /> An image: <img src="map.gif" alt="A map;" />

  19. XHTML-no caps Incorrect <BODY> <P>This is a paragraph</P> </BODY> Correct <body> <p>This is a paragraph</p> </body>

  20. XHTML: head and body Correct <html> <head> ... </head> <body> ... </body> </html>

  21. Free Webhosting account

  22. Account Information

  23. cpanel

  24. Webhosting File Manager

  25. Page with links to student pages and assignments

More Related