Site hosted by Angelfire.com: Build your free website today!

Quick Check Answers

Home | Assignments | Quick Check | Code Samples
1.1 | 1.2 | 1.3 |  1.1 | 1.2 | 1.3 |  2.1 | 2.2 | 2.3 |  3.1 | 3.2 | 3.3 |  4.1 | 4.2 | 4.3 |  5.1 | 5.2 |  6.1 | 6.2 | 6.3 |  7.1 | 7.2 | 7.3
8.1 | 8.2 | 8.3 |  9.1 | 9.2 | 9.3 |  10.1 | 10.2 | 10.3 |  T1.1 | T1.2 | T1.3 |  T2.1 | T2.2 | T2.3 |  T3.1 | T3.2 | T3.3 |  T4.1 | T4.2 | T4.3

Session 1.1

  1. Hypertext refers to text that contains points called links that allow the user to move to other places within the document, or to open other documents, by activating the link.
  2. A Web server stores the files used in creating World Wide Web documents. The Web browser retrieves the files from the Web server and displays them. The files stored on the Web server are described in a very general way; it is the Web browser that determines how the files will eventually appear to the user.
  3. HTML, which stands for Hypertext Markup Language, is used to create Web documents.
  4. HTML documents do not exactly specify the appearance of a document; rather they describe the purpose of different elements in the document and leave it to the Web browser to determine the final appearance. A word processor like Word exactly specifies the appearance of each document element.
  5. Documents are transferred more quickly over the Internet and are available to a wider range of machines.
  6. Extensions are special formats supported by a particular browser, but not generally accepted by all browsers. The advantage is that people who use that browser have a wider range of document elements to work with. The disadvantage is that the document will not work for users who do not have that particular browser.
  7. All you need is a simple text editor.
 Top Questions

Session 1.2

  1. The <html> tag identifies the language of the file as HTML to packages that support more than one kind of generalized markup language.
  2. <h1 align="center"> Heading text </h1>
  3. <p> Paragraph text </p>
  4. HTML does not recognize the blank lines as format elements. A Web browser ignores blank lines and runs the paragraphs together on the page.
  5. Ordered list:
    <ol>
    <li> List item
    <li> List item
    </ol>

    Unordered list:
    <ul>
    <li> List item
    <li> List item
    </ul>

    Definition list:
    <dl>
    <dt> List term <dd> Term definition
    <dt> List term <dd> Term definition
    </dl>
  6. <em> Italicized text </em>
    and
    <i> Italicized text </i>
    The advantage of using the <em> tag is that it will be recognized even by older browsers that do not support italics (such as terminal connected to a UNIX machine), and those browsers will still emphasize the text in some way. The <i> tag has the advantage of explicitly describing how you want the text to appear.
 Top Questions

Session 1.3

  1. &#169
  2. <hr>
  3. <hr width="70%" size="4">
  4. An inline image is a GIF or JPEG file that appears in the Web document. A browser can display it without a file viewer
  5. An external image is a graphic that requires the use of a software program, called a viewer, to display it.
  6. <img align="left" src="mouse.jpg">
  7. GIF and JPEG
 Top Questions

Session 2.1

  1. <a name="csu">Colorado State University</a>
  2. <a href="#csu">Universities</a>
  3. Anchor tags should be placed within style tags such as the <h3> heading tag.
  4. <a name="photo"><img src="photo.jpg"></a>
  5. <a href="#links"><img src="button.jpg"></a>
  6. True Anchor names are case-sensitive.
 Top Questions

Session 2.2

  1. Storyboarding is diagramming a series of related Web pages, taking care to identify all hypertext links between the various pages. Storyboarding is an important tool in creating Web sites that are easy to navigate and understand.
  2. A linear structure is one in which Web pages are linked from one to another in a direct chain. Users can go to the previous page or the next page in the chain, but not to a page in a different section of the chain.
  3. A hierarchical structure is one in which Web pages are linked from a general to specific topics. Users can move up and down the hierarchy tree.
  4. It distinguishes the file name from the anchor name.
  5. <a href="sports.htm">Sports info</a>
  6. <a href="sports.htm#bball">Basketball news</a>
 Top Questions

