Exploring the Internet/Web Page Design

Top 10 Things to Do in ____________-HTML - Assigned on November 17, 2009
Directions: Use NotePad++ to complete the HTML activity. You decide what font color and background color you want. Use the Internet to research one of the following cities listed below and follow the same procedure you did for the "Top 11 Things to Do in Miami, Florida.
  • Los Angeles, California
  • San Francisco, California
  • Las Vegas, Nevada
  • Denver, Colorado
  • Dallas, Texas
  • New Orleans, Louisiana
  • Chicago, Illinois
  • Atlanta, Georgia
  • New York, New York
  • Orlando, Florida

You may select another city of your choice if you don't like any of the above.


_____________________________________________________
Top 11 Things to Do in Miami, Florida-HTML -
Assigned on November 13, 2009 (Handout in class)
Directions: Use NotePad++ to complete the HTML activity. You decide what font color and background color you want. The images here more than likely will not work, so you will need to find your own images and save them to your USB flash drive in order for them to show. Don't forget to put your heading on your document.
______________________________________________________
Intel's Internet Lessons - Assigned on November 4, 2009
Use Microsoft Word to complete the following Internet activities. Type out all question and the title of each lesson. Click on the following hyperlink to help you find the answers: Intel Education: The Journey Inside: The Internet
Internet Introduction

1. What is the Internet?

2. What is a computer network?

3. What is the largest computer network in the world?

4. What is at the Internet's heart?

5. What is the most remarkable thing about the Internet?

6. What does ISP stand for and what is it?

 

Lesson 1: The World Wide Web

 

1. What is the World Wide Web?

2. What is HTML and what does it stand for?

3. What is hypertext and what is a link?

4. What is the difference between the old-fashioned Internet and today's  

   Web?

 

Lesson 2: What is a URL?

 

1. Why does web pages need unique addresses?

2. What is a web address?

3. What does URL stand for and what is it?

4. What is http and what does it stand for?

5. What does the “www” in the address www.nasa.gov and what is a server?

6. What does gov represent in the address www.nasa.gov?

7. What is a domain name?

 

 

Lesson 3: How Information Travels on the Internet

 

1. What is hosting?

2. Is there a fixed connection between your computer and a Web server?

   Explain.

3. What are routers?

 

Lesson 4: Breaking Messages into Packets

 

1. Do pages on the Internet arrive in one piece? (Explain)

2. What are packets?

3. Why are messages chopped into packets?

4. Explain the four parts of the packet?

5. What do routers prevent?

 

Lesson 4 - Activity 1: Packing a message

 

1. In your own words, in a step-by-step way, explain the process of

   sending a message(page)over the Web.

 

Lesson 5: Bigger is Better

 

1. Identify three possible reasons for slow download of web pages?

2. What is bandwidth?

3. What does it mean to have a faster bandwidth?

 

Lesson 6: How Computer Speeds are Measured?

 

1. How is bandwidth measured?

 

Lesson 7: Information on the Internet

 

1. Identify some of the things you can do on the Internet?

2. Is all information on the Internet trustworthy? Explain.

3. Why do you have to be careful when accessing information on the

   Internet?

4. What is the problem with the search engines?

5. What can you do to be a savvy Web user? Give example.

___________________________________________________________
October 20 - 23, 2009
Click on the following hyperlink:
HTML Exercises
Review    -    1 HTML Info
Review    -    2 Site Planning & Design
Review    -    3 HTML Document Structure
                   
Exercise 2: Set up an html document
                        Exercise 3: Adding text to your site
                        Exercise 4: Line Breaks
                        Exercise 5: Creating a basic html document
                        Exercise 6: Working with lists

Complete -   4 Links and Images
                   
Exercise  7: Create links to other pages and email links
                        Exercise  8: Create internal links within a document
                        Exercise  9: Inserting Images
                        Exercise 10: A look at browser extensions
                        Exercise  11: Creating an Image Map
Complete  -  5 Tables
                  
Exercise 1: Creating a basic table
                        Exercise 2: Complex page layout with table
Complete  -  6 Frames
                   Exercise 3: Creating a site using Frames
                        Exercise 4: Creating an Inline Frame 
 
(October 26 - 29, 2009)
Complete  -  7 Forms
                    Exercise 5: Creating an Online Form   
Complete  -  8 Formatting with Style
                     Exercise 6: Practice with styles
                          Exercise 7: Using Styles in a Site
                          Exercise 8: Styles Shorthand    
________________________________________________________________    

 In the HTML Exercises 1 - 10, complete the following: October 8, 2009

Use the following tags and/or style attributes:
  • heading tags h1 through h6
  • formatting tags: bold, strong, emphasized, italic, small, subscript, superscript
  • 5 different font styles, colors, sizes
  • Body Background Color

HTML EXERCISES 1 -10 Assigned October 7, 2009
Handouts in class

Exercise 1 - Displaying Images
Exercise 2 - Ordered List - Nacho Recipe
Exercise 3 - Ordered List - Cheesecake Ingredients (Arabic Numerals)
Exercise 4 - Ordered List - Cheesecake Ingredients (Roman Numerals)
Exercise 5 - Unordered List
Exercise 6 - Unordered List - Tapes, Discs, and Tapes
Exercise 7 - Glossary List - Herbs & Descriptions of how they grow
Exercise 8 - Glossary List - Macbeth
Exercise 9 - Nesting List
Exercise 10 - Structure tags, title, headings, and paragraphs

HTML TUTORIAL -- Assigned October 1, 2009
 
Click on the following hyperlink:  HTML Tutorial  
 
Complete the following tutorials.
 
  1. HTML Basics
  2. Text
  3. Images
  4. Links
  5. Backgrounds
  6. Tables
  7. Frames
  8. Metatags
  9. Hexacolors