Professional Documents
Culture Documents
This document is organized chronologically, using the same heading in that you see in the textbook. Under each
heading you will find (in order): Lecture Notes that summarize the section, Figures and Boxes found in the section, if
any, Teacher Tips, Classroom Activities, and Lab Activities. Pay special attention to teaching tips, and activities geared
towards quizzing your students, enhancing their critical thinking skills, and encouraging experimentation within the
software.
In addition to this Instructor’s Manual, our Instructor’s Resources CD also contains PowerPoint Presentations, Test
Banks, and other supplements to aid in your teaching experience.
Chapter Objectives 2
HTML 156: Introduction 2
HTML 156: Project – Oceanside Hotel and Sports Club Web Site 2
HTML 158: Plan Ahead Box (Critical Thinking): General Project Guidelines 3
HTML, XHTML, and CSS, 7th Edition Instructor’s Manual Page 2 of 12
Students will have mastered the material in Chapter Four when they can:
Define table elements Use the box-shadow property to alter the
Describe the steps used to plan, design, and appearance of an image
code a table Alter the spacing between and within cells
Create a borderless table for a horizontal using the border spacing and padding
navigation bar with text links properties
Create an external style sheet to define Utilize inline styles to alter the style of
styles across a Web site individual elements on a Web page
Utilize classes to give you more control over Add background color to rows and cells
styles Insert a caption below a table
Link an external style sheet to Web pages Create headings that span rows using the
where you want its styles applied rowspan attribute
Create a table with borders and insert text
LECTURE NOTES
Review what students will learn about external (linked) style sheets and tables in this project
TEACHER TIP
Explain that tables are used to present information in a clear, concise way. While students will be
familiar with tables that contain numerical values, for example — as an analogy, use spreadsheets —
students will be less familiar with the use of tables in creating special HTML design effects.
HTML, XHTML, and CSS, 7th Edition Instructor’s Manual Page 3 of 12
CLASSROOM ACTIVITIES
1. Quick Quiz:
1) What are some of the properties and attributes of tables and paragraphs? (Answer: Borders,
colors, spacing, and adding a table caption)
LECTURE NOTES
Discuss the borderless table on the Web page in Figure 4-1a
Review the two borderless tables used on the other three Web pages in Figures 4-1b, 4-1c, and 4-1d
Discuss the relationship between the four pages and how they are linked to one another
LECTURE NOTES
Review the general guidelines for students to keep in mind as they create a Web page
LECTURE NOTES
Define external style sheet, reviewing the other kinds of style sheets (inline and embedded)
discussed in Chapters 2 and 3
TEACHER TIP
Explain to students that external style sheets are ideal when the style is applied to many pages. With an
external style sheet, students can change the look of an entire Web site with changes to one file. Each
page must link to the style sheet using the <link> tag. An external style sheet can be written in any text
editor, should not contain any html tags, and should be saved with a .css extension. Any number of
external style sheets can be associated with a document in HTML. The style sheet language defines how
multiple external style sheets interact (for example, the CSS "cascade" rules). Authors may specify a
number of mutually exclusive style sheets called alternate style sheets. Users may select their favorite
among these depending on their preferences. For instance, an author may specify one style sheet
designed for small screens and another for users with weak vision (e.g., large fonts). User agents should
allow users to select from alternate style sheets. The author may specify that one of the alternates is a
preferred style sheet. User agents should apply the author's preferred style sheet unless the user has
selected a different alternate.
CLASSROOM ACTIVITIES
1. Quick Quiz:
1) What is an external style sheet used for? (Answer: To define styles for multiple pages in a Web
site)
LECTURE NOTES
Introduce tables as resources for organizing information on a Web page
HTML, XHTML, and CSS, 7th Edition Instructor’s Manual Page 4 of 12
Compare Figures 4-2a and 4-2b to show the range of complexity and formatting available with
tables
Use Figure 4-3 to show an image and text positioned in the table
Define all of the following: row, column, cell, heading cell, and data cell
Use Figures 4-4a, 4-4b, and 4-4c to review examples of all these elements within sample tables
Use Figures 4-5a, 4-5b, and 4-5c to review the application of styles to table elements
Define each of the following: table border, table header, and table caption
Use Figure 4-6 to discuss the table border, table heading, and table caption
Explain the function of the rules attribute in determining which internal borders to show in a table
FIGURES: 4-2a, 4-2b, 4-3, 4-4a, 4-4b, 4-4c, 4-5a, 4-5b, 4-5c, 4-6
BOXES
1. BTW: Tables. Discuss the uses to which Web page developers put tables on a Web page.
2. BTW: Table Elements. Encourage students to search the Web for HTML Table Elements or HTML
Table Properties in order to learn more about these concepts.
CLASSROOM ACTIVITIES
1. Group Activity: If possible, show students examples of pages that use text-wrapping to control the
positioning of text and images alongside versions of the same pages that use tables to provide more
control over the placement of the Web page elements.
LAB ACTIVITIES
1. Give students the task of finding two tables on different Web pages that feature heading and data
cells.
LECTURE NOTES
Review the three steps in the table-creation process
Discuss the circumstances in which a table should be used on a Web page
Compare and contrast the presentations of the information in Figures 4-7a and 4-7b and assess the
advantages offered by the table in Figure 4-7a
Discuss the utility of sketching out a table on paper before writing the HTML code
Discuss Figures 4-8a through 4-8c in conjunction with Figure 4-9 to illustrate the move from a
sketch of a table to its HTML implementation
Use Table 4-1 to review the four main HTML tags used to create tables, and discuss the use of each
of these tags in an HTML file in Figure 4-10a and in the resulting Web page in Figure 4-10b
Define the function of each of the following tags: <tr> and </tr>, <th> and </th>, and <td> and </td>
Use Table 4-2 to review the attributes for the table tags and their functions
BOXES
HTML, XHTML, and CSS, 7th Edition Instructor’s Manual Page 5 of 12
1. BTW: Table Tutorial. Encourage students to search the Web for tutorials that will step them through
the process of creating a table.
2. BTW: Table Borders. Encourage students to experiment with table borders in order to see firsthand
what does — and does not — work.
TEACHER TIP
Although the advantages of the use of tables in Web pages are numerous, caution students against
assuming that they must use a table for formatting the contents of their Web pages.
CLASSROOM ACTIVITIES
1. Group Activity: Provide students with types of different content and ask them to determine which of
these can benefit from the use of tables. Also, brainstorm with students other instances in which a table
might be more useful than a bulleted list, and vice versa.
2. Group Activity: Provide students with different content and ask them to sketch out tables that
correspond to the information to be presented.
3. Quick Quiz:
1) Which <table> </table> tags attribute defines space between a cell’s content and its border in
pixels? a) cellspacing b) border spacing c) alignment d) resolution (Answer: b)
2) Creating tables for a Web page is a three-step process. True or false? (Answer: True)
LAB ACTIVITIES
1. Assign students the task of finding one example of a poorly designed table and one example of a well-
designed table on the Web. As an alternative, find one well-designed table and one poorly designed
table on the Web, give students the URLs of each Web page, and give them the assignment of
comparing and contrasting the two tables.
2. Ask students to find examples of Web pages that implement some of the attributes listed in Table 4-2
(e.g., align, bgcolor, border, cellspacing, cellpadding, colspan, rowspan).
LECTURE NOTES
Review the formatting suggestions, including the decisions about whether to use borders, what
links are needed on a Web page, and what table formatting to use
LECTURE NOTES
Review the content proposed for the home page of the Oceanside Hotel and Sports Club Web site
Review the steps to start Notepad++
Use Table 4-3 to review the HTML tags entered to define the structure of the site's home page
Review the steps to enter HTML tags to define the Web page structure, and use Figure 4-11 to show
the code entered in Notepad++
Review the steps to save an HTML file
Another document from Scribd.com that is
random and unrelated content:
Tätigkeit zu setzen, so wird der Lichtbüschel an der Kathode (negative
Elektrode) heller, größer und schärfer abgegrenzt, und an der Anode
(positive Elektrode) zeigt sich ein kleines helles Lichtpünktchen. Pumpt
man weiter, so beginnt schließlich der ganze Raum zwischen den
Elektroden schwach zu leuchten: ein violettes Lichtband zieht sich durch
die Röhre, ohne aber ihre Breite ganz zu erfüllen. Bei weiterer
Verdünnung wird der violette Streifen breiter, und man kann sehen, daß
das Licht nicht einheitlich, sondern geschichtet ist; die Röhre scheint
erfüllt von einzelnen hellen Scheibchen mit dunkeln Zwischenräumen.
Dieses geschichtete Lichtband beginnt unmittelbar an der Anode, geht
aber nicht ganz bis zur Kathode hin; hier bleibt ein dunkler Raum, der
bei noch weiter gesteigerter Verdünnung immer größer wird. Das
positive Licht wird immer kürzer und seine Schichtung immer
undeutlicher.
Abb. 185. Geißlersche Röhren. Zu füllen
mit fluoreszierenden Flüssigkeiten.
Abb. 186. Hittorfsche (Crookessche)
Röhre.
Hier hörte die Leistungsfähigkeit der Pumpe, die sich Rudi selbst
gefertigt hatte, auf. Er hatte sich deshalb zur Demonstration der
Kathodenstrahlen eine sogenannte Crookessche Röhre (Abb. 186)
gekauft. Auch Geißlersche Röhren in verschiedenen Stufen der
Evakuation und in sehr mannigfaltigen Formen kommen in den Handel
(Abb. 184 und Abb. 185).
Wird die Verdünnung in der Röhre
noch weiter getrieben, so verschwindet
Die Kathodenstrahlen. das positive Licht schließlich ganz, aber
eine andere merkwürdige Erscheinung
tritt dafür ein. Es gehen nämlich von der Kathode Strahlen aus, die man
nicht sehen, sondern nur daran erkennen kann, daß sie die Glaswand der
Röhre da, wo sie sie treffen, zum Fluoreszieren bringen. Bei unserer
Röhre, in welche Drähte eingeschmolzen sind, wird das Glas um die
Anode herum grün leuchten. Besteht die Kathode aus einem runden
Blechscheibchen, so wird die dem Scheibchen gegenüberliegende Stelle
zum Fluoreszieren gebracht. Ist zwischen die negative Elektrode und die
gegenüberliegende Glaswand ein Gegenstand aus Metall gebracht, z. B.
ein Kreuz b wie in Abb. 187, so zeichnet dieser einen deutlichen
Schlagschatten d auf das Glas. Alle diese Erscheinungen weisen darauf
hin, daß die Kathodenstrahlen sich senkrecht zu der Fläche des Punktes
fortpflanzen, von dem sie ausgehen. D a b e i i s t e s g a n z e i n e r l e i , a n
welcher Stelle sich die Anode befindet.
Um die vier Gashähne von der Wand aus hinter seinem Tisch öffnen
und schließen zu können, befestigte er an jedem einen Hebel aus dickem
Draht mit einem kleinen Bleigewicht derart, daß das Gewicht den Hahn
zuzog. Ferner befestigte er an jedem Hebel einen Bindfaden, den er
durch einen nahe der Decke an der Gasleitung befestigten Porzellanring
zog. Die vier Fadenenden verband er mit einer Schnur, die er an der
Decke entlangführte, bis an die Wand, wo er sie wieder durch einen
Porzellanring steckte und dann gerade herunterhängen ließ. Hing die
Schnur lose, so war kein Licht; wurde sie angezogen, so öffneten sich die
Hähne, und es wurde hell. Die Schnur konnte mit einer Öse in einen
Nagel an der Wand eingehängt werden.
Um bei den Versuchen mit Röntgenstrahlen nicht immer die Nacht
abwarten, oder ein Zimmer verdunkeln zu müssen, kann man sich um
den fluoreszierenden Karton herum einen Schirm legen, der die
leuchtende Fläche und die Augen vor Tageslicht schützt. Abb. 191 zeigt
diesen Apparat im Schnitt. a ist der Fluoreszenzschirm, der in die Nute b
des Rahmens c eingeschoben werden kann. An diesem Rahmen ist ein
Tuchsack d aus schwarzem, möglichst dichtem Tuch angeleimt. Der
Sack wird nach oben etwas enger und ist an dem Rahmen e befestigt. An
letzterem sind zwei bogenförmig ausgeschnittene Kartonstücke
angebracht; f₁ (ausgezogen) soll sich der Wölbung der Stirne über den
Augen anschließen; f₂ (punktiert) hat einen Ausschnitt für die Nase. Um
den Lichtabschluß möglichst vollkommen zu machen, sind diese
Kartonstücke mit langhaarigem Samt überzogen. g ist ein Handgriff, und
h sind zwei Strebehölzer, die die beiden Holzrahmen auseinanderhalten;
sie sind abnehmbar, so daß man den ganzen Apparat auch
zusammenlegen kann.
Abb. 191. Schnitt durch den Lichtschutzschirm.
Dieses Hin- und Hergehen der Ladungen kann man durch ein
einfaches Experiment leicht versinnlichen. Man füllt die beiden Schenkel
einer 1 bis 2 cm weiten, U-förmig gebogenen Glasröhre bis zur Hälfte
mit irgend einer farbigen Flüssigkeit (Abb. 192). Darauf stellt man die
Röhre schief, so daß sich der eine Schenkel ganz füllt, während der
andere leer wird, verschließt den gefüllten Schenkel mit dem Daumen
und richtet dann die U-Röhre wieder auf. Nun soll der von der
Flüssigkeit ausgefüllte Schenkel — es sei der rechte — die positive
Ladung des einen Belages einer Leidener Flasche darstellen, der leere
die negative Ladung des anderen Belages. Läßt man dann den Daumen
los, so fließt die Flüssigkeit nicht etwa langsam zurück, bis sie auf
beiden Seiten gleich hoch steht, wie bei dem Beispiel auf Seite 49,
sondern sie schießt in dem linken Schenkel b e i n a h e ebenso hoch in die
Höhe, als sie zuerst im rechten war. Dann geht sie wieder zurück und so
fort, bis sie erst nach einiger Zeit zur Ruhe kommt. In ähnlicher Weise,
nur in viel kürzerer Zeit, schwanken die Ladungen der beiden Beläge
einer Leidener Flasche hin und her.
Rudi führte auch vor, wie man diese
Tatsache nachgewiesen hat. Er hatte sich
Der Drehspiegel. einen sogenannten Drehspiegel
hergestellt; das ist eine Kombination von
drei oder vier Spiegeln, die zu einem Prisma zusammengestellt und so
montiert sind, daß sie sehr rasch um ihre Längsachse gedreht werden
können.
Abb. 193. Der Drehspiegel.
Erzeuge ich bei c einen Ton, so entstehen Luftwellen, die sich durch
A und B fortpflanzen und bei d ausströmen; man wird also bei d den Ton
hören — oder nicht hören, je nachdem sich die Länge des Weges A zu
der des Weges B verhält. Höre ich bei d, während der Ton bei c andauert,
und verändere gleichzeitig die Länge des Weges B durch
Zusammenschieben oder Auseinanderziehen der Röhren bei x, so werde
ich wahrnehmen, daß der Ton bald verstummt, bald wieder ertönt. Das
rührt daher, daß bei einem gewissen Verhältnis der Weglänge A zu der
Weglänge B die sich bei β vereinigenden Schallwellen so treffen, wie es
in Abb. 201 gezeichnet ist: Ein Wellenberg und ein Wellental treffen
gerade zusammen und heben einander auf, die Tonstärke ist gleich Null.
Dies kann bei verschiedenen Längen von B der Fall sein; dann ist die
Strecke, um die ich B verlängern oder verkürzen muß, um den Ton
gerade zweimal zum Verstummen zu bringen, ein unmittelbares Maß für
die Gänge der betreffenden Schallwelle.
Eine ganz ähnliche Erscheinung können wir bei den elektrischen
Wellen nachweisen. Die Apparate, die zu diesen Versuchen nötig sind,
können wir uns leicht selbst herstellen.