Session 2.3

  1. An absolute path gives the location of a file on the computer's hard disk. A relative path gives the location of a file relative to the active Web page.
  2. ../../index.htm
    ../../tutorial/chem.htm
    ../../tutorial/links.htm
    ../rock.htm
  3. <a href="http://www.whitehouse.gov" target="GovWin">White House</a>
  4. <a href="ftp://ftp.uwash.edu">Washington</a>
  5. <a href="news:rec.sports.boxing.pro">Boxing</a>
  6. <a href="mailto:president@whitehouse.gov">President</a>
 Top Questions

Session 3.1

  1. Color names and color values. Color names are easier to work with, but the color name may not exit for exactly the color you want to use. Also your color name may not be supported by all browsers. Color values allow you to precisely describe a color, but they can be difficult to work with.
  2. <body bgcolor="gray" text="red" link="blue" vlink="yellow">
  3. <font color="red" size="+5">Major Sale</font>
  4. <font face="Times New Roman, MS Serif">Major Sale</font>
  5. <body background="stars.gif">
  6. Overwhelming the page's text, using a large image file that will make the page take longer to load, and using an image that displays visible seams.
 Top Questions

Session 3.2

  1. Use GIF when you want to use transparent colors, when you want to use an animated image, and when your image has 256 colors or less.
  2. Use JPEG for photographic images, for images that contain more than 256 colrs, to reduce the file size through compression, and to avoid the problem of the legal issues of using GIFs.
  3. <img src="mwu.jpg" alt="MidWest University">
  4. <img src="mwu.jpg" align="top">
  5. <img src="mwu.jpg" align="right">
  6. <img src="mwu.jpg" hspace="10" vspace="10">
  7. <img src="mwu.jpg" height="85" width="120">
  8. When an image with many colors is display on a monitor that does not support all those colors, the monitor will attempt to approximate the appearance of those colors by "dithering". The Safe Palette, or browser-safe palette, is a palette of 216 colors that display consistently on different browsers and operating systems.
 Top Questions

Session 3.3

  1. A hotspot is a defined area of the image that acts as a hypertext link. An image map lists the coordinates on the image that define the boundaries of the hotspots.
  2. Server-side and client-side. The server-side is the older, more accepted method of creating image maps and relies on the Web server to interpret the image map and create the hypertext link. The client-side image map is newer and is not supported by some older browsers. Because the user's browser interprets the image map, the image map is interpreted more quickly; it can be tested on local machine, and information about various hotspots appear in the status bar of the Web browser.
  3. <area shape="rect" coords="5,20,85,100" href="oregon.htm">
  4. <area shape="circle" coords="44,81,23" href="la.htm">
  5. <area shape="poly" coords="5,10,5,35,25,35,30,20,15,10" href="hawaii.htm">
  6. <img src="westcoast.gif" usemap="#States">
  7. <img src="westcoast.gif" border="5">
 Top Questions

Session 4.1

  1. Text tables and graphical tables. Text tables are supported by all browsers and are easier to create. The graphical table is more difficult to create, but provides the user with a wealth of formatting options.
  2. A proportional font assigns different widths to each character based on the width of the character. A fixed-width font assigns the same width to each character regardless of width.
  3. The <pre> tag
  4. The <table> tag identifies the beginning of a table. The <tr> tag identifies the start of a table row. The <td> tag identifies individual table cells, and the <th> tag identifies table cells that act as table headings.
  5. The number of rows in a table is determined by the number of <tr> tags. The number of columns is equal to the largest number of <td> and <th> tags within a single table row.
  6. Text within the <th> tag is automatically bolded and centered within the table cell.
  7. <caption align="bottom">Product Catalog</caption>
    Place this tag anywhere between the <table> and </table> tags.
 Top Questions

Session 4.2

  1. <table border="5" cellspacing="3" cellpadding="4">
  2. <td valign="top">
    or
    <th valign="top">
  3. <tr align="center">
  4. In pixels or as a percentage of the display area. Use pixels, if you want to control the size of the table. Use percentages, if you want your table to adapt to the user's monitor resolution.
  5. <table width="50%">
  6. <td width="60">
    or
    <th width="60">
    This keeps the cell from exceeding 60 pixels in width. The only way to guarantee that all cells will be exactly 60 pixels wide is to set the width of all cells in that table column to 60 pixels.
  7. <table bgcolor="yellow">
    This attribute is not supported by earlier browsers.
  8. <td rowspan="3" colspan="2">
    or
    <th rowspan="3" colspan="2">
 Top Questions

