Web Mastering
Basic XHMTL

BASIC HTML Test
Wed/Thurs Oct 3/4

First Web Site Rubric
Site is due Friday, October 12

sample project page
sample code for page

click on the date to access the
lessons for that day

HTML TUTORIAL SITES

  

September 21

Warm-up: Logon to Learn 2 Type. Take the "Timed Test" When you have completed the test, record your score on a sheet of notebook paper and date it. Continue reading about various browsers.

Activities: Become familiar with the following html terms.

  • Editor – notepad, XHTML, DOCTYPE,
  • Elements html, head, title, meta, readability

    Select a text editor to work in to create your first XHTML document. We will use Notepad in this class.

    Navigate to open Notepad on your computer

September 24

Warm-up: Logon to the Student Server. (Memorize login and password!) There will be a login quiz on Friday.

Activities:

    • Open Internet Explorer
    • Go to File>Open>Browse (and click on the file you created in class Friday)
    • Your file should open in the browser. Right click to VIEW SOURCE
    • Edit file

Follow the directions in the packet. You should type all text as it is written. You should have through page 17 completed during class today.

email the file as an attachment to yourself. Complete through page 17 for homework if you have not done so in class.

September 25-27

warm-up:

  • Logon to the student server.
  • Open the file done in class on Friday, Monday and Tuesday. Make sure the filename is lastnamefirstinitialhtml.html. Check to make sure there are NO SPACE &NO CAPS. The easiest way to open is to go to your folder on the student server, double lick on the html file. It should open in IE. Right click and view source to have notepad open.) Continue working through the packet.

Activities:

Do the following at the beginning of class each day:

  1. Check to see whether the student server is mapped. Z should never be mapped until YOU map it! If it is already mapped, then you need to disconnect by right clicking on My Network Places, then you should disconnect them.
  2. Right Click and Map Network Drive
  3. Choose Z from the server dropdown menu
  4. Choose \\Wsidehs-rs05\Students from the folder menu. If this is not a choice, then type it in VERY CAREFULLY
  5. Make sure the 'reconnect at logon box IS NOT checked
  6. Log in as a different user
  7. Type Wsidehs-rs05\(the name of YOUR folder) in the User name box. I suggest memorizing this rather than trying to copy and paste. Ease and speed are critical though.
  8. Your password was given to you in class. Do not share this password with ANYONE.
  9. Select OK
  10. Select Finish

A window containing all of the student folders should open. You can close this window. You should now be able to save your files to the appropriate folder on the student server. STUDY THIS. You will be quizzed over this in class on Friday.

DISCONNECT this network drive EVERY DAY! Do this by right clicking on My Network Places and disconnecting the server. You should do this at the end of class, then log off. This will ensure that your files are secure.

Delete any folders/files that may be in your folder on the student server.

Create a new folder named html.

Save lastnamefirstinitialhtml.html to the folder. Continue working on this file. You should complete the packet by the end of the period.

Open the personal paragraph completed the first week of school. (Hard copies are available if your copy was not saved). Discuss interest level, Complete the one-two paragraph biography and include it in your web page created in class. Save file to your folder on the student server. The filename MUST be lastnamefirstinitial.html (view answer key here).

Follow-up/Homework: Rewrite paragraph with the goal of creating an interesting "home page". You should provide enough information about yourself that an audience would be interested in seeking more information about your interests, talents, likes or dislikes. This page should be well written. Check for spelling and grammar errors.

September 28

Warm - Up: Practice logging onto the student server. Quiz TODAY!

Logon Quiz: Access the student server. Open the lastnamefirstinitialhtml.html file.

Complete the HTML packet. Due today! Save and copy to the @dropoff folder at the end of class

Learn2Type.com -- logon and take the Typing Test for practice. Word per minute will be recorded today.

Due at the beginning of class on Monday: Copy and/or create the personal "paragraph" that will be the content of your first web site. Type this in Word. Save the file to your html folder on the student server. Save the file as lastnamefirstinitialpersonal.doc

October 1 -- Last day for any make-up work for Six Weeks 1. See list of assignment on front board. HTML Test on Wed/Thurs. Study packet covered in class last week and information covered in class today and Tuesday.

warm-up: Access the student server, open the personal paragraph you created for homework. Save the file to your html folder on the server. The filename should be lastnamefirstinitialindex.doc

Activities: Review basic personal homepages. Search for these on the Internet and discuss pros and cons of various sites.

Basic page should have certain characteristics:

  • Designed to be 640 pixels wide
  • Content should be in tables
  • Decide on color scheme BEFORE starting pages
  • Navigation on each page
  • Copyright information
  • Do not use last names
  • First page of each web site should 'fit' on the monitor. (Design for middle range monitors)

Discuss the following web pages

  • USC Student Computing Facility

    After reviewing at least 7 of the personal web sites, be prepared to discuss 5 GOOD and 5 NOT SO GOOD characteristics about the site.

follow-up/homework: Design a layout for your personal page. You should have a total of THREE pages. The first page is called your 'homepage' and it should introduce yourself and give a bit of information. You should also have a page listing your educational goals, personal hobbies, athletic interests, or some other unique thing about yourself. The final page will be your opinions on the class discussions around Emerging Technologies based on Thomas Friedman's book, The World is Flat.

October 2

Warm-up: Logon to Learn 2 Type. Take the "Timed Test". When you have completed the test, minimize your screen. I will record your fastest score during this class period.

Continue with today's lesson

First Web Site Rubric
First Draft of website is due Friday, October 12

Plan a basic web page. Use the proper html code to create the page.

Design: Pages are designed using a 640 pixel wide table. This makes the content easy to read and allows for pages to print properly.

We will design our pages using a banner (to be created at a later time). The navigation for the pages will be on the left side of the page

REVIEW the Basic Web Page document. You were given this handout in class and is linked here.

Create a sketch of your first page that includes a table, a banner, a navigation area, and a content area. Once this sketch is created, then create a draft of where the html tags should be placed.

Assessment/Homework: STUDY for Basic HTML test on Wed/Thurs. Complete the draft of code for your home page.

TUTORIAL SITES

HTML - An Interactive Tutorial

Top 10 CSS Tutorials

Interactive HTML Tutorial

This interactive HTML tutorial has been specifically designed to be applicable to Alternate Web Design clients. The lessons explain HTML coding and teach you how modify existing Web pages. The tutorial uses a "hands-on" approach to teaching HTML so you will be able to test out the HTML lessons as you go through them.

HOME

Info

 Calendar HISD Academics Staff Small Schools

This page was last updated October 16, 2007
Mail comments to Webmaster
©Houston Independent School District