Site Links
Student Scene
Student Activities

Student Links
Lesson 1
Intro to HTML
Lesson 2
Fonts and Links
Lesson 3
Tables
Lesson 4
Table Layout
Lesson 5
Color Theory
Lesson 6
Layout & Design
Lesson 7
Final Project
Homework

Other Activities
Dreamweaver
Fireworks

Resource Links
HTML Guide
Glossary

 

Lesson 1 - Introduction to HTML

Objective - Today you will learn how the web works and create your first html based web page for your web portfolio.

Keywords - browser, URL, web server, HTML, tags, contaner tags, start tag, end tag, attributes

HTML tags: <html> for web page, <head> for head items, <title> for page name, <body> for page content, <p> for paragraph, <br> for single space return.

Activity 1
Go to the following link and use the arrows on the diagram to move to the next slide. Read the information next to the arrow before you continue. Learn about how the web works. Click this link - Learn the net animated introduction. Close the window to return to this page.

Activity 2
1. At the top of this web page, go to the View menu item and down to Source. What you see is HyperText Markup Language (HTML) and your viewing it in the program called Notepad on your PC computer.
Show Me (Flash player required)

2. In Notepad, go to the File menu item and click on New.

3. Click here to open the HTML Guide .

4. In the HTML Guide, find where it says Basic HTML Web Page and enter the html you find there in Notepad beginning with the <html> tag and ending with the </html>.
If the HTML guide doesn't open, use the following html:
<html>
<head>
<title>The Name of My Page</title>
</head>
<body>
Welcome to my Web Page! <p>
This is my first web page. My name is...<br>
I can't wait to learn more about this.
</body>
</html>

5. Save your web page - In Notepad go to the File menu item and down to Save. Go to My Documents and create a new folder called MyNameWebPortfolio - use your name where it says MyName. Name the file myname1.htm, change Save as type to all files and click on Save.

Show Me (Flash player required)

6. Go to My Documents and double click on the myname1.htm file. Your web page will open up in the Internet Explorer browser.
Make changes to your web page in Notepad, save the changes and click on Refresh in Internet Explorer to see your changes.

Safe School Activity

Go to the following web pages and answer these questions on your web page:

What does bullying or harassment mean to you?

What facts about bullying to you think are most important?. http://www.naspcenter.org/factsheets/bullying_fs.html

What does it look like? http://www.pta.org/bullying/identify.asp

What can you do if you are being bullied? http://www.no-bully.com/high_school.html

Do you feel safe from bullying or harassement at your school? Why?

Who is the person at your school someone could talk to if they are being bullied?

Is there anyone in your community that can help someone being bullied?

Can you find some other links (Google Search) on the Internet that would be helpful to others?

Express your feelings on this topic by writing a poem, rap, drawing a picture or some other creative way.

What have you learned? Click on the assessment document. Click Open in the window that comes up. Answer the questions and Save the document into your web portfolio after you're done.

Practice your skills
Go to the W3Schools Practice page