Session 4.3

  1. <table>
    <tr>
    <td>
    <table> <tr><td></td><td></td></tr>
    <tr><td></td><td></td></tr>
    </table>
    </td>
    <td></td>
    </tr>
    <tr>
    <td></td>
    <td></td>
    </tr>
    </table>
  2. <! Nested table start here>
  3. Separate <font> tags would have to be placed within each table cell.
  4. <td><h1><font face="Arial, Helvetical, sans-serif">Headlines</font></h1></td>
  5. Diagram the layout.
 Top Questions

Session 5.1

  1. Frames are windows appearing within the browser's display area, each capable of displaying the contents of a different HTML file.
  2. Because there is no page body. Instead, the browser displays the <body> tags from other pages.
  3. <frameset rows="2, 50%, *">
  4. <frameset src="home.htm">
  5. <frameset src="home.htm" scrolling="no">
  6. <frameset src="home.htm" marginheight="3">
  7. 3 pixels
  8. <frameset src="home.htm" noresize>
 Top Questions

Session 5.2

  1. The frame containing the hypertext link
  2. <frame src="address.htm" name="Address">
  3. <a href="URL" target="News">
  4. <a href="sales.htm" target="_top">
  5. Place the tag <base target="News"> in the <head> section of the HTML file
  6. Create a section starting with the <noframes> tag. After the <noframes> tag enter a <body> tag to identify the text and images you want frame-blind browsers to display. Complete this section with a </body> tag followed by a </noframes> tag.
  7. <frameset bordercolor="red">
  8. <frameset borderwidth="5">
 Top Questions

Session 6.1

  1. A CGI script is any program or set of commands running on the Web server that receives data from the Web page and then processes that data to perform a certain task.
  2. The <form> tag identifies the beginning and end of a form.
  3. <input name="Phone">
  4. <input name="Phone" size="10">
  5. <input name="Phone" size="10" maxlength="10">
  6. <input name="Subscribe" value="Yes">
  7. Set the value of the type attribute to "password".
  8. <label for="dob">Date of Birth</label>
 Top Questions

Session 6.2

  1. <select name="State">
     <option>California
     <option>Nevada
     <option>Oregon
     <option>Washington
    </select>
  2. Change the <select> tag to <select multiple>
  3. <option selected>Oregon
  4. Place the selection list within a two-sided <fieldset> tag. After the opening <fieldset> tag, insert the tag: <legend>West Coast</legend>
  5. <fieldset>
     <legend>West Coast</legend>
     <input type="radio" name="State" value="California">California
     <input type="radio" name="State" value="Nevada">Nevada
     <input type="radio" name="State" value="Oregon">Oregon
     <input type="radio" name="State" value="Washington">Washington
    </fieldset>
  6. <input type="radio" name="State" value="1">California
    <input type="radio" name="State" value="2">Nevada
    <input type="radio" name="State" value="3">Oregon
    <input type="radio" name="State" value="4">Washington
  7. <input type="checkbox">California
    A value of "on" is sent to the CGI script.
  8. <textarea rows="5" cols="30" name="Memo">Enter notes here</textarea>
  9. wrap="hard"
 Top Questions

Session 6.3

  1. <input type="submit" value="Send Form">
  2. <input type="reset" value="Cancel Form">
  3. <input type="img" name="Sites" scr="sites.gif" value="GotoPage">
  4. <input type="hidden" name="Subject" value="Form Response">
  5. <form method="get" action="http://www.j_davis.com/cgi-bin/post-query">
  6. <form action="mailto:walker@j_davis.com" enctype="text/plain">
  7. accesskey="n"
 Top Questions

