To Notes

Summary for HCI 201 -- 3/9/06

Clarification of Quiz 5 answers:

Question 1: Breadcrumbs show you the path you took to get to the page you are at. They do not record multiple trips to the same page.

Question 3:

• The padding is the space immediately around the element.

• The border surrounds the padding and can have a color (in this case magenta).

• The margin is space around the border.

• Example:

  ABC

   

• Here is the source code for the example:

  <div style="position: relative; width: 331px; height: 211px; 
       background-color: yellow">
  
      <h2 style="background-color: aqua;
                 padding: 1cm;
                 border-width: 0.5cm;
                 border-style: solid;
                 border-color: magenta;
                 margin: 0.5cm;">ABC</h2>
  </div>
  

 

Take Makeup Quiz

 

Review Questions

1. What symbol do you use to represent a space in a hyperlink address?

2. What does the term "case sensitive" mean?

3. Which of the following are case sensitive?
   HTML tags   HTML file names   JPEG image names   GIF image names   JavaScript Scripts

4. How do you add a textarea to a web page using FrontPage?

5. What advantage does a textarea have over an inline frame?

6. What advantage does an inline frame have over a textarea?

7. What is a JavaScript script?

 

Changing More than One Webpage with a Single Click

• See the Double Load Example.

 

Working with XML Files

• XML means extensible markup language.
   

• An XML file has the following at its first line:
  <? xml version="1.0" ?>
   
• XML uses start and end tags like HTML does.
   

• Tags in XML indicate meaning, not appearence.
   

• In XML, a start tag requires a matching end tag.
   

• A start and end tag pair like
  <FirstName></FirstName>
  can be abbreviated as
  <FirstName />
   
• A start tag can contain attributes. Example:
  <Person id=38472>
   
• For example: a CSS file can refer to an id attribute to assign display characteristics to an element.
   

• Use a CSS style sheet for translating meaning to appearence.
   

• To link to CSS style sheet, use the following line:
  <xml-stylesheet type="text/css" href="stylesheet.css" ?>
   
• CSS style sheets for XML are similar, with minor differences, to CSS style sheets for HTML.

 

XML Examples

• See the XML Examples at the bottom of the Examples Page.

 

More Examples of JavaScript Scripts from dynamicdrive.com

Pixelating Slideshow

Carousel Slideshow

Book Flip Slideshow

Blending Image Slideshow

Watching Eyes

Image Spotlight

Find in Page