- contributors and personal supporters of the author.
- thumbnail sketch of the Web-browsing community..
- He remains an integral part of the Web.
- community, serving as director of the W3C—the World Wide Web Consortium.
- of the Internet: the World Wide Web..
- Another factor, though less important, was the existing framework of ARPAnet—the network of the United States Defense Advanced Research Project Agency, a testing ground for new technologies to link universities and research centers together.
- Even in the United States, most of the population is not yet online.
- Figure 2.1: The Navigator 4.76 interface.
- Figure 2.2: The Internet Explorer 5.5 interface.
- Figure 2.4: The Internet Options dialog box in IE 5.5 Netscape Navigator.
- through the rest of the document..
- To the contrary, many of these tools can be very handy, when—and only when—the user is aware of how the programs produce the Web page.
- Figure 3.1: The Text Pad 4.3.2 interface (shown in Windows 98).
- Figure 3.3: The BBEdit interface on a Mac.
- The namespace is included in the html element as the value of the xmlns attribute:.
- Figure 3.4: The title bar at http://www.sybex.com.
- The construction of the element is the same as the previous Author property.
- of the name for that time zone.
- Perhaps through a cosmic coincidence, hexadecimal notation tops out at FF—the representation of the number 255—before moving into three characters.
- Figure 3.5: The background graphic bar.gif.
- Figure 3.6: The basic.html document with a tiling background graphic.
- Tip You may recall from Chapter 1 that the most common screen resolutions—the number of pixels across and from top to bottom on a monitor—are 640 pixels wide by 480 pixels tall and 800 × 600.
- browsers—primarily Netscape Navigator and Microsoft Internet Explorer—the browser will understand the 16 common color names shown in Table 3.2..
- Listing 3.2: The Updated basic.html document, basic2.html.
- examples of the concepts presented in upcoming chapters.</p>.
- Figure 3.7: The completed basic.html file as seen in a Web browser.
- The beginning of the file looks like Listing 4.1..
- has a URL with a hash mark—the # symbol, commonly referred to in the United States as the "pound sign.".
- Ordered lists also make use of the type attribute.
- In fact, the default on most modern browsers is to support only a subset of the Universal Character Set—the ISO 1889-1 subset, also known as Latin-1.
- Why doesn't every browser automatically work with the entire Universal Character Set? The answer is pretty simple—the UCS is very large.
- Here's an example of the ampersand named entity:.
- Figure 4.6: The align attribute is a powerful layout aid..
- Middle The baseline—the line that touches the bottom of letters that don't "drop down".
- Figure 5.1: The StarGate SG-1 Web site.
- Figure 5.2: The rendering of basictable.html, as viewed in IE 5.5 on Windows 98 The XHTML elements used are shown in Table 5.1.
- In the first cell of the first row, the data contains "Name".
- in the second cell of the first row, the data is "Age,".
- Figure 5.3: The rendering of caption.html in IE 5.5 on Windows 98 Listing 5.2: caption.html.
- Figure 5.4: The rendering of border.html in Navigator 4.73.
- Figure 5.5: The tic-tac-toe grid in IE 5.5 (Windows 98).
- Figure 5.6: The same grid in Navigator 6 with a slightly different presentation Rules.
- The frame attribute applies to the outer border of the table.
- Figure 5.7: The rules attribute can be used to remove internal borders between table cells..
- want to vertically align each to the top of the cell.
- Using a Percentage of the Browser Window.
- Figure 6.2: The browser window divided into four evenly sized quadrants by a frameset element Listing 6.1: frames.html.
- Figure 6.3: The use of frames allows this site's creator to use navigation tools both on the top, in a traditional manner, and on the right, something difficult to do without frames..
- (On my 800 × 600 display, it all just barely fits.) The main frame in the middle will also scroll when necessary..
- Figure 6.5: The browser screen after frame1a.html has been loaded.
- However, the XHTML specification for frames includes a provision for displaying content to nonframes browsers—the noframes element..
- <P>...the navigational content from nav.html here...</p>.
- <P>...the original content found in the main.html document here....
- An inline frame—the iframe element—can be thought of as an image or other object that is inserted into an XHTML document.
- earlier in this chapter.) The only exception is the noresize attribute, which cannot be used in iframe.
- <p>...the original main.html document here...</p>.
- (For information about meta-element formatting, see Chapter 3.) The following code is a declaration for the use of CSS:.
- Figure 7.4: The file styles.html rendered with a link to an external style sheet The Cascading Concept.
- the red coloring of the paragraph text.</p>.
- Figure 7.5: The em element inherits the blue text from the style defined for the p element, and the h2 element inherits the green color set for the body element..
- Table 7.1: The five generic font families supported by CSS GENERIC.
- Figure 7.6: The style font-variant applied with small-caps.
- Text styles you are likely to be familiar with include justification — the aligning of each line of text to a given margin—and indenting.
- An em is the height of the current font.
- Figure 8.1: The Biztravel.com form makes reservations easy for frequent business travelers..
- Unfortunately, though that solves the spacing problem, it also generates a problem of it's own—the change from the default page font to the monospaced font for the field labels, as seen here..
- Title is the name of the page they'll go to.
- Figure 8.8: The HTML page displayed upon successful submission of the form processed by the script forms.cgi.
- Thomas, you'd need to replace the httpd daemon address—the funny-looking From address in the response (httpd.
- Keep a local mirror image of the site.
- Figure 9.1 is a screen shot of the Basic Guru Web site.
- Figure 9.1: The Basic Guru Web site sets navigation links all in one location but also divides them logically by purpose..
- Figure 9.3: The Ford Motor Company uses representational icons for initial navigation..
- Figure 9.5: The White House: a variable-depth site map.
- Figure 9.7: The entrance to the Florida Gulf Coast University Web site.
- Figure 9.8 is a rudimentary map of the state of Hawaii.
- Figure 9.9: The hotspot is marked by a colored cross-hatch overlay..
- Figure 10.1: The Yahoo! Web site (http://www.yahoo.com).
- and a brief description of the site.
- Figure 10.5: The Screen Actors Guild uses Atomz.com search functionality..
- Factor in unexpected markup—the element of uncertainty—and the browser may not necessarily have a preprogrammed response ready.
- Figure 11.1: The W3C Validation Service interface.
- Figure 11.3: The CSE HTML Validator Pro interface (with a file loaded).
- Even though the validator is complaining that this body tag isn't closed, the problem really is that the first body wasn't closed—the document author simply did not insert the closing slash, as in </body>..
- The remainder of the "errors".
- of the site that created the variable defined in the cookie is stored here.
- holds the name of the variable.
- contains the actual value of the variable.
- Although the Web-surfing public needs to be aware of the extreme dangers—just as everyone needs to be aware of the possibility of being struck by lightning or being on an airliner that goes down—the risk of being victimized by such an online invasion of privacy is nearly nil.
- Options for removal of the friend's name should be given in the e-mail..
- Figure 13.1: The Caloosa Dive Club Web site (http://www.diveclub.org/).
- On the splash page — the term often given to a short concise entry point to a Web site— the audience is invited to contact the mortgage brokerage by e-mail, telephone, or fax to discuss their service needs..
- (Everyone wants to escape.) The photographs of tropical scenes enhance the emotional appeals printed below them: "Romance!, Relaxation!, Adventure!".
- One of the text links is to a.
- The repeated circle provides visual unity—the eye is drawn to the pattern and sees the series as a pattern.
- Figure 14.3: Repetition of the circles provides unity..
- Figure 14.7: The group of smaller boxes on the left has the same total area as the single larger box on the right, giving the appearance of balance..
- On the right, the firetool set, the additional window, and table also distract from the focus of the image—the couple cutting the cake.
- of the page.
- (Refer to Chapter 5 for more information on tables.) The design naturally incorporates white space, which sets off the elements in the narrow column and gives your pages a lively feeling.