Session 7.1

  1. CSS1 and CSS2 are the first and second standards developed for the application of Cascading Style Sheets.
  2. Inline styles are styles that are added to a specific tag within an HTML file. An embedded style is a style defined for a group of tags within the HTML file. A linked style sheet ia a separate text file containing the styles used for one or more Web pages.
  3. p{color: blue}
  4. h1, h2{color: yellow}
  5. p b{color: red}
    This style affects only boldface text located within a <p> tag.
  6. <link href="basicstyle.css" rel="stylesheet" type="text/css">
    This tag should be placed within the head section of the HTML file.
  7. Green, because embedded styles override linked style sheets when there is a conflict in style declarations.
 Top Questions

Session 7.2

  1. blockquote {font-family: Times Roman, serif}
  2. p {font-size: 12pt}
  3. Absolute units, such as inches, centimeters, and millimeters, retain their sizes for any monitor resolutions. Relative units are scalable, and they change size based on the monitor resolution. There are two relative units: em and ex.
  4. h1, h2, h3, h4, h5, h6 {text-decoration: underline; text-transform: uppercase}
  5. p {text-align: center; font-weight: bold; font-style: italics}
  6. ul {background-mage: url(list.gif); background-position: center center}
    or
    ul {background-mage: url(list.gif)center center}
  7. ol {list-style-type: decimal}
    or
    ol {list-style-type: decimal-leading-zero}
 Top Questions

Session 7.3

  1. a:hover {color: white; background-color: red}
  2. <div class="report">text block</div>
  3. <span id="author">single word</span>
  4. Block-level elements are elements that enclose blocks of text, such as paragraphs, block qoutes, headings, or lists. Individual letters, words, or phrases that appear within block-level elements are known as inline elements.
  5. margin: 10px
  6. border-style: dashed
  7. float: left
 Top Questions

Session 8.1

  1. A client-side program is a program that is run on the user's computer, usually with a Web browser. A server-side program is run off of the Web server.
  2. Java can be more difficult to learn that JavaScript. Java requires a development kit to create executable applets; JavaScript does not. Java programs must be compiled; JavaScript programs are scripts that can be run without compiling. Java is the more powerful of the two languages.
  3. A JavaScript program is run by the Web browser either in the process of rendering the HTML file or in response to an event, such as the user clicking a Submit button or positioning the pointer on the hyperlink.
  4. <script> and </script>
  5. To prevent older browsers that do not support JavaScript from displaying the JavaScript commands on the Web page.
  6. document.write("<h1>Avalon Books</h1>")
 Top Questions

Session 8.2

  1. numbers, string, Boolean, and null values
  2. var Now = new Date();
  3. var Tdate = Now.getDate();
  4. 8
  5. Expressions are JavaScript commands that assign values to your variables. Operators are elements that perform actions within an expression. Binary operators work on two elements in an expression. Unary operators work on only a single expression element.
  6. Y = X + 1; Y = X++;
  7. function function_name( parameters ) {
     JavaScript commands
    }
 Top Questions

Session 8.3

  1. if(Month= = "September"){
     document.write("Welcome back to school!");
    }
  2. if(Month= = "September"){
     document.write("Welcome back to school!");
    } else {
           document.write("Today's Headlines");
    }
  3. if(Month= = "September"){
     document.write("Welcome back to school!");
    } else {
        if(Month="June") {
             document.write("Summer's here!")
      } else {
             document.write("Today's headlines");
      }
    }
  4. An array is an ordered collection of values referenced by a single variable name.
    var Colors = new Array( );
  5. Colors[1]="Red";
    Colors[2]="Green";
    Colors[3]="Blue";
    Colors[4]="Black";
    Colors[5]="White";
  6. A loop is a set of instructions that is executed repeatedly. There are two types of loops: loops that repeat a set number of times before quitting (For loops) and loops that repeat until a certain condition is met (While loops).
  7. for(i=1; i<=5; i++) {
       document.write("News Flash!<br>");
    }
  8. 5, 10, 15, 20, 25
 Top Questions

Session 9.1

  1. In server-side validation, the user input is checked on the Web server, usually via a CGI script. In client-side validation, user input is checked within the Web browser on the user's computer.
  2. Objects are items that exist in a defined space such as the Web page, Web browser, form, or table. Properties describe an object's appearance, purpose, or behavior. Methods are actions that can be performed with and object or on an object.
  3. document.enroll.join
  4. document.fgColor = "blue";
  5. document.fgColor = tcolor;
  6. document.enroll.reset( );
 Top Questions

Session 9.2

  1. An event is a specific action that triggers the browser to run a block of JavaScript commands. An event handler is code added to an HTML tag that is run whenever a particular even occurs. An event method is a method applied to a JavaScript object that emulates the occurence of an event.
  2. Edit the <body> tag to read: <body onload="Welcome()">
  3. <input name=CreditNumber onBlur="CheckCredit( );">
  4. document.product.model.option[0].value = P250;
  5. document.product.model.option[0].text = "Pentium 250";
  6. var ModelNumber = document.product.model.selectedIndex;
  7. It refers to the currently selected object. you can use the "this" object to write programs that can be applied to several objects on the page.
  8. "525"
 Top Questions

Session 9.3

  1. document.survey.female.checked
  2. onsubmit="return validate()"
  3. onreset="restart()"
  4. alert("Thank You")
  5. age = prompt("Enter your age")
  6. continue = confirm("Do you wish to continue?")
  7. location = "http://www.gps-ware.com"
 Top Questions

Session 10.1

 Top Questions

Session 10.2

 Top Questions

Session 10.3

 Top Questions

XML

TUTORIAL 1

Session 1.1

  1. Extensible means that the language can be used to create a wide variety of document types by using elements tailored to each document. XML allows the author to create markup tags that are specific for each document type.
  2. SGML stands for Standard Generalized Markup Language and was used to develop HTML, the language of the Web. However, SGML was too complicated and required too much overhead to be the language of Web page design.
  3. The W3C is an organization created in 1994 to develop common protocols and standards for sharing information on the World Wide Web.
  4. HTML is not "data aware", HTML does not impose rigid standards for syntax, and HTML is not easily extended to different document types.
  5. No, XML is a meta-markup language used for developing other markup languages.
  6. DTD atands for Document Type Definition and is used to create rules governing the structure and content of an XML document. A well-formed XML document has to satisfy the syntax of XML; a valid document has to be formed and also satisfy the rules of the DTD or schema.
  7. An application that interprets XML code, verifying that it satisfies all of the XML specifications for document structure and syntax.
  8. Is an XML application designed to work with mathematical documents.
 Top Questions

Session 1.2

  1. the prolog, body, and epilog
  2. <?xml version="1.0" encoding="ISO-8859-1" standalone="yes" ?>
  3. <!– – Values extracted from the JW database – –>
  4. The case of the opening and closing tags doe not match.
  5. There ia a blank space in the element name.
  6. The element at the top of the document hierarchy; all other elements in the document are children of root element.
  7. An empty element contains no content, though it might contain one or more attributes whose values might be used by the XML parser.
  8. using a CDATA section or using the &#38; or &amp; character reference
 Top Questions

Session 1.3

  1. Both browsers will report an error.
  2. The browsers will display the contents of the XML document without reporting the error.
  3. Internet Explorer displays the hierarchical structure and content of the document. Netscape only displays the conrent of the document.
  4. TITLE{font-weight:bold}
  5. A processing instruction is a command that provides instructions to the XML parser.
  6. <?xml-stylesheet type="text/css" href="standard.css" ?>
 Top Questions

TUTORIAL 2

Session 2.1

  1. Definitation of the terms:
    1. Data binding is a technique in which the Web page's content is drawn from a data source.
    2. A field is a element that contains a single item of information.
    3. A record is a collection of fields.
    4. A recordset is a collection of records.
  2. A hierarchical recordset can contain nested recordsets. A simple recordset cannot.
  3. A data island is the data attached to a Web page through the process of data binding.
  4. <xml id="CompInfo" src="Company.xml"></xml>
  5. <span datasrc="#CompInfo" datafld="CName"></span>
  6. as the value of the src attribute
  7. The $Text field contains the character data from all of the fields in a record, not including attribute values.
 Top Questions

Session 2.2

 Top Questions

Session 2.3

 Top Questions

TUTORIAL 3

Session 3.1

 Top Questions

Session 3.2

 Top Questions

Session 3.3

 Top Questions

TUTORIAL 4

Session 4.1

 Top Questions

Session 4.2

 Top Questions

Session 4.3

 Top Questions

Home | Assignments | Quick Check | Code Samples