chapter 3
DESCRIPTION
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 text . What We Learned:. Lists title text . title header text . - PowerPoint PPT PresentationTRANSCRIPT
Web Page DesignMr. Wilson
Chapter 3
After chapter 2 TestStart 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>
What We Learned:Changing Font Color
<Font color=“#000066”>Text</Font>
What We Learned:Background design
<body background=“……”>
This goes in the body tag
What We Learned:Making something Bold
<b> text </b>
What We Learned:Italic Text
<em> text </em>
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
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
What We Learned:Links within the same pageTargets- 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
What We Learned:Linking Email
<a href=mailto:[email protected]> text </a>
Works the same for an image as well
Complete the Following…After completing pages 79-105Open Desert Plants from the Q Drive
Open as a notepad fileComplete pages 105-117
What We Learned:Aligning Images (Wrapped Text)
Add align=“right” inside the image tagEx: <img src=“agave.jpg” align=“right”
alt=“Agave” width=“21” height=“20”/>Can also use:
left, top, middle, bottomTo end Text Wrapping (put at end of section to be wrapped)<br clear=“right” />
What We Learned:Adding spacing around images
Vspace (vertical) Vspace=“20”
adds space above and belowHspace (horizontal)
Hspace=“20”adds space on each side
This goes inside an Image tag<img src=“picture.jpg” vspace=“20”>
After completing pages 79-88Open Desert Plants from the Q Drive
Open as a notepad fileComplete pages 97-117
Things to doMake 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 SitePage 127-1278
Pages 79-117 Desert Plants and Plant WorldPut 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 SiteSave all files in a folder as (Last name HTML)Copy and Paste into the R drive
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 SiteSave all files in a folder as (Last name HTML)
Copy and Paste into the R drive
Chapter 3 Online Reviews (Q drive)