chapter 3
Download
Skip this Video
Download Presentation
Chapter 3

Loading in 2 Seconds...

play fullscreen
1 / 19

Chapter 3 - PowerPoint PPT Presentation


  • 120 Views
  • Uploaded on

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>.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Chapter 3' - enoch


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
chapter 3

Chapter 3

Web Page Design

Mr. Wilson

after chapter 2 test
After chapter 2 Test
  • Start Chapter 3 from book
    • Pages 79-88
what we learned
What We Learned:
  • Paragraph of text

<p> text </p>

what we learned1
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 learned2
What We Learned:
  • Changing Font Color

<Font color=“#000066”>Text</Font>

what we learned3
What We Learned:
  • Background design

<body background=“……”>

This goes in the body tag

what we learned4
What We Learned:
  • Making something Bold

<b> text </b>

what we learned5
What We Learned:
  • Italic Text

<em> text </em>

what we learned6
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 learned7
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 learned8
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

what we learned9
What We Learned:
  • Linking Email

<a href=mailto:[email protected]> text </a>

Works the same for an image as well

complete the following
Complete the Following…
  • After completing pages 79-105
  • Open Desert Plants from the Q Drive
    • Open as a notepad file
  • Complete pages 105-117
what we learned10
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” />

what we learned11
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”>

slide16

After completing pages 79-88

  • Open Desert Plants from the Q Drive
    • Open as a notepad file
  • Complete pages 97-117
things to do
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
slide18

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
slide19

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)
ad