Download presentation
Presentation is loading. Please wait.
1
Web Page Design Mr. Gironda
Chapter 3 Web Page Design Mr. Gironda
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=“ 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 text </a> Works the same for an image as well
13
After completing pages 79-88 Open Desert Plants from the Q Drive
Open as a notepad file Complete pages
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)
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
Things to do Apply Your Knowledge 1 In the Lab 1 & 2 HTML Site
Make sure you finished pages Desert Plants and Plant World Apply Your Knowledge 1 These are in the Q drive, you are just fixing the mistakes. In the Lab 1 & 2 Start from scratch and make these sites HTML Site
17
Chapter 3 (Desert Plants and Plant World)
AYK 1 (Dogs) and ITL 1 & 2 (blood drive and school) Save all files in a folder as (Last name chapter 3) Copy and Paste into R drive 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)
Similar presentations
![>> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.](/24/7400148/big_thumb.jpg ">> Introduction to HTML: Tables. HTML is used to give websites structure 5 Basic Tags Element = Start-Tag+Content+End-Tag Heading Tags [h1-h6] Paragraph.>")
