HTML Web Magic, Second Edition

Overview

This is a recipe-style how-to book that wlaks users through 50+ HTML lessons, ranging from page layout techniques to special effects. The full-color, visual nature of the book makes learning easy and gives readers immediate gratification.
Read More Show Less
... See more details below
Available through our Marketplace sellers.
Other sellers (Paperback)
  • All (14) from $1.99   
  • New (3) from $4.99   
  • Used (11) from $1.99   
Close
Sort by
Page 1 of 1
Showing All
Note: Marketplace items are not eligible for any BN.com coupons and promotions
$4.99
Seller since 2010

Feedback rating:

(5)

Condition:

New — never opened or used in original packaging.

Like New — packaging may have been opened. A "Like New" item is suitable to give as a gift.

Very Good — may have minor signs of wear on packaging but item works perfectly and has no damage.

Good — item is in good condition but packaging may have signs of shelf wear/aging or torn packaging. All specific defects should be noted in the Comments section associated with each item.

Acceptable — item is in working order but may show signs of wear such as scratches or torn packaging. All specific defects should be noted in the Comments section associated with each item.

Used — An item that has been opened and may show signs of wear. All specific defects should be noted in the Comments section associated with each item.

Refurbished — A used item that has been renewed or updated and verified to be in proper working condition. Not necessarily completed by the original manufacturer.

New

Ships from: Charlotte, NC

Usually ships in 1-2 business days

  • Canadian
  • International
  • Standard, 48 States
  • Standard (AK, HI)
  • Express, 48 States
  • Express (AK, HI)
$30.00
Seller since 2008

Feedback rating:

(99)

Condition: New
THIS IS IN BRAND NEW UNUSED CONDITION PRISTINE CONDITION 1998.

Ships from: Deland, FL

Usually ships in 1-2 business days

  • Canadian
  • International
  • Standard, 48 States
  • Standard (AK, HI)
  • Express, 48 States
  • Express (AK, HI)
$45.00
Seller since 2014

Feedback rating:

(114)

Condition: New
Brand new.

Ships from: acton, MA

Usually ships in 1-2 business days

  • Standard, 48 States
  • Standard (AK, HI)
Page 1 of 1
Showing All
Close
Sort by
Sending request ...

Overview

This is a recipe-style how-to book that wlaks users through 50+ HTML lessons, ranging from page layout techniques to special effects. The full-color, visual nature of the book makes learning easy and gives readers immediate gratification.
Read More Show Less

Product Details

  • ISBN-13: 9781568304755
  • Publisher: New Riders
  • Publication date: 7/14/1998
  • Series: Magic Series
  • Edition description: REVISED
  • Edition number: 2
  • Pages: 312
  • Product dimensions: 6.89 (w) x 9.01 (h) x 0.67 (d)

Table of Contents

Pt. I Introduction
Pt. II Magic with First Impressions
Pt. III Magic with Images
Pt. IV Magic with Tables
Pt. V Magic with Frames
Pt. VI Magic with Windows
Pt. VII Magic with Type
Pt. VIII Magic with Forms
Read More Show Less

First Chapter










[Figures are not included in this sample chapter]

HTML Web Magic, Second Edition

Creating a Slide Show with META Refresh


Use this technique to:


  • Create rotating banner links. Devote a single frame (within a framed site)
    to rotating graphics that engage the viewer.



  • Automatically cycle from page to page. Let your viewers sit back and relax
    as a virtual art gallery of images is automatically presented to them.



  • Tell an animated story. Reminiscent of traditional cel-based animation,
    you can create thematically linked Web pages and cycle through them to tell a story.

Creating a Loop


The slide show effect relies on using the META Refresh function to create
a linked series of HTML pages that continuously loop from the first to last page
and then back again to the first page. This figure illustrates a series of continually
looping HTML pages powered by the META Refresh function.
To create a
looping series of HTML pages, you need a minimum of two HTML pages (no maximum number).
Say you have the following four HTML pages: index1.html index2.html index3.html
index4.html
In each of these index.html files, you need to code the
META Refresh function (remembering to keep the META tag within
the <HEAD></HEAD> tags and after the <TITLE></TITLE>
tags) as such:



<META HTTP-EQUIV="Refresh" CONTENT="numberofseconds; URL=nexturl.html">

To create the loop, you must rename the nexturl.html text as such for
each of the four files: index1.html --> index2.html index2.html -->
index3.html
index3.html --> index4.html index4.html --> index1.html
Notice that in the fourth HTML page (because it's the last in the series), the META
Refresh function points back to index1.html to start the loop all over again.

See the Slide Show in Action


The following example demonstrates how R35 LLC employs the slide show technique
to deliver rotating graphic banner ads in one of the three frames within its Web
site: R35 LLC site with rotating middle graphic (filename=homead1.htm).
Here is the HTML for the rotating banner page shown here:



<HTML>
<HEAD>
<TITLE>R35</TITLE>
<META HTTP-EQUIV="refresh" CONTENT="15;URL=homead2.htm">
</HEAD>
<BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0 BGCOLOR="#333300" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" TEXT="#000000">
<TABLE WIDTH=500 CELLPADDING=0 CELLSPACING=0 BORDER=0>
<TD WIDTH=500 ALIGN=CENTER>
<IMG WIDTH=428 HEIGHT=51 SRC="we.gif" ALT="We develop strategic visual communication for consumers of the information age." BORDER=0>
</TD>
</TABLE>
</BODY>
</HTML>

As you can see in the this code, a META Refresh function is telling the
page to wait 15 seconds before jumping to the next URL, in this case, homead2.htm.
R35 LLC site with rotating middle graphic (filename=homead2.htm).
Here is the HTML for the rotating banner page shown here:



<HTML>
<HEAD>
<TITLE>R35</TITLE>
<META HTTP-EQUIV="refresh" CONTENT="15;URL=homead3.htm">
</HEAD>
<BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0 BGCOLOR="#333300" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" TEXT="#000000">
<TABLE WIDTH=500 CELLPADDING=0 CELLSPACING=0 BORDER=0>
<TD WIDTH=500 ALIGN=CENTER>
<A HREF="direct/index3.htm" onMouseOver="window.status='check it out at R35 direct.'; return true;" target="_blank"><IMG WIDTH=225 HEIGHT=51 SRC="chere.gif" ALT="click here."
BORDER=0></A>

</TD>
</TABLE>
</BODY>
</HTML>

This code is very similar to the HTML used for the first rotating banner page,
with one exception--the graphic has changed to chere.gif and the META
Refresh target destination after 15 seconds is now homead3.htm. As you can
see, each page is brought up with a different graphic, which then leads the viewer
to the next page in the series of ads. Notice also that each graphic is linked to
a URL. If the user were to click on any one of these graphics, they would be taken
to a product page (being advertised by these rotating banner pages). R35 LLC site
with rotating middle graphic (filename=homead3.htm).
Here is the HTML
for the rotating banner page shown here:



<HTML>
<HEAD>
<TITLE>R35</TITLE>
<META HTTP-EQUIV="refresh" CONTENT="15;URL=homead4.htm">
</HEAD>
<BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0 BGCOLOR="#333300" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" TEXT="#000000">
<TABLE WIDTH=500 CELLPADDING=0 CELLSPACING=0 BORDER=0>
<TD WIDTH=500 ALIGN=CENTER>
<A HREF="direct/index.html" target="_blank" onMouseOver="window.status='check out those ultimate digital design tools.'; return true;"><IMG WIDTH=334 HEIGHT=51 SRC="webpadad.gif" ALT="The R35
webColor Pad." BORDER=0></A>

</TD>
</TABLE>
</BODY>
</HTML>

As you can see here, the META Refresh function will send the viewer to
homead4.htm, which is the last ad in the series of rotating pages. R35
LLC site with rotating middle graphic (filename=homead4.htm).
Here is
the HTML for the final rotating banner page. Note how the META Refresh function
points back to the first file (homead1.htm) in the group. This creates the
"looping" effect, where the viewer is taken from page 1 to 2 to 3 to 4
and then back to 1 again:



<HTML>
<HEAD>
<TITLE>R35</TITLE>
<META HTTP-EQUIV="refresh" CONTENT="15;URL=homead1.htm">
</HEAD>
<BODY MARGINWIDTH=0 MARGINHEIGHT=0 LEFTMARGIN=0 TOPMARGIN=0 BGCOLOR="#333300" LINK="#ffffff" VLINK="#ffffff" ALINK="#ffffff" TEXT="#000000">
<TABLE WIDTH=500 CELLPADDING=0 CELLSPACING=0 BORDER=0>
<TD WIDTH=500 ALIGN=CENTER>
<A HREF="direct/index2.htm" target="_blank" onMouseOver="window.status='check out those ultimate digital design tools.'; return true;"><IMG WIDTH=400 HEIGHT=51 SRC="sit.gif" ALT="The Aeron
Chair." BORDER=0></A>

</TD>
</TABLE>
</BODY>
</HTML>





TIP: When designing graphic ads with the slide show technique, make sure that
your pages appear for at least 10 to 15 seconds if they contain words or animations
or if you want them to stick around long enough to get clicked. However, be sure
not to bore your audience--there's a fine line between pages that change too fast
and ones that simply D-R-A-G on--it's up to you to experiment with the timing and
determine what works best for your graphics and target audience.




Designing graphic ads can be an effective way to lead viewers deeper within your
Web site. For a quick tour of other Web sites employing similar techniques, check
out the following:


  • HotWired (http://www.hotwired.com)



  • Suck (http://www.suck.com)



  • Macromedia (http://www.macromedia.com)



Read More Show Less

Customer Reviews

Be the first to write a review
( 0 )
Rating Distribution

5 Star

(0)

4 Star

(0)

3 Star

(0)

2 Star

(0)

1 Star

(0)

Your Rating:

Your Name: Create a Pen Name or

Barnes & Noble.com Review Rules

Our reader reviews allow you to share your comments on titles you liked, or didn't, with others. By submitting an online review, you are representing to Barnes & Noble.com that all information contained in your review is original and accurate in all respects, and that the submission of such content by you and the posting of such content by Barnes & Noble.com does not and will not violate the rights of any third party. Please follow the rules below to help ensure that your review can be posted.

Reviews by Our Customers Under the Age of 13

We highly value and respect everyone's opinion concerning the titles we offer. However, we cannot allow persons under the age of 13 to have accounts at BN.com or to post customer reviews. Please see our Terms of Use for more details.

What to exclude from your review:

Please do not write about reviews, commentary, or information posted on the product page. If you see any errors in the information on the product page, please send us an email.

Reviews should not contain any of the following:

  • - HTML tags, profanity, obscenities, vulgarities, or comments that defame anyone
  • - Time-sensitive information such as tour dates, signings, lectures, etc.
  • - Single-word reviews. Other people will read your review to discover why you liked or didn't like the title. Be descriptive.
  • - Comments focusing on the author or that may ruin the ending for others
  • - Phone numbers, addresses, URLs
  • - Pricing and availability information or alternative ordering information
  • - Advertisements or commercial solicitation

Reminder:

  • - By submitting a review, you grant to Barnes & Noble.com and its sublicensees the royalty-free, perpetual, irrevocable right and license to use the review in accordance with the Barnes & Noble.com Terms of Use.
  • - Barnes & Noble.com reserves the right not to post any review -- particularly those that do not follow the terms and conditions of these Rules. Barnes & Noble.com also reserves the right to remove any review at any time without notice.
  • - See Terms of Use for other conditions and disclaimers.
Search for Products You'd Like to Recommend

Recommend other products that relate to your review. Just search for them below and share!

Create a Pen Name

Your Pen Name is your unique identity on BN.com. It will appear on the reviews you write and other website activities. Your Pen Name cannot be edited, changed or deleted once submitted.

 
Your Pen Name can be any combination of alphanumeric characters (plus - and _), and must be at least two characters long.

Continue Anonymously

    If you find inappropriate content, please report it to Barnes & Noble
    Why is this product inappropriate?
    Comments (optional)