|
Q001:
CIS 757 QUIZ 1A PROF. AUCIELLO
THIS BEGIN A COMPREHENSIVE ANALYSIS OF
OF A HOMEPAGE.
IT IS BASED ON JUAN REYES' HOMEPAGE
WHICH HAS AN ADDRESS OF:
juan_reyes_2.tripod.com
GO AHEAD, RIGHT NOW, AND OPEN A WINDOW,
AND ACCESS HIS PAGE. PLEASE SWITCH
BACK AND FORTH SO THAT YOU MAY SEE
THE HTML CODE, AND HOW IT ACTUALLY RUNS!
THE GOAL HERE IS 'QUALITY COMPREHENSION' AT
THE 'MASTERY' LEVEL. THE EXPECTED OUTCOME
IS THAT YOU WILL KNOW EVERY COMMAND, EVERY
STATEMENT THAT COMPRISES JUAN REYES' HOME
PAGE, AND THUS YOU WILL HAVE THE SKILLS
TO BUILD ON IT FOR YOUR OWN HOME PAGE!
YOU SHOULD HAVE EITHER YOUR HTML GUIDE NEXT
TO YOU OR ANOTHER WINDOW OPEN TO THE
HTML GUIDES THAT I HAVE POSTED IN MY CLASSROOM!
-----------------------------------------------
Q001:
SUBJECT: COMMENTS IN HTML
EXPLAIN THE FOLLOWING --
<![CDATA[
<!-- CIS 757
PROF. AUCIELLO
THIS IS THE TEMPLATE FOR YOUR HOME PAGE.
INSERT YOUR PICTURE.
ADJUST COLORS.
-->
<!-- this is Juan Reyes.html -->
]]>
|
| |
Q002:
SUBJECT: SCROLLING BANNER IN JAVASCRIPT:
EXPLAIN EACH OF THE NUMBERED LINES:
<![CDATA[
1 <HTML>
2 <HEAD>
3 <SCRIPT LANGUAGE="JavaScript">
4 var BannerString="Juan Reyes loves CON! and SOCCER too!
WELL GUYS ENJOY YOUR TIME AND HAVE FUN ";
5 var timer =0;
// changed timer value from 0 to 100
6 function Scrollfunction()
7 { document.textform.textbox.value= BannerString; // displays banner.
8 BannerString= BannerString.substring (1,BannerString.length) +
BannerString.charAt(0) // reconstitute string.
//decrease timeout value to speed up, increase to slow dow
9 timer= setTimeout("Scrollfunction() ",350)
10 }
11 </SCRIPT>
12 </HEAD>
]]>
SAMPLE: #4 -- var BannerString
defines a variable named BannerString
that contains text that will scroll,
delimited by quotes.
|
|
Q003:
After Head ends, Body begins.
Explain every line. Look up each symbol and word.
<![CDATA[
13 <BODY BACKGROUND="Storm-01.jpg" ONLOAD= Scrollfunction()>
14 <CENTER>
15 <script language="JavaScript">
16 <!--
17 // Cache-busting LUBID bug.
18 var ran = Math.round(Math.random() * 899999) + 100000;
19 var lubid_string =
20 "<img src=\"http://lubid.lycos.com/one.asp?site=members.tripod.lycos.com&ord=
" + ran + "\" height=\"1\" width=\"1\">";
21 document.write(lubid_string);
22 //-->
23 </script>
]]>
Example -- Line 13
Body starts. The desktop background is an image of a storm.
After Head executes, Body executes, the first event is
that the Scrollfunction (JavaScript) runs (the Banner Scrolls).
|
|
Q004: (24-36)
Subjects: tables, table properties
using IP provided forms
font statement.
<![CDATA[
24 <center>
25 <table border="0" cellpadding="0" cellspacing="3"
align="center" width="468">
26 <tr>
27 <td><Font size="1" face="verdana, arial, helvetica, sans serif">
28 <a href="/bin/email_this_page/display_form">
29 E-mail this page to a friend</a>
30 </font>
31 </td>
32 <td align="right"><Font size="1" face="verdana, arial, helvetica, sans serif">
<a href="/bin/email_when_updated/display_form">
Tell me when this page is updated</a></font>
33 </td>
34 </tr>
35 </table>
36 </CENTER>
]]>
Example:
25 -- set up table, width of visual border around table = 0;
no padding around cells; 3 pixels between columns;
center-aligned; width of 468 pixels (less than full-width).
|
|
Q005: FORMS
<![CDATA[
37 <FORM NAME= "textform" onSubmit= "0">
38 <CENTER><INPUT TYPE="text" NAME= "textbox" SIZE="65" VALUE="" ></CENTER>
]]>
Example: Text can be inputted,
|
|
Q006: (39 - 70)
<![CDATA[
39 <center>
40 <table border cellpadding=10 width="640" bordercolor=black>
41 <tr>
42 <td VALIGN=TOP WIDTH="38%"><img SRC="jr.jpg" height=320 width=200>
43 <Br><Br>
44 <center>
45 <p><B><Font color=blue> <Font size=+3> Juan Reyes
46 </font></font></B>
47 <p><B><Font color=blue> <Font size=+1>HOME PAGE
48 </font></font></B></center>
49 <p><Br>
50 <Br><Br><Br><Br><Br>
51 <p><Font color=blue></font>
52 </td>
53 <td VALIGN=TOP WIDTH="63%"><P>
54 <center><h1>
55 <u><Font color=blue>INFORMATION</font></u>
56 </h1></center>
57 <li><u><Font size=+2><a href="career.htm">
<Font color = blue> Career Info</a></u></li></P>
58 <li><u><Font size=+2><a href="hobby.htm" >
<Font color = blue> Hobby </a></u></li></P>
59 <li><u><Font size=+2><a href="likes.htm" >
<Font color = blue> Likes </a></u></li></P>
60 <li><u><Font size=+2><a href="2p.htm" >
<Font color = blue> Art with Music! </a> </u> </li> </P>
61 <li><u><Font size=+2><a href="T3.htm" >
<Font color = blue> Video </a> </u> </li> </P>
62 <li><u><Font size=+2>
<a href="757-quiz.html" >
<Font color = blue> CIS 757 Quiz </a> </u> </li> </P>
63 <li><u><Font size=+2>
<a href="Flash2.html" >
<Font color = blue> Flash</a> </u> </li> </P>
64 <li><u><Font size=+2>
<a href="f134.htm" > <Font color = blue> Slideshow</a> </u> </li> </P>
65 <center><img SRC="Soccer-02.gif" height=100 width=100></center>
66 </ul>
67 </td>
68 </tr>
69 </table>
70 </center>
]]>
Again, fully explain each line:
65 -- an animated gif "Soccer-02.gif" is below Slideshow;
taken up 100 by 100 pixels.
|
|
Q007: (71 - 79)
<![CDATA[
71 <Br>
72 <Font size=2 color="blue" face="ARIAL" ><B>
73 <p>
74 <center>
75 <object><EMBED SRC="rayando.mid" autostart="false" loop="true"
76 MasterSound controls=Smallconsole Height=25 Width=240>
77 </object>
78 </center>
79 <center> "Rayando El Sol" (MANA).... </center>
]]>
Fully explain each line:
75 -- A midi (music) file is embedded; starts by control button ..
(finish this)
|
