Grade 8

Web Design Basics

objective

  1. Understand the format of an HTML Document.
  2. Create your 1st HTML Webpage.
  3. Complete a 4 page simple HTML Personal Website.

 presentation

  1. Class Powerpoint Lecture on Web Design Basics.
  2. Hands-on activity on building your simple html website. Take note of the HTML references below.

 

LABACTIVITY

On your computer, open the NOTEPAD Program and type the following:

HTMLDocformat

  • Change the Mr. GrandPa 13/A to your Nickname and grade level
  • Save it as index.html inside your folder on the computer desktop.

 

quiztest

  • Upon my instruction during classroom time, you will have a quiz.
  • Follow the link: https://quizizz.com/join/
  • Quiz code to be announced.

 

 

INTERESTING HTML TAGS

Marquee

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/marquee

 


 

LECTURES & HANDOUTS

Download the following Lectures:

  1. Web Basics
  2. HyperText Mark-up Language (HTML) Basics
  3. Planning a Website

 

 PROJECT ASSIGNMENT

 Follow the LINK HERE

QUICK HTML  REFERENCE

IMAGES

<img src="your picture.jpg" alt="Mountain View" style="width:304px; height:228px;">

LINKING PAGES

 <a href="yourwebpage.html">Welcome to my website</a>

MP3 / Sounds

<audio controls>
  <source src="yourmusic.mp3" type="audio">
</audio>

Insertion of Youtube Video

Go to www.youtube.com and select the video you like to insert, then look for EMBEDDING codes. Copy and paste the codes on the body section of your HTML webpage.

 REFERENCES

guideHTML                guide HTML 5