Master VISUALLY^® Creating Web Pages

by Joe Kraynak

• ISBN13: 9780764577260
• ISBN10: 0764577263
• Format: Paperback
• Copyright: 2004-12-01
• Publisher: Visual

Summary

Covers all of today's most common Web design tools, including HTML, JavaScript, cascading style sheets, Dreamweaver, and Flash Presents step-by-step instructions for 190 tasks using hundreds of screen shots with concise captions-all at a competitive price This two-color, intermediate-level reference delivers solutions for a wide range of Web design issues, from creating a layout template and establishing a color palette to adding interactivity, optimizing pages for ease of use and speed, and working with pictures and sound

Author Biography

Joe Kraynak Joe Kraynak has been writing and editing training manuals and computer books for over fifteen years. His long list of computer books include Internet: Top 100 Simplified Tips and Tricks, Google: Top 100 Simplified Tips and Tricks, and The Complete Idiot’s Guide to Computer Basics. Joe has a Master’s degree in English and a Bachelor’s degree in Philosophy and Creative Writing from Purdue University.

Table of Contents

Understanding Web Page Coding
Introducing Web Page Languages
Introducing Web Page Publishing	p. 4
Understanding HTML Basics	p. 6
Understanding XML and XHTML	p. 10
Explore Differences between HTML and XHTML	p. 12
Understanding CSS Formatting	p. 14
Understanding XSLT	p. 16
Using HTML Tag Sets	p. 18
Using Unpaired HTML Tags	p. 20
Using HTML Attributes	p. 22
Viewing and Editing HTML
View HTML Source Code	p. 24
Edit Web Pages from Internet Explorer	p. 26
Edit Web Pages with Netscape Composer	p. 28
Write and Save HTML with WordPad	p. 30
Introducing HTML Text Editors	p. 32
Introducing HTML Visual Editors	p. 34
Creating and Formatting Web Pages
Creating a Basic Web Page
Specify an XHTML DTD	p. 38
Create a Web Page Skeleton	p. 40
Create Paragraphs and Line Breaks	p. 42
Emphasize Text	p. 44
Add Headings	p. 46
Add Horizontal Rules	p. 47
Add Hyperlinks and Mailtos	p. 48
Define a Base URL	p. 50
Create Internal Page Links	p. 52
Create a List	p. 54
Add a Mailing Address	p. 56
Add a Quote	p. 57
Create a Definition List	p. 58
Define an Acronym	p. 59
Create a Table	p. 60
Adjust Rows and Columns	p. 62
Add Comments	p. 64
Insert Special Characters	p. 65
Add Tags	p. 66
Formatting with Cascading Style Sheets
Understanding CSS Basics	p. 68
Create and Link to an External Style Sheet	p. 70
Create an Internal Style Sheet	p. 72
Apply Inline Styles	p. 74
Define Tag-Selector Style Rules	p. 76
Define Class-Selector Style Rules	p. 78
Define ID-Selector Style Rules	p. 80
Set Style Properties with and Tags	p. 81
Comment within Style Sheets	p. 82
Assign CSS Color Values	p. 83
Assign CSS Measurement Values	p. 84
Set Margins	p. 85
Define Font Properties	p. 86
Define Hyperlink Properties	p. 88
Format Lists	p. 90
Format Tables	p. 92
Add Scrolling Elements	p. 94
Position Page Elements	p. 96
Layer Elements with the z-index Property	p. 98
Control Visibility	p. 100
Enhancing a Web Page with Images
Understanding Web Page Image Basics	p. 102
Add Images to a Web Page	p. 104
Make an Alternative Text Label	p. 106
Specify Image Dimensions	p. 108
Align Images	p. 110
Add Space Between Images and Text	p. 112
Wrap Text Around an Image	p. 114
Add an Image Border	p. 116
Create an Image Link	p. 118
Create Thumbnail Images	p. 120
Insert and Position a Background Image	p. 122
Tile a Background Image	p. 124
Create Margin Backgrounds	p. 125
Building Image Maps
Explore Image Maps	p. 126
Create Client-side Image Maps	p. 128
Specify Hotspot Shapes and Coordinates	p. 130
Specify Alternative Text	p. 134
Build Image Maps with Image Mapper	p. 136
Improving Navigation with Frames
An Introduction to Frames	p. 140
Create a Frameset	p. 142
Using Tags</td><td>p. 144</td></tr><tr><td>Size Your Frames</td><td>p. 146</td></tr><tr><td>Control Frame Borders</td><td>p. 148</td></tr><tr><td>Nest Frames</td><td>p. 149</td></tr><tr><td>Create an Inline Frame</td><td>p. 150</td></tr><tr><td>Target Frames</td><td>p. 152</td></tr><tr><td>Define a Base Target</td><td>p. 154</td></tr><tr><td>Set Frame Backgrounds</td><td>p. 156</td></tr><tr><td>Using Frames for Banner Ads</td><td>p. 157</td></tr><tr><td>Adding Interactivity with JavaScript</td><td></td></tr><tr><td>Mastering JavaScript Basics</td><td></td></tr><tr><td>An Introduction to Client-Side JavaScript</td><td>p. 160</td></tr><tr><td>Add Scripts to a Web Page</td><td>p. 162</td></tr><tr><td>Using Escape Sequences</td><td>p. 164</td></tr><tr><td>Script an Alert Dialog Box</td><td>p. 166</td></tr><tr><td>Write to a Document</td><td>p. 168</td></tr><tr><td>Declare JavaScript Variables</td><td>p. 170</td></tr><tr><td>Create a JavaScript Object</td><td>p. 172</td></tr><tr><td>Create a JavaScript Array</td><td>p. 174</td></tr><tr><td>Create an if Statement</td><td>p. 176</td></tr><tr><td>Create a JavaScript Function</td><td>p. 178</td></tr><tr><td>Test JavaScript Code</td><td>p. 180</td></tr><tr><td>Create an External JavaScript File</td><td>p. 182</td></tr><tr><td>Hide JavaScript from Old Web Browsers</td><td>p. 184</td></tr><tr><td>Using <noscript> Tags</td><td>p. 186</td></tr><tr><td>Implementing JavaScript in HTML Documents</td><td></td></tr><tr><td>Add Text to the Status Bar</td><td>p. 188</td></tr><tr><td>Prompt the User for a Response</td><td>p. 190</td></tr><tr><td>Get Confirmation</td><td>p. 192</td></tr><tr><td>Add a Last-modified Date</td><td>p. 194</td></tr><tr><td>Script a Scrolling List</td><td>p. 196</td></tr><tr><td>Script Between Frames</td><td>p. 198</td></tr><tr><td>Script Around Frames</td><td>p. 200</td></tr><tr><td>Capture Keystrokes</td><td>p. 202</td></tr><tr><td>Open a New Window</td><td>p. 204</td></tr><tr><td>Close a Window</td><td>p. 206</td></tr><tr><td>Redirect to a New Page</td><td>p. 208</td></tr><tr><td>Reference the DOM</td><td>p. 210</td></tr><tr><td>Validate a Form</td><td>p. 212</td></tr><tr><td>Preload Images</td><td>p. 214</td></tr><tr><td>Script Image Mouseovers</td><td>p. 216</td></tr><tr><td>Check for Web Browser Versions</td><td>p. 218</td></tr><tr><td>Set a Cookie</td><td>p. 220</td></tr><tr><td>Read a Cookie</td><td>p. 224</td></tr><tr><td>Collecting Data with Forms</td><td></td></tr><tr><td>Building Forms to Collect Data</td><td></td></tr><tr><td>Set Up a Form</td><td>p. 228</td></tr><tr><td>Add a Text Input Field</td><td>p. 230</td></tr><tr><td>Add a Password Field</td><td>p. 232</td></tr><tr><td>Add a Text Area</td><td>p. 233</td></tr><tr><td>Add a Submit Button</td><td>p. 234</td></tr><tr><td>Add Check Boxes</td><td>p. 236</td></tr><tr><td>Add Radio Buttons</td><td>p. 238</td></tr><tr><td>Create a Menu</td><td>p. 240</td></tr><tr><td>Add Style to Form Elements</td><td>p. 242</td></tr><tr><td>Using Fieldsets and Legends</td><td>p. 244</td></tr><tr><td>Using Labels</td><td>p. 245</td></tr><tr><td>Disable Form Fields</td><td>p. 246</td></tr><tr><td>Using Hidden Fields</td><td>p. 247</td></tr><tr><td>Allow Users to Send Attachments</td><td>p. 248</td></tr><tr><td>Capturing Form Data</td><td></td></tr><tr><td>Understanding Form Data Collection</td><td>p. 250</td></tr><tr><td>Handle Form Data</td><td>p. 252</td></tr><tr><td>Get Form Data</td><td>p. 254</td></tr><tr><td>Post Form Data</td><td>p. 256</td></tr><tr><td>Parse Form Data</td><td>p. 258</td></tr><tr><td>Script an HTML Response</td><td>p. 260</td></tr><tr><td>View Environment Variables</td><td>p. 262</td></tr><tr><td>View Posted Form Data</td><td>p. 264</td></tr><tr><td>Create a Page Hit Counter</td><td>p. 266</td></tr><tr><td>Restrict Site Access</td><td>p. 268</td></tr><tr><td>E-mail Form Results</td><td>p. 270</td></tr><tr><td>Adding Embedded Objects</td><td></td></tr><tr><td>Adding Sound and Music</td><td></td></tr><tr><td>Introduction to Audio</td><td>p. 274</td></tr><tr><td>Record and Save Audio Files</td><td>p. 276</td></tr><tr><td>Add Audio Files as Links</td><td>p. 278</td></tr><tr><td>Add Background Music</td><td>p. 280</td></tr><tr><td>Embed and Loop Background Music</td><td>p. 282</td></tr><tr><td>Edit Audio Files with Sound Forge</td><td>p. 284</td></tr><tr><td>Convert an Audio File to a Different Format</td><td>p. 286</td></tr><tr><td>Using Streaming Audio</td><td>p. 288</td></tr><tr><td>Adding Video</td><td></td></tr><tr><td>Introduction to Video</td><td>p. 290</td></tr><tr><td>Add Video Files as Links</td><td>p. 292</td></tr><tr><td>Add Video Files as Objects</td><td>p. 294</td></tr><tr><td>Reduce Video File Size</td><td>p. 296</td></tr><tr><td>Convert Video to Animated GIFs</td><td>p. 298</td></tr><tr><td>Adding Multimedia with Flash</td><td></td></tr><tr><td>Download and Install the Flash Plug-in</td><td>p. 300</td></tr><tr><td>Create a New Flash Document</td><td>p. 302</td></tr><tr><td>Create a Flash Document from a Template</td><td>p. 304</td></tr><tr><td>Draw Objects</td><td>p. 306</td></tr><tr><td>Select Objects</td><td>p. 308</td></tr><tr><td>Resize, Reshape, and Move Objects</td><td>p. 310</td></tr><tr><td>Work with Layers</td><td>p. 312</td></tr><tr><td>Create a Motion Tween</td><td>p. 314</td></tr><tr><td>Create a Shape Tween</td><td>p. 316</td></tr><tr><td>Preview Your Animation</td><td>p. 318</td></tr><tr><td>Create Symbols</td><td>p. 320</td></tr><tr><td>Add a Button from the Library</td><td>p. 322</td></tr><tr><td>Activate Buttons</td><td>p. 324</td></tr><tr><td>Add Links to Objects</td><td>p. 326</td></tr><tr><td>Add Sound Clips</td><td>p. 328</td></tr><tr><td>Save and Publish Your Presentation</td><td>p. 330</td></tr><tr><td>Embedding Java Applets</td><td></td></tr><tr><td>Understanding Java Applets</td><td>p. 332</td></tr><tr><td>Download the Java SDK</td><td>p. 334</td></tr><tr><td>Create a Java Source File</td><td>p. 336</td></tr><tr><td>Compile Java Code</td><td>p. 338</td></tr><tr><td>Embed an Applet in a Web Page</td><td>p. 340</td></tr><tr><td>Change Applet Parameters</td><td>p. 342</td></tr><tr><td>Syndicating Content with RSS Feeds</td><td></td></tr><tr><td>Understanding RSS Feeds</td><td>p. 344</td></tr><tr><td>Enter RSS Information</td><td>p. 346</td></tr><tr><td>Code an RSS Item</td><td>p. 348</td></tr><tr><td>Define a Web Site as a Channel</td><td>p. 350</td></tr><tr><td>Declare XML and RSS Version</td><td>p. 352</td></tr><tr><td>Display RSS Feeds on a Web Site</td><td>p. 354</td></tr><tr><td>Checking and Publishing Your Web Pages</td><td></td></tr><tr><td>Checking Your Web Pages</td><td></td></tr><tr><td>Check Web Pages in Multiple Browsers</td><td>p. 358</td></tr><tr><td>Validate Web Pages</td><td>p. 360</td></tr><tr><td>Spell Check Your Web Site</td><td>p. 362</td></tr><tr><td>Check Links</td><td>p. 364</td></tr><tr><td>Publishing Your Web Pages</td><td></td></tr><tr><td>Choose a Web Host</td><td>p. 366</td></tr><tr><td>Obtain a Domain Name</td><td>p. 368</td></tr><tr><td>Check Total File Size of Your Web Site</td><td>p. 370</td></tr><tr><td>Set Up an FTP Client</td><td>p. 372</td></tr><tr><td>Upload Pages with an FTP Client</td><td>p. 374</td></tr><tr><td>Upload Files with Your Web Browser</td><td>p. 376</td></tr><tr><td>Upload Files with WebDAV</td><td>p. 378</td></tr><tr><td>Host Your Own Web Site</td><td>p. 380</td></tr><tr><td>Appendixes</td><td></td></tr><tr><td>Special Characters</td><td>p. 384</td></tr><tr><td>Cascading Style Sheet Reference</td><td>p. 390</td></tr><tr><td>Table of Contents provided by Ingram. All Rights Reserved.</td></tr></table></div><h3>Supplemental Materials</h3><div class="content"><b style="margin-bottom:10px;">What is included with this book?</b><p style="margin-bottom:10px;margin-top:10px;">The <b>New</b> copy of this book will include any supplemental materials advertised. Please check the title of the book to determine if it should include any access cards, study guides, lab manuals, CDs, etc.</p><p style="margin-top:10px;">The <b>Used, Rental and eBook</b> copies of this book are not guaranteed to include any supplemental materials. Typically, only the book itself is included. This is true even if the title states it includes any access cards, study guides, lab manuals, CDs, etc.</p></div> </div> <div class="row ewards" id="join-ewards-top"> <h3>Rewards Program</h3> <div id="join-ewards-loading" class="loading" style="display:none;"> <div class="ec-wait-simple ec-wait-simple-40"><div class="preloader"></div></div> </div> <div id="join-ewards-failed" class="ajax-failed" style="display:none;">Currently unavailable</div> <div id="join-ewards" style="display:none;"></div> </div> <!--<div class="row write-review" id="write-review-top"> <h3>Write a Review</h3> <div id="write-review-loading" class="loading" style="display:none;"> <div class="ec-wait-simple ec-wait-simple-40"><div class="preloader"></div></div> </div> <div id="write-review-failed" class="ajax-failed" style="display:none;">Currently unavailable</div> <div id="write-review" style="display:none;"></div> </div>--> </div> <input type="hidden" id="default-selection" value="p" /> <input type="hidden" id="default-rental-term" value="" /> <input type="hidden" id="default-ebook-sku" value="" /> <script type="application/ld+json"> {"@context":"https://schema.org", "@type":"Book", "learningResourceType":"textbook", "publisher":"Visual", "datePublished":"2004-12-01", "bookEdition":"", "offers":{"@type":"Offer", "priceCurrency":"USD", "author":[ {"@type":"Person","name:":"Joe Kraynak"} ], "name":"Master VISUALLY<sup>&#174;</sup> Creating Web Pages", "bookFormat":"https://schema.org/Paperback", //Can be "/EBook", "/Hardcover", "/Paperback", or "/GraphicNovel" "isbn":"9780764577260", "image":"https://simages.ecampus.com/images/d/7/260/9780764577260.jpg"} } </script> <script type="text/javascript"> function selectRentalTerm(term) { $('#default-rental-term').val(term); UpdateRentalPrice(term); selectPrice('rental-row', 'rental-row-' + term); $('input[name="rdoRentalTerm"][value="' + term + '"]').prop('checked', true); } function selectEbookSku(sku) { console.log(sku); $('#default-ebook-sku').val(sku); UpdateEbookPrice(sku); selectPrice('ebook-row', 'ebook-row-' + sku); } function selectPubSubscriptionSKU(sku) { ChangePubSubscription(sku); selectPrice('pub-subscription-row', 'pub-subscription-row-' + sku); } function performShowAnimation(detailsDiv, collapsedDiv) { $(detailsDiv).css("height","auto"); $(detailsDiv).slideDown(200); //alert($(detailsDiv).css("height")); $(collapsedDiv).hide(); } function performHideAnimation(detailsDiv, collapsedDiv) { //animate to a height of 30px so that it isn't jumpy when the collapsed row is displayed. $(detailsDiv).animate( { height:"30px" } ,200, function() { $(collapsedDiv).show(); $(detailsDiv).hide(); } ); } function activatePriceSectionAccordian(section) { // alert(section); switch (section) { case "rental": $("#default-selection").val("r"); performShowAnimation("#rental-details", "#rental-collapsed") performHideAnimation("#used-details", "#used-collapsed"); performHideAnimation("#new-details", "#new-collapsed"); performHideAnimation("#ebook-details", "#ebook-collapsed"); break; case "used": $("#default-selection").val("u"); performShowAnimation("#used-details", "#used-collapsed") performHideAnimation("#rental-details", "#rental-collapsed"); performHideAnimation("#new-details", "#new-collapsed"); performHideAnimation("#ebook-details", "#ebook-collapsed"); performHideAnimation("#pub-subscription-details", "#pub-subscription-collapsed"); break; case "new": $("#default-selection").val("u"); performHideAnimation("#rental-details", "#rental-collapsed"); performHideAnimation("#used-details", "#used-collapsed") performShowAnimation("#new-details", "#new-collapsed"); performHideAnimation("#ebook-details", "#ebook-collapsed"); performHideAnimation("#pub-subscription-details", "#pub-subscription-collapsed"); break; case "ebook": $("#default-selection").val("u"); performHideAnimation("#rental-details", "#rental-collapsed"); performHideAnimation("#used-details", "#used-collapsed") performHideAnimation("#new-details", "#new-collapsed"); performShowAnimation("#ebook-details", "#ebook-collapsed"); performHideAnimation("#pub-subscription-details", "#pub-subscription-collapsed"); break; case "pub-subscription": $("#default-selection").val("u"); performHideAnimation("#rental-details", "#rental-collapsed"); performHideAnimation("#used-details", "#used-collapsed") performHideAnimation("#new-details", "#new-collapsed"); performHideAnimation("#ebook-details", "#ebook-collapsed"); performShowAnimation("#pub-subscription-details", "#pub-subscription-collapsed"); break; } $(".accordion .collapsed").removeClass("last-collapsed"); $(".accordion .collapsed").last().addClass("last-collapsed"); } function activatePriceSection(section) { $(".selected-row .price").show(); $(".selected-row .more-prices").show(); $("#rental-row").removeClass("selected-row"); $("#used-row").removeClass("selected-row"); $("#new-row").removeClass("selected-row"); $("#ebook-row").removeClass("selected-row"); switch (section) { case "rental": $("#default-selection").val("r"); $("#rental-details").slideDown(400); $("#used-details").slideUp(400); $("#new-details").slideUp(400); $("#ebook-details").slideUp(400); $("#rental-row").addClass("selected-row"); break; case "used": $("#default-selection").val("u"); $("#rental-details").slideUp(400); $("#used-details").slideDown(400); $("#new-details").slideUp(400); $("#ebook-details").slideUp(400); $("#used-row").addClass("selected-row"); break; case "new": $("#default-selection").val("n"); $("#rental-details").slideUp(400); $("#used-details").slideUp(400); $("#new-details").slideDown(400); $("#ebook-details").slideUp(400); $("#new-row").addClass("selected-row"); break; case "ebook": $("#default-selection").val("e"); $("#rental-details").slideUp(400); $("#used-details").slideUp(400); $("#new-details").slideUp(400); $("#ebook-details").slideDown(400); $("#ebook-row").addClass("selected-row"); break; } if (section != "used" && section != "new") { $(".selected-row .price-header").hide(); $(".selected-row .more-prices").hide(); } if (section == "ebook") $(".ebook-logo").show(); else { $(".ebook-logo").hide(); $("#ebook-blurb").slideUp(400); } // Make sure the last list item in the pricing box has rounded corners, since css alone cannot do this. setTimeout(function() { $(".pricing-box ul > li").removeClass("last-visible"); $(".pricing-box ul").find("li:visible:last").addClass("last-visible"); }, 400); } function addRentalToCart() { document.location = "/shoppingcart?action=add&item=9780764577260&newused=&term=" + $("input[name=rdoRentalTerm]:checked").val() + "&pos=42"; } function addEbookToCart() { var sku = ""; var pearson = ""; pearson = $(""); if ($("input[name=rdoEBookDuration]:checked").val()) sku = $("input[name=rdoEBookDuration]:checked").val(); console.log("/shoppingcart?action=add&item=" + sku + "&newused=E&sku=9780764577260&pos=42"); document.location = "/shoppingcart?action=add&item=9780764577260&newused=E&sku=" + sku + "&pos=42"; //document.location = "/shoppingcart?action=add&item=9780764577260&newused=ESub&subsku=" + sku + "&pos=42"; } function addPubSubscriptionToCart() { var sku = ""; if ($("input[name=rdoPubSubscriptionDuration]:checked").val()) sku = $("input[name=rdoPubSubscriptionDuration]:checked").val(); document.location = "/shoppingcart?action=add&item=9780764577260&newused=ESub&subsku=" + sku + "&pos=42"; } function toggleEbookBlurb() { $("#ebook-blurb").slideToggle(400); } function showEbookTrialDetails(isbn) { $(".ebook-trial-details .detail-" + isbn).slideToggle(400); } function showBuybackDetails() { $(".buyback .details").slideToggle(400); } function showFreeShippingDetails(){ $(".free-shipping-details .details").slideToggle(400); } function showEReaderMatrix() { $(".ereader-matrix .matrix").slideToggle(400); } function selectPrice(section, row) { $("." + section).removeClass("selected-row"); $("#" + row).addClass("selected-row"); } function toggleAdditionalDetails() { $("#additional-details").slideToggle(200); } $(document).ready(function () { var strDefaultSelection = $("#default-selection").val(); if (strDefaultSelection == "p") activatePriceSectionAccordian("mp"); else if (strDefaultSelection == "e") activatePriceSectionAccordian("ebook"); else if (strDefaultSelection == "u") activatePriceSectionAccordian("used"); else if (strDefaultSelection == "n") activatePriceSectionAccordian("new"); else if (strDefaultSelection == "r") activatePriceSectionAccordian("rental"); //loadContent("/include/reviews/write-review", "GET", "review-isbnupc=9780764577260", "write-review", "write-review-loading", "write-review-failed", '', 30000, false, null, null, null); loadContent("/include/ewards", "GET", "", "join-ewards", "join-ewards-loading", "join-ewards-failed", '', 30000, false, null, null, null); }); </script> <script type="text/javascript"> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'product_id': 'U9780764577260', 'ISBN13': '9780764577260', 'Title': 'Master VISUALLY<sup>&#174;</sup> Creating Web Pages', 'Author': 'Joe Kraynak', 'Publisher': 'Visual', 'Format': 'Paperback', 'Edition': 'none', 'AvailabilityMsgRT': 'none', 'AvailabilityMsgUsed': 'Currently Not Available', 'AvailabilityMsgNew': 'Out of Print', 'BBPriceNew': 'none', 'BBPriceUsed': 'none', 'BBPriceMarket': '4.96' }); </script> <script type="text/javascript"> fbq('track', 'ViewContent', { Browser_ID: 'Not Recognized', client_ip_address: '10.1.1.2', currency: 'USD', content_type: 'product', content_name: 'Master VISUALLY<sup>&#174;</sup> Creating Web Pages', search_string: '9780764577260', contents: [{}] }); </script> <script type="text/javascript"> console.log("test"); // Get the modal var modal = document.getElementById("myModal"); // Get the button that opens the modal var btn = document.getElementById("peaersonLearnMoreClick"); // Get the <span> element that closes the modal var span = document.getElementsByClassName("close")[0]; // When the user clicks the button, open the modal btn.onclick = function () { modal.style.display = "block"; } // When the user clicks on <span> (x), close the modal span.onclick = function () { modal.style.display = "none"; } // When the user clicks anywhere outside of the modal, close it window.onclick = function (event) { var modal = document.getElementById("myModal"); if (event.target == modal) { modal.style.display = "none"; } } </script> <script type="text/javascript"> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ event: "view_item_list", ecommerce: { currency: "USD", //Static items: [ { item_id: '9780764577260M', item_name: 'Master VISUALLY<sup>&#174;</sup> Creating Web Pages', //PRODUCT TITLE affiliation: "eCampus Direct", //STORE NAME index: 0, //FIRST ITEM IN CART IS INDEX 0 item_brand: 'Visual', //PUBLISHER NAME item_category: "Paperback", //PUB_TYPE (TX for textbook or TB for trade book) item_variant: "M", // ITEM VERSION (RENTAL TERM, USED, NEW, EBOOK, MERCH, or MARKETPLACE) I.e. A,E,M,N,P,Q,U,W price: '4.96', //UNIT PRICE quantity: 1 } ] } }); </script> <div id="siteJabber"> <div class="container"> <div > <!--<h3 style="text-align:center;">Reviews for Master VISUALLY<sup>&#174;</sup> Creating Web Pages (9780764577260)</h3>--> </div> <div class="stjr-product-review-page stjabber" data-product-id="9780764577260"></div> <script>(function(d,s,id,c){var js,rC=[],uRC=[],r=0;Array.from(document.querySelectorAll('[class*="stjr-"]')).forEach(r=>{rC=[...rC,...Array.from(r.classList).filter((cl)=>{return /^stjr-/.test(cl);})]});uRC=[...new Set(rC)];t=d.getElementsByTagName(s)[0];js=d.createElement(s);js.id=id;js.src='https://www.sitejabber.com/js/v2/57ee738c0dd74/widgets.js'+(uRC.length ? '?widget-classes=' + uRC.join("|") : '?widget-classes=stjr-base')+'';js.onload=js.onreadystatechange=function(){if(!r&&(!this.readyState||this.readyState[0]=='c')){r=1;c();}};t.parentNode.insertBefore(js,t);}(document,'script','sj-widget',function(){}));</script> <script id="ProductJson-product-template" type="application/json"> {"@context": "Info", "id":"9780764577260", "title":"Master VISUALLY<sup>&#174;</sup> Creating Web Pages", "vendor":"Visual", "image":"https://simages.ecampus.com/images/d/7/260/9780764577260.jpg"} </script> </div> </div> <script type="text/javascript"> (function (d) { if (typeof _ltk == "undefined") { if (document.addEventListener) document.addEventListener("ltkAsyncListener", function () { _ltk_util.ready(d) }); else { e = document.documentElement; e.ltkAsyncProperty = 0; e.attachEvent("onpropertychange", function (e) { if (e.propertyName == "ltkAsyncProperty") { _ltk_util.ready(d) } }) } } else { _ltk_util.ready(d) } })(function () { /********** Begin Custom Code **********/ }); </script> <script> window.dataLayer = window.dataLayer || []; //Clear dataLayer window.dataLayer.push({ PageType: "productDetail" }); </script> <!-- Facebook pixel code --> <!-- /Facebook pixel code --> </div> <div id="outterfooter"> <div id="footer"> <div class="container"> <div id="footer-wrapper"> <div class="row"> <div class="footer-links footerimages col-xs-2 col-sm-2"> <a target="_blank" href="https://www.trustedsite.com/verify?host=www.ecampus.com" rel="nofollow"><img src="https://cdn.ywxi.net/meter/ecampus.com/205.svg?ts=1628706556859&l=en-US" alt="Trusted Site Certified Badge" /></a> <br /> <a href="https://www.bbb.org/us/ky/lexington/profile/textbooks/ecampuscom-0402-14005012" rel="nofollow" target="_blank"><img src="https://simages.ecampus.com/images/new-ecampus/responsive/bbb-accredited.png" alt="BBB Accredited Business Badge" /></a> </div> <div class="footer-links col-xs-2 col-sm-2 decrease15-10LeftColPad decrease15-10RightColPad"> <ul> <li><a href="/about-us">About Us</a></li> <li><a href="/accessibility">Accessibility</a></li> <li><a target="_blank" href="/affiliate-program" rel="nofollow">Affiliate Program</a></li> <li><a href="/brand-assets">Brand Assets</a></li> <!--<li><a href="/category">Browse Categories</a></li>--> </ul> </div> <div class="footer-links col-xs-2 col-sm-2 decrease15-10LeftColPad decrease15-10RightColPad"> <ul> <li><a href="/bulk-books">Bulk Orders</a></li> <li><a href="https://abookcompany.easyapply.co/" target="_blank">Careers</a></li> <li><a href="/Blog">Blog</a></li> <li><a href="/ecampus-coupons">Coupons</a></li> <li><a href="/ecampus-ewards">eWards</a></li> </ul> </div> <div class="footer-links col-xs-2 col-sm-2 decrease15-10LeftColPad decrease15-10RightColPad"> <ul> <li><a href="/ecampus-gift-certificates">Gift Cards</a></li> <li><a href="/help/help-desk">Help Desk</a></li> <li><a href="/isbn-lookup">ISBN Lookup</a></li> <li><a href="/mp/">Marketplace</a></li> <!-- <li><a href="/media">Media</a></li>--> </ul> </div> <div class="footer-links col-xs-2 col-sm-2 decrease15-10LeftColPad decrease15-10RightColPad"> <ul> <li><a href="/press">Press</a></li> <li><a href="/price-match">Price Match</a></li> <li><a href="/help/privacy-policy">Privacy Policy</a></li> <li><a href="/sitemap">Site Map</a></li> <li><a href="/help/terms-and-conditions">Terms &amp; Conditions</a></li> <li><a href="https://ecampushighered.com" target="_blank" rel="nofollow">Online Bookstores</a></li> </ul> </div> <div class="footer-links col-xs-2 col-sm-2 decrease15-10LeftColPad decrease15-10RightColPad socialcell"> <ul class="sociallinks"> <li class="facebookicon"><a href="https://www.facebook.com/ecampusdotcom" target="_blank"><span class="sr-only">Facebook</span></a></li> <li class="twittericon"><a href="https://twitter.com/eCampusdotcom" target="_blank"><span class="sr-only">Twitter</span></a></li> <li class="tiktokIcon"><a href=" https://www.tiktok.com/@ecampusdotcom" target="_blank"><span class="sr-only">TikTok</span></a></li> <li class="instagramicon"><a href="https://www.instagram.com/ecampusdotcom/" target="_blank"><span class="sr-only">Instagram</span></a></li> <li class="ecampusblogicon"><a href="/blog" target="_blank"><span class="sr-only">eCampus Blog</span></a></li> <li class="linkedInIcon"><a href=" https://www.linkedin.com/company/ecampus-com" target="_blank"><span class="sr-only">LinkedIn</span></a></li> </ul> </div> </div> </div> <div id="footer-bottom"> <ul> <li><img src="https://simages.ecampus.com/images/new-ecampus/visa.png" alt="Visa Icon" /></li> <li><img src="https://simages.ecampus.com/images/new-ecampus/discover.png" alt="Discover Card Icon" /></li> <li><img src="https://simages.ecampus.com/images/new-ecampus/master-card.png" alt="Master Card Icon" /></li> <li><img src="https://simages.ecampus.com/images/new-ecampus/american-express.png" alt="American Express Icon" /></li> <li><img src="https://simages.ecampus.com/images/new-ecampus/paypal-credit.png" alt="PayPal Credit Icon" /></li> <li><img src="https://simages.ecampus.com/images/new-ecampus/paypal.png" alt="PayPal Icon" /></li> </ul> <p><a href="/help/help-desk#cs">Need Help?</a>&nbsp;&nbsp;&nbsp; Copyright &copy; 1999-2024</p> </div> </div> </div> </div> <script type="text/javascript"> // functions makes sure the 2nd 'MyAccount Section' menu closes in case it is open when/if the very top menu is clicked on to be open // for mobile $(function () { $('#header-main .navbar-toggle').on('click', function () { if ($("#myaccountheader .navbar-nav").is(":visible")) { $("#myaccountheader .navbar-toggle").trigger("click"); } }); // for mobile links that go to anchored parts of page(s), if user is on that page, we need to close the menu after link to anchored part was clicked inside that menu $('#myaccountheader .anchorcalls').on('click', function () { $("#bs-example-navbar-collapse-1").removeClass("in"); // don't trigger bootstrap click as anchors then do not work. }); }); </script> <div style="display:none;"> <!-- include virtual="/include/OmnitureFooter.asp" --> <script type="text/javascript"> // For magnific popups $(".magnific-trigger").magnificPopup({ type: 'inline', fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom' }); // For modal magnific popups $(".magnific-trigger-modal").magnificPopup({ type: 'inline', closeOnBgClick: false, fixedContentPos: false, fixedBgPos: true, overflowY: 'auto', closeBtnInside: true, preloader: false, midClick: true, removalDelay: 300, mainClass: 'my-mfp-slide-bottom' }); </script> <script type="text/javascript"> var options_luise, options_luise_topbar, options_school_predictive, a_luise, a_luise_topbar, a_school; var options_luise_test, options_help_predictive, a_luise_test, a_help; jQuery(function(){ options_luise = { serviceUrl:'/include/autocomplete-image-luise?nav=0&bc=0&ps=1&count=4&sort=fs,b,sd&shsch=0&hsch=|not|0', minChars:2, deferRequestBy: 80, //milliseconds //onSelect: function(value, data){ if (data != '') document.location='/book/' + data; }, noCache: true, maxHeight: 415, containerClass: 'autocomplete-container', suggest_verbiage: 'Suggested Books:' }; options_luise_test = { serviceUrl:'/include/autocomplete-image-luise?nav=0&bc=0&ps=1&count=4&sort=fs,b,sd&shsch=0&hsch=|not|0', minChars:2, deferRequestBy: 80, //milliseconds //onSelect: function(value, data){ if (data != '') document.location='/book/' + data; }, noCache: true, maxHeight: 415, width: 625, containerClass: 'autocomplete-container', suggest_verbiage: 'Suggested Books:' }; options_luise_topbar = { serviceUrl:'/include/autocomplete-image-luise?nav=0&bc=0&ps=1&count=4&sort=fs,b,sd&shsch=0&hsch=|not|0', minChars:2, deferRequestBy: 80, //milliseconds //onSelect: function(value, data){ if (data != '') document.location='/book/' + data; }, noCache: true, maxHeight: 415, containerClass: 'autocomplete-container-topbar', suggest_verbiage: 'Suggested Books:' }; options_school_predictive = { serviceUrl:'/include/autocomplete-school', minChars:1, deferRequestBy: 80, //milliseconds noCache: true, maxHeight: 415, width: 255, containerClass: 'autocomplete-container', suggest_verbiage: 'Suggested Schools:', onSelect:function(value,data){$('#query_school').val(value);} }; options_help_predictive = { serviceUrl:'/include/autocomplete-help', minChars:1, deferRequestBy: 80, //milliseconds noCache: true, maxHeight: 415, width: 520, containerClass: 'autocomplete-container-help', suggest_verbiage: '' }; if ($('#query_luise').length) a_luise = $('#query_luise').autocomplete(options_luise); if ($('#query_luise_test').length) a_luise_test = $('#query_luise_test').autocomplete(options_luise_test); if ($('#query_luise_topbar').length) a_luise_topbar = $('#query_luise_topbar').autocomplete(options_luise_topbar); if ($('#query_school').length) a_school = $('#query_school').autocomplete(options_school_predictive); if ($('#query_help').length) a_help = $('#query_help').autocomplete(options_help_predictive); }); </script> <script type="text/javascript"> function searchClick(textboxId, defaultText, className) { if (document.getElementById(textboxId) && (document.getElementById(textboxId).value==defaultText || document.getElementById(textboxId).value=='')) { document.getElementById(textboxId).value = ''; document.getElementById(textboxId).focus(); if (className != '') document.getElementById(textboxId).className = className; return false; } else return true; } </script> <!-- ms --> <!--GetFreeShippingMinimum: 0 bk_detail: 296.875 GetRentalOptions: 0 GetBookDetailExtras: 31.73828 IsAvailable: 0 IsAvailable: 0 GetAlibrisMPListings: 296.875 GetSubscriptionOptions: 0 getRobotsValue: 0 --> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N973QN4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- twitter --> <script src="//platform.twitter.com/oct.js" type="text/javascript"></script> <script type="text/javascript">twttr.conversion.trackPid('l4qrl', { tw_sale_amount: 0, tw_order_quantity: 0 });</script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://analytics.twitter.com/i/adsct?txn_id=l4qrl&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" /> <img height="1" width="1" style="display:none;" alt="" src="//t.co/i/adsct?txn_id=l4qrl&p_id=Twitter&tw_sale_amount=0&tw_order_quantity=0" /> </noscript> <!-- end twitter --> <!-- include virtual="/include/whosontracking.asp" --> <script type="text/javascript"> $(document).ready(function () { $(window).on('scroll', function () { if ($(this).scrollTop() > 100) { $('#scroll').fadeIn(); } else { $('#scroll').fadeOut(); } }); $('#scroll').on('click', function () { $("html, body").animate({ scrollTop: 0 }, 600); return false; }); }); </script> <!-- Listrak Analytics - Javascript Framework --> <script type="text/javascript"> (function (d, tid, vid) { if (typeof _ltk != 'undefined') return; var js = d.createElement('script'); js.id = 'ltkSDK'; js.src = "https://cdn.listrakbi.com/scripts/script.js?m=" + tid + "&v=" + vid; d.querySelector('head').appendChild(js); })(document, 'cfihNI64iMZp', '1'); </script> <script type="text/javascript"> function removeListrak(element) { (function (d) { if (typeof _ltk == "undefined") { if (document.addEventListener) document.addEventListener("ltkAsyncListener", function () { _ltk_util.ready(d) }); else { e = document.documentElement; e.ltkAsyncProperty = 0; e.attachEvent("onpropertychange", function (e) { if (e.propertyName == "ltkAsyncProperty") { _ltk_util.ready(d) } }) } } else { _ltk_util.ready(d) } })(function () { /********** Begin Custom Code **********/ // REPEAT THIS FUNCTION FOR EVERY CART ITEM //_ltk.SCA.AddItemWithLinks(sku, quantity, price, title, imageURL, productURL); _ltk.SCA.Submit(); }); } function listrakAlert(email) { (function (d) { if (typeof _ltk == "undefined") { if (document.addEventListener) document.addEventListener("ltkAsyncListener", function () { _ltk_util.ready(d) }); else { e = document.documentElement; e.ltkAsyncProperty = 0; e.attachEvent("onpropertychange", function (e) { if (e.propertyName == "ltkAsyncProperty") { _ltk_util.ready(d) } }) } } else { _ltk_util.ready(d) } })(function () { /********** Begin Custom Code **********/ _ltk.SCA.CaptureEmail(email); }); } </script> <link rel="stylesheet" type="text/css" href="/include/css/mainNew.css" /> <script type="text/javascript"> //WS@10.1.1.11@ </script> <!-- WS@10.1.1.11@ --> <script type="text/javascript" src="/aQtC3rh6f4fMnks0g2hga9JgrTk/tiYEbctpQkai/OH4vDE9pBQ/eko/jeXNvRGU"></script></body> </html>