Share these FREE Courses! Why stuff your friend’s mailbox with a copy of this when we can it for you! Just e-mail them the link info – http://www.trainingtools.com Make sure that you visit the site as well: • MORE FREE COURSES • Weekly Tool Tips • Updated course versions • New courses added regularly So don’t copy files or photocopy - Share! End User License Agreement Use of this package is governed by the following terms: A License TrainingTools.com Inc, ("we", "us" or "our"), provides the Licensee ("you" or "your") with a set of digital files in electronic format (together called "the Package") and grants to you a license to use the Package in accordance with the terms of this Agreement Use of the package includes the right to print a single copy for personal use B Intellectual Property Ownership of the copyright, trademark and all other rights, title and interest in the Package, as well as any copies, derivative works (if any are permitted) or merged portions made from the Package shall at all times remain with us or licensors to us This Package is protected by local and international intellectual property laws, which apply but are not limited to our copyright and trademark rights, and by international treaty provisions C Single-User License Restrictions You may not make copies of the files provided in the Package You may not translate and/or reproduce the files in digital or print format You may not rent, lease, assign or transfer the Package or any portion thereof You may not modify the courseware Copyrights and Trademarks No part of this document may be reproduced, stored in a retrieval system, or transmitted in any form or by any means – electronic, mechanical, recording, or otherwise – without the prior written consent of the publisher Netscape Navigator is a trademark of Netscape Communications Corp Windows 3.1, Windows 95, Windows NT, and Internet Explorer are trademarks of Microsoft Corporation All trademarks and brand names are acknowledged as belonging to their respective owners Published by XtraNet 180 Attwell Dr., Suite 130 Toronto, Ontario, Canada M9W 6A9 Phone: 416-675-1881 Fax: 416-675-9217 E-mail: info@xnu.com Copyright © 1999 by XtraNet All Rights Reserved May 2000 First Edition 1234567 TABLE OF CONTENTS CHAPTER 1: HTML Introduction Linear Media Hypermedia What is HTML Markup .2 A Basic Document Course Goal .3 Review Questions Summary CHAPTER 2: Overview of the Dreamweaver Environment Dreamweaver's Environment The Document Window Title Bar Menu Bar .10 Tag Selector 11 Window Size 11 Download Speed 12 Launcher .12 Properties Inspector 14 HTML Source 15 Manipulating Dreamweaver's Environment 16 Setting Preferences .17 Setting Preview in Browser 18 Review Questions 20 Summary 21 CHAPTER 3:The Anatomy of an HTML Document .22 Document Structure 23 Head Elements .24 Page Properties .25 Title .26 Background Image 26 Background 26 Text, Links, Visited Links, Active Links 27 Document Encoding 29 Tracing Image and Image Transparency 30 Inserting Elements 31 Modifying an Element’s Attributes 32 Removing Elements 33 Review Questions 34 Exercises 35 Summary 40 CHAPTER 4: Headings, Paragraphs, and Breaks .41 Headings .42 Paragraph .43 Break .44 Horizontal Rule 46 W (WIDTH) 46 H (HEIGHT) 46 Align 46 Shading 47 Spaces Between Characters 47 Learning Dreamweaver i TABLE OF CONTENTS Review Questions 49 Exercises 50 Summary 51 CHAPTER 5: Character Formatting .52 Character Formatting 53 Format 53 Font .54 Font Size .54 Font Color .55 Bold .55 Italics .55 Alignment 56 Indent 57 Link Controls 57 List Controls 57 Additional Character Formatting Options 58 Basefont 59 Review Questions 60 Exercises 61 Summary 62 CHAPTER 6: Lists 63 List Elements 64 Unordered Lists 64 Ordered Lists .66 Definition Lists .68 Directory Lists .70 Menu Lists 71 Nesting Lists 71 Review Questions 77 Exercises 78 Summary 81 CHAPTER 7: Anchors and URLs 82 Link Elements 83 Anchor 83 Link Types 83 Internal Links .83 Local Links 83 External Links 83 Creating Internal Links 84 Creating Local Links .85 Creating External Links 86 URLs – Uniform Resource Locators 87 HTTP – HyperText Transport Protocol 87 FTP – File Transport Protocol .87 News – News Groups 87 Gopher 88 E-mail – Electronic Mail 88 Telnet – Remote Terminal Emulation 88 Review Questions 89 Exercises 90 Summary 91 ii Learning Dreamweaver TABLE OF CONTENTS CHAPTER 8: Images and Image Maps 92 Supported Image Formats 93 GIF 93 Interlacing 93 Transparency .93 Animated GIFs 93 JPG, JPEG 93 PNG 94 Inserting Images 94 Image Properties 95 Image Name .95 Width and Height 96 Src 96 Link .96 Align 96 Alt .96 V Space, H Space 97 Target 97 Low Src .97 Border .97 Align 97 Map 97 Refresh .97 Edit .97 Background Images 98 Inserting Background Images in Dreamweaver 98 Image Maps 99 Client-side Image Maps 100 Server-side Image Maps 100 Creating Image Maps in Dreamweaver 101 Review Questions 103 Exercises 104 Summary 106 CHAPTER 9: Tables 107 Tables 108 Inserting a Table 109 Rows and Columns 109 Width 109 Border .109 Cell Padding .110 Cell Spacing .110 Selecting Tables, Rows, Columns, and Cells 110 Table Properties 111 Table Name .111 Rows and Columns 111 Table Width 111 Table Height 111 Cellpadding 111 Cellspacing 112 Align 112 Border 112 Clear Row Heights, Clear Column Widths 112 Convert Table Widths to Pixels or Percent 112 Learning Dreamweaver iii TABLE OF CONTENTS V Space, H Space .112 Light Border, Dark Border 112 Background Image, Background Color, and Border Color 113 Row, Column, and Cell Properties 113 Merge Cells 113 Split Cell 115 Alignment within Cells .116 Width and Height 117 No Wrap 117 Header 117 Background Image, Background Color, Border Color 117 Importing Tabular Data .118 Inserting a Navigation Bar 119 Review Questions 122 Exercises 123 Summary 125 CHAPTER 10: Frames 126 Introduction to Frames .127 The Anatomy of a Frames Page 129 Creating a Frames Page in Dreamweaver .130 Frameset Properties 133 Borders 133 Border Width .133 Border Color 133 Column (or Row) and Units .134 Setting Frame Properties 134 Frame Name .135 Src .137 Borders 137 Scroll 137 No Resize 138 Border Color 138 Margin Width and Margin Height 138 Using Frames with the Objects Palette .139 Alternatives to Frames 139 Review Questions 140 Exercises 141 Summary 143 CHAPTER 11: Forms 144 Forms 145 Form Properties 146 Form Element 146 Action 146 Method 146 Name 146 Form Fields 146 Field Types 147 Text Fields 147 Format 147 Character Width .147 Max Characters 147 Type (Single Line, Multi-line, Password 147 Wrap 148 iv Learning Dreamweaver TABLE OF CONTENTS Initial Value .148 Checkboxes 149 Checkbox Properties 149 CheckBox 149 Checked Value 149 Initial State 150 Radio Buttons 150 Radio Button Properties 150 RadioButton 150 Checked Value 151 Initial State 151 List/Menu Box 151 Menu Box Properties 152 List/Menu 152 Type 152 List Values 152 List Box Properties 154 List/Menu 154 Type 154 Height .154 Selections 154 List Values 154 File Field .155 File Field Properties 155 FileFieldName 155 Character Width .155 Maximum Characters .155 Initial Value .155 Hidden Field 156 Hidden Field Properties 156 HiddenField 156 Value 156 Button Field 156 ButtonName 157 Label .157 Action 157 Image Field 158 Jump Field 158 Menu Items 158 Text .158 When Selected, Go to URL 159 Open URLs In .159 Menu Name 159 Options 159 Common Gateway Interface .159 CGI Scripts 159 Intranet Application Development Architectures 160 Simple CGI Program 160 Three Tier Web Application Development 161 Four-Tier Web Application Development 162 Review Questions 163 Exercises 164 Summary 168 Learning Dreamweaver v TABLE OF CONTENTS CHAPTER 12: Special Elements, Plug-ins, Libraries, Templates, History, and the Quick Tag Editor 169 The Meta Element 170 Meta 171 Keywords 172 Description 172 Refresh 173 Base 173 Link 174 Server Side Includes 174 Enabling Server Side Includes in Dreamweaver 175 Inserting Server Side Include Statements with Dreamweaver 176 Using Plug-ins 176 Inserting a Flash or Shockwave Movie .177 OBJECT 177 EMBED 178 Modifying Plug-in Properties 178 Other Plug-ins .179 The Library 180 Templates .182 The History Palette 184 The Quick Tag Editor 187 Insert HTML 187 Edit Tag .187 Wrap Tag 187 Tag Hint .188 Review Questions 189 Exercises 190 Summary 192 CHAPTER 13: Page Layout and Design Considerations 193 Web Development Fundamentals 194 Screen Dimension .194 Additional Dimension Factors .195 HTML Elements that use Pixels 195 Tables 195 Graphics in a Table 196 Frames 196 Images 197 What are Spacer GIFs? 197 Horizontal Rule 197 Color Depth 198 Image Formats .198 Bandwidth 199 Browser Type .199 Browser Version 199 Plug-ins .200 Platform 200 Fonts .201 Common Design Solutions .201 Format .201 Image Maps 202 Layout Tricks .202 Review Questions 203 vi Learning Dreamweaver TABLE OF CONTENTS CHAPTER 14: Cascading Style Sheets .204 Introduction to Cascading Style Sheets 205 Inline Styles 205 Embedded Style Sheets 206 Classes 207 IDs 207 Linked Style Sheets 208 Style Hierarchy 208 Creating Embedded Style Sheets in Dreamweaver 209 Make Custom Style 210 Redefine HTML Tag 210 Use CSS Selector .210 Defining Styles 211 Creating Linked Style Sheets in Dreamweaver 216 Modifying Linked Style Sheets 221 Layers 223 Layers and Cascading Style Sheets 224 Layer Properties 225 Layer ID .225 Layer Position: Left and Top .225 Width and Height 225 Layer Depth: The Z-Index 225 Background Image 225 Visibility .225 Background Color .225 Tag 225 Overflow 226 Clip 226 Layers Window 226 Using Layers to Build Tables .228 HTML Styles 230 Review Questions 232 Exercises 233 Summary 234 CHAPTER 15: Behaviors and JavaScript 235 JavaScript 236 Behaviors .237 Adding and Removing Behaviors 237 Selecting Behaviors for Browser Version and Type 238 Events and Actions .238 Using Behaviors 240 Rollovers 244 Insert Rollover .245 Swap Image Behavior .246 Open Browser Window .247 Review Questions 250 Exercises 251 Summary 252 CHAPTER 16: The Website Development Cycle .253 Website Development 254 The 12 Step Website Development Cycle 255 Pre-Production 256 Learning Dreamweaver vii ... . 130 Frameset Properties 133 Borders 133 Border Width . 133 Border Color 133 Column (or Row) and Units . 134 Setting... 30 9 Fonts / Encoding 31 0 Highlighting 31 1 HTML Colors .31 2 HTML Format 31 3 Indent 31 3 Autowrap... 31 3 Line Breaks .31 3 Case for Tags 31 4 Case for Attributes 31 4 Override Case Of .31 4 Centering 31 4 HTML