HTML 4
ABOUT THIS BOOK HOW TO USE THIS BOOK THREE PRESUMPTUOUS ASSUMPTIONS HOW THIS BOOK IS ORGANIZED PART I: GETTING TO KNOW (X)HTML PART II: FORMATTING WEB PAGES WITH (X)HTML PART III: TAKING PRECISE CONTROL OVER WEB PAGES PART IV: INTEGRATING SCRIPTS WITH HTML PART V: HTML PROJECTS PART VI: THE PART OF TENS PART VII: APPENDIXES ICONS USED IN THIS BOOK WHERE TO GO FROM HERE PART I: GETTING TO KNOW (X)HTML WEB PAGES IN THEIR NATURAL HABITAT HYPERTEXT MARKUP BROWSERS WEB SERVERS ANATOMY OF A URL (X)HTML’S COMPONENT PARTS HTML AND XHTML: WHAT’S THE DIFFERENCE? SYNTAX AND RULES ELEMENTS ATTRIBUTES ENTITIES PARTS IS PARTS: WHAT WEB PAGES ARE MADE OF ORGANIZING HTML TEXT IMAGES IN HTML DOCUMENTS LINKS AND NAVIGATION TOOLS BEFORE YOU GET STARTED CREATING A PAGE FROM SCRATCH STEP 1: PLANNING A SIMPLE DESIGN STEP 2: WRITING SOME HTML STEP 3: SAVING YOUR PAGE STEP 4: VIEWING YOUR PAGE EDITING AN EXISTING WEB PAGE POSTING YOUR PAGE ONLINE PLANNING YOUR SITE MAPPING YOUR SITE BUILDING SOLID NAVIGATION PLANNING OUTSIDE LINKS HOSTING YOUR WEB SITE HOSTING YOUR OWN WEB SITE USING A HOSTING PROVIDER GETTING YOUR OWN DOMAIN MOVING FILES TO YOUR WEB SERVER ESTABLISHING A DOCUMENT STRUCTURE LABELING YOUR (X)HTML DOCUMENT ADDING AN HTML DOCTYPE DECLARATION ADDING AN XHTML DOCTYPE DECLARATION THE <HTML> ELEMENT ADDING THE XHTML NAMESPACE ADDING A DOCUMENT HEADER GIVING YOUR PAGE A TITLE DEFINING METADATA AUTOMATICALLY REDIRECTING USERS TO ANOTHER PAGE CREATING THE (X)HTML DOCUMENT BODY MARVELOUS MISCELLANY FORMATTING TEXT PARAGRAPHS HEADINGS CONTROLLING TEXT BLOCKS BLOCK QUOTES PREFORMATTED TEXT LINE BREAKS HORIZONTAL RULES ORGANIZING INFORMATION NUMBERED LISTS BULLETED LISTS DEFINITION LISTS NESTING LISTS TEXT CONTROLS AND ANNOTATION BASIC LINKS LINK OPTIONS COMMON MISTAKES CUSTOMIZING LINKS NEW WINDOWS LOCATIONS IN WEB PAGES NON-HTML RESOURCES THE ROLE OF IMAGES IN A WEB PAGE CREATING WEB-FRIENDLY IMAGES ADDING AN IMAGE TO A WEB PAGE LOCATION OF THE IMAGE USING THE <IMG /> ELEMENT ADDING ALTERNATIVE TEXT SPECIFYING IMAGE SIZE SETTING THE IMAGE BORDER CONTROLLING IMAGE ALIGNMENT SETTING IMAGE SPACING IMAGES THAT LINK TRIGGERING LINKS BUILDING IMAGE MAPS ADVANTAGES OF STYLE SHEETS WHAT CSS CAN DO FOR A WEB PAGE WHAT YOU CAN DO WITH CSS CSS STRUCTURE AND SYNTAX SELECTORS AND DECLARATIONS WORKING WITH STYLE CLASSES INHERITING STYLES USING DIFFERENT KINDS OF STYLE SHEETS INTERNAL STYLE SHEETS EXTERNAL STYLE SHEETS UNDERSTANDING THE CASCADE MANAGING LAYOUT, POSITIONING, AND APPEARANCE DEVELOPING SPECIFIC STYLES EXTERNALIZING STYLE SHEETS MULTIMEDIA VISUAL MEDIA STYLES PAGED MEDIA STYLES COLOR VALUES COLOR NAMES COLOR NUMBERS COLOR DEFINITIONS TEXT LINKS BACKGROUNDS FONTS FONT FAMILY SIZING POSITIONING TEXT TREATMENTS THE CATCHALL FONT PROPERTY WHAT TABLES CAN DO FOR YOU TABLE BASICS SKETCHING YOUR TABLE DEVELOPING LAYOUT IDEAS DRAFTING THE TABLE CONSTRUCTING BASIC TABLES COMPONENTS LAYOUT ADDING BORDERS ADJUSTING HEIGHT AND WIDTH PADDING AND SPACING SHIFTING ALIGNMENT ADDING SPANS COLUMN SPANS ROW SPANS POPULATING TABLE CELLS TESTING YOUR TABLE TABLE-MAKING TIPS FOLLOWING THE STANDARDS SANITIZING MARKUP NESTING TABLES WITHIN TABLES AVOIDING DENSE TABLES ADDING COLOR TO TABLE CELLS WHAT JAVASCRIPT CAN DO FOR YOUR PAGES ARRANGE CONTENT DYNAMICALLY WORK WITH BROWSER WINDOWS SOLICIT AND VERIFY USER INPUT BUT WAIT THERE’S MORE! INCLUDING SCRIPTS IN WEB PAGES USING THE SAME SCRIPT ON MULTIPLE PAGES EXPLORING THE JAVASCRIPT LANGUAGE BASIC SYNTAX RULES VARIABLES AND DATA TYPES OPERATING ON EXPRESSIONS WORKING WITH STATEMENTS LOOPS FUNCTIONS ARRAYS OBJECTS EVENTS AND EVENT HANDLING DOCUMENT OBJECT MODEL (DOM) REFERENCES AND RESOURCES USES FOR FORMS SEARCHES DATA COLLECTION CREATING FORMS STRUCTURE INPUT TAGS VALIDATION PROCESSING DATA USING CGI SCRIPTS AND OTHER PROGRAMS SENDING DATA BY E-MAIL DESIGNING USER-FRIENDLY FORMS ADDING ROLLOVERS TO YOUR PAGES IMAGE ROLLOVERS WITH JAVASCRIPT TEXT ROLLOVERS WITH CSS DISPLAYING DYNAMIC CONTENT ON YOUR PAGE HTML AND JAVASCRIPT JAVASCRIPT AND DOM DISPLAYING POP-UP WINDOWS WORKING WITH COOKIES OVERVIEW AND DESIGN CONSIDERATIONS AUDIENCE ANALYSIS COMPONENT ELEMENTS PAGE MARKUP YOUR HOME PAGE LOOKING GOOD DESIGNING YOUR AUCTION PAGE PRESENTATION ISSUES TO CONSIDER USING A TEMPLATE FOR PRESENTING YOUR AUCTION ITEM ISSUES TO CONSIDER WHEN DESIGNING YOUR SITE BASIC ELEMENTS OF A COMPANY’S WEB SITE THE HOME PAGE THE PRODUCTS PAGE THE CONTACT PAGE THE STYLE SHEET DISSECTING A PRODUCT CATALOG CHOOSING A SHOPPING CART PAYPAL OTHER E-COMMERCE SOLUTIONS INCORPORATING A PAYPAL SHOPPING CART HTML EDITORS HELPER EDITORS WYSIWYG EDITORS GRAPHICS TOOLS PHOTOSHOP ELEMENTS: THE AMATEUR CHAMP PROFESSIONAL CONTENDERS LINK CHECKERS WEB LINK VALIDATOR: THE CHAMP CONTENDERS HTML VALIDATORS W3C VALIDATOR BUILT-IN VALIDATORS FTP CLIENTS SWISS ARMY KNIVES CONCENTRATE ON CONTENT NEVER LOSE SIGHT OF YOUR CONTENT STRUCTURE YOUR DOCUMENTS AND YOUR SITE GO EASY ON THE GRAPHICS, BELLS, WHISTLES, AND HUNGRY DINOSAURS MAKE THE MOST FROM THE LEAST BUILD ATTRACTIVE PAGES CREATE WELL-FORMULATED HTML AND TEST KEEP TRACK OF THOSE TAGS AVOID BROWSER DEPENDENCIES NAVIGATING YOUR WILD AND WOOLLY WEB KEEP IT INTERESTING AFTER IT’S BUILT! THINK EVOLUTION, NOT REVOLUTION BEATING THE TWO-DIMENSIONAL TEXT TRAP OVERCOME INERTIA THROUGH VIGILANCE AVOID DEAD ENDS AND SPELLING FAUX PAS MAKE A LIST AND CHECK IT — TWICE MASTER TEXT MECHANICS KEEP YOUR PERISHABLES FRESH! LACK OF LIVE LINKS — A LOATHSOME LEGACY WHEN OLD LINKS MUST LINGER MAKE YOUR CONTENT MIRROR YOUR WORLD CHECK YOUR SITE, AND THEN CHECK IT AGAIN! LOOK FOR TROUBLE IN ALL THE RIGHT PLACES COVER ALL THE BASES WITH PEER REVIEWS USE THE BEST TOOLS OF THE TESTING TRADE SCHEDULE SITE REVIEWS LET USER FEEDBACK FEED YOUR SITE FOSTER FEEDBACK IF YOU GIVE TO THEM, THEY’LL GIVE TO YOU!