Thursday, June 4, 2009

Session 4: Additional Lab Exercise Instructions

In class this week, we created a page layout for the Championzone web site called "mylayout.html". We will use this layout as a starting point for building the rest of the pages in the site. Here are some follow-up instructions for some of the more complicated steps.

Instructions for removing the top margin and left margin (extra white space on the top left corner) on a Web page:

  1. Switch to the HTML tags view in the NVU editor. Then right-click on the <BODY> tag so you can edit its properties.


  2. When you right-click on the tag, a shortcut menu will pop up. Click on "Advanced Properties".
  3. Enter two attributes and set their values according to the instructions below.


Instructions for adding a row or column of dots to a page layout (the dot is actually an image file - "dash.gif" - which serves as a repeating background on the table cell):

  1. Right-click on the table cell that will contain the background image made of dots. Select "Table Cell Properties" from the shortcut menu.
  2. Click on the "Advanced Edit" button to edit the properties of the table cell.
  3. Enter the attribute called "background" and set its value to "images/dash.gif". NOTE: Your web page must be SAVED into the "championzone" folder that contains the "images" folder in order for the dots image to show up properly.
Posted by at

2 comments:

  1. chrislau10424952June 6, 2009 at 3:23 AM

    Hi Jenny, I saw some students get difficult to created the website even put the banner at last lesson. Would you like to advise ours step by step because we haven't the times to write down the method. Another, how can we save the NVU file when incompleted ?

    ReplyDelete
  2. Jenny N LimJune 6, 2009 at 8:10 PM

    Hi Chris, you save the web page into your hard disk, then you can e-mail it to yourself or save it on your USB drive. Just make sure the web page is in the same folder "championzone" that contains the "images" folder, as well as the layout.html file that I asked you to download.

    Regarding step-by-step instructions, let me see what I can do about this in next week's class.

    ReplyDelete

Subscribe to: Post Comments (Atom)