1 / 19

Chapter 3

Chapter 3. Web Page Design Mr. Wilson. After chapter 2 Test. Start Chapter 3 from book Pages 79-88. What We Learned:. Paragraph of text <p> text </p>. What We Learned:. Lists <h2>title</h2> <ul type=“square”> <li>text </li> </ul>. <h2>title</h2> <ol>header <li>text </li> </ol>.

gil-kim
Télécharger la présentation

Chapter 3

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 3 Web Page Design Mr. Wilson

  2. After chapter 2 Test • Start Chapter 3 from book • Pages 79-88

  3. What We Learned: • Paragraph of text <p> text </p>

  4. What We Learned: Lists <h2>title</h2> <ul type=“square”> <li>text </li> </ul> <h2>title</h2> <ol>header <li>text </li> </ol>

  5. What We Learned: • Changing Font Color <Font color=“#000066”>Text</Font>

  6. What We Learned: • Background design <body background=“……”> This goes in the body tag

  7. What We Learned: • Making something Bold <b> text </b>

  8. What We Learned: • Italic Text <em> text </em>

  9. What We Learned: • Text Links (another page in the same site) <a href=“filename.htm”> text </a> Works the same for an image as well

  10. What We Learned: • Link Web Page in another site <a href=“http://www.address.com”> text </a> Works the same for an image as well

  11. What We Learned: • Links within the same page • Targets- is a named location or anchor within a Web page to which a link can be created. <a name=“target”></a> Then <a href=“#target”> text to link </a> Example: link that takes you back to top of page

  12. What We Learned: • Linking Email <a href=mailto:address@dot.com> text </a> Works the same for an image as well

  13. Complete the Following… • After completing pages 79-105 • Open Desert Plants from the Q Drive • Open as a notepad file • Complete pages 105-117

  14. What We Learned: • Aligning Images (Wrapped Text) • Add align=“right” inside the image tag Ex: <img src=“agave.jpg” align=“right” alt=“Agave” width=“21” height=“20”/> • Can also use: left, top, middle, bottom • To end Text Wrapping (put at end of section to be wrapped) <br clear=“right” />

  15. What We Learned: • Adding spacing around images • Vspace (vertical) Vspace=“20” adds space above and below • Hspace (horizontal) Hspace=“20” adds space on each side This goes inside an Image tag <img src=“picture.jpg” vspace=“20”>

  16. After completing pages 79-88 • Open Desert Plants from the Q Drive • Open as a notepad file • Complete pages 97-117

  17. Things to do • Make sure you finished pages 79-117 • Desert Plants and Plant World • Apply Your Knowledge 1 (Pg 122) • These are in the Q drive, you are just fixing the mistakes. • In the Lab 1 & 2 (Pg 124 & 126) • Start from scratch and make these sites • HTML Site Page 127-1278

  18. Pages 79-117 Desert Plants and Plant World • Put in R drive, in Folder (last name first) • AYK 1 (Dogs) and ITL 1 & 2 (blood drive and school) • You will show to me when finished and when I come around and ask to see them • HTML Site • Save all files in a folder as (Last name HTML) • Copy and Paste into the R drive

  19. AYK 1 (Dogs) and ITL 1 & 2 (blood drive and school) • You will show to me when finished and when I come around and ask to see them • HTML Site • Save all files in a folder as (Last name HTML) • Copy and Paste into the R drive • Chapter 3 Online Reviews (Q drive)

More Related