Web Design

Table of contents

- Teach Yourself VISUALLY™ Web Design (Page 1)
- Table of Contents (Page 8)
- Chapter 1: The Tools of Web Design and Planning Your Site (Page 16)
- A Brief History of the Web (Page 18)
- Understanding Browsers (Page 20)
- Visual Design Tools (Page 22)
- Code-based Tools (Page 23)
- Graphics Programs (Page 24)
- Understanding the Importance of Planning Your Site (Page 25)
- Understanding Your Audience (Page 26)
- Gather Your Materials (Page 27)
- Plan Your Navigation Structure (Page 28)
- Plan Your File Structure (Page 29)
- Chapter 2: Getting Started with HTML (Page 30)
- Introduction to HTML (Page 32)
- Create Your First Web Page (Page 34)
- Save Your Web Page (Page 36)
- Preview a Page in a Browser (Page 38)
- Declare Your Document Type (Page 40)
- Add Headings (Page 42)
- Add Paragraphs (Page 44)
- Apply Logical Formatting (Page 46)
- Understanding URLs and File Paths (Page 48)
- Link to Other Pages in Your Site (Page 50)
- Link to Pages on the Web (Page 52)
- Link within a Page (Page 54)
- Link to an E-mail Address (Page 56)
- Link to Other Document Types (Page 58)
- Show Tool Tips for Links (Page 60)
- Chapter 3: Creating Images (Page 62)
- Understanding Image Formats (Page 64)
- Legally Acquiring Stock Images (Page 65)
- Understanding Image Optimization (Page 66)
- Download a Stock Image from the Web (Page 68)
- Get to Know the Photoshop Interface (Page 72)
- Get to Know the Photoshop Elements Interface (Page 73)
- Use Photoshop to Fix Colors (Page 74)
- Crop and Resize an Image in Photoshop (Page 76)
- Save an Image for the Web in Photoshop (Page 78)
- Open an Image for Editing in Photoshop Elements (Page 80)
- Use Photoshop Elements to Fix Colors (Page 82)
- Rotate an Image in Photoshop Elements (Page 83)
- Crop an Image in Photoshop Elements (Page 84)
- Resize an Image in Photoshop Elements (Page 85)
- Save an Image for the Web in Photoshop Elements (Page 86)
- Get to Know the Fireworks Interface (Page 88)
- Get to Know the Illustrator Interface (Page 89)
- Create a Button in Fireworks (Page 90)
- Save an Image for the Web in Fireworks (Page 94)
- Create a Logo in Illustrator (Page 96)
- Save an Illustrator Image for the Web (Page 100)
- Add an Image to Your Web Page (Page 102)
- Make Your Images Accessible (Page 104)
- Use Images as Links (Page 106)
- Chapter 4: Formatting Your Pages (Page 108)
- Introduction to CSS (Page 110)
- Create an Embedded Style Sheet (Page 112)
- Understanding Units of Measurement (Page 114)
- Set the Font and Text Size on Your Page (Page 116)
- Understanding Color on the Web (Page 118)
- Determine a Color Scheme Using Kuler (Page 120)
- Set Text Color (Page 122)
- Set a Background Color (Page 123)
- Add a Background Image (Page 124)
- Control Background Image Tiling (Page 126)
- Position Background Images (Page 127)
- Apply Additional Text Formatting (Page 128)
- Indent and Align Text (Page 130)
- Apply Spacing with Padding (Page 132)
- Control Whitespace with Margins (Page 134)
- Specify Widths (Page 136)
- Add Borders (Page 138)
- Chapter 5: Advanced CSS (Page 140)
- Style Multiple Elements (Page 142)
- Format Text with Spans (Page 144)
- Group Elements with Divs (Page 146)
- Apply Styles with Classes (Page 148)
- Apply Styles with IDs (Page 150)
- Use Contextual Selectors (Page 152)
- Use Pseudo-Elements (Page 154)
- Use Pseudo-Classes (Page 156)
- Create an External Style Sheet (Page 158)
- Link a Style Sheet to a Page (Page 160)
- Use the Cascade (Page 162)
- Chapter 6: Laying Out Pages (Page 164)
- Set Up Your Page for CSS Layouts (Page 166)
- Float Elements (Page 168)
- Use Margins and Padding to Fix Float Problems (Page 170)
- Work with Overflow (Page 172)
- Chapter 7: Adding Tables and Lists (Page 174)
- Add Data Tables (Page 176)
- Format Tables with CSS (Page 178)
- Create Complex Tables (Page 180)
- Add a Header Row (Page 182)
- Add Table Sections (Page 184)
- Add an Unordered List (Page 186)
- Add an Ordered List (Page 188)
- Style Lists (Page 190)
- Chapter 8: Creating a Page Visually in Dreamweaver (Page 192)
- Introduction to Dreamweaver’s Interface (Page 194)
- Define a Site in Dreamweaver (Page 195)
- Create a New Document (Page 196)
- Replace the Logo Placeholder (Page 198)
- Replace the Main Content (Page 199)
- Replace the Content in the Sidebar and Footer (Page 200)
- Add Navigation (Page 201)
- Add Images (Page 202)
- Insert a Photoshop Image (Page 204)
- Edit a Photoshop Image in Dreamweaver (Page 208)
- Modify CSS (Page 210)
- Add New Styles (Page 212)
- Preview the Page Using Live View (Page 214)
- Preview the Page in a Browser (Page 215)
- Preview the Page in Other Browsers Using BrowserLab (Page 216)
- Chapter 9: Adding Interactivity and Multimedia (Page 220)
- Introduction to JavaScript and Ajax (Page 222)
- Embed JavaScript in HTML (Page 224)
- Write a Function (Page 226)
- Change the Visibility of an Object (Page 228)
- Create a Menu Using Spry (Page 232)
- Create a Calendar Control with YUI (Page 234)
- Create an Image Gallery with jQuery (Page 236)
- Create Animation Using Flash Professional (Page 240)
- Publish a Flash Movie (Page 244)
- Add a Flash Movie to Your Page in Dreamweaver (Page 245)
- Convert a Video to Flash Video (Page 246)
- Add Flash Video Using Flash Professional (Page 248)
- Add Video with HTML5 (Page 250)
- Chapter 10: Making Sites Accessible (Page 252)
- Understanding Web Standards (Page 254)
- Understanding Web Accessibility (Page 256)
- Add Captions and Summaries to Tables (Page 258)
- Create Accessible Table Headings (Page 260)
- Create Accessible Navigation (Page 262)
- Chapter 11: Adding Forms to Your Site (Page 264)
- Create a Form (Page 266)
- Add a Text Field (Page 268)
- Add a Label (Page 270)
- Add Check Boxes (Page 272)
- Add Radio Buttons (Page 274)
- Create a Drop-Down List (Page 276)
- Insert a Text Area (Page 278)
- Add a Button to Your Form (Page 280)
- Group Related Form Elements (Page 282)
- Chapter 12: Creating Dynamic Pages (Page 284)
- Understanding Dynamic Web Applications (Page 286)
- Download and Install WAMP on Windows (Page 288)
- Download and Install MAMP on a Mac (Page 292)
- Create a Basic PHP Page (Page 294)
- Save and Test a PHP Page (Page 296)
- Process Form Data (Page 298)
- Send E-mail with PHP (Page 300)
- Include External Files (Page 302)
- Create Your Own PHP Function (Page 304)
- Chapter 13: Adding Information from a Database (Page 306)
- Understanding Relational Databases (Page 308)
- Create a Database (Page 310)
- Create a Table (Page 312)
- Populate the Table with Data (Page 314)
- Connect PHP to the Database (Page 316)
- Display the Contents of a Table on a Web Page (Page 318)
- Search the Database (Page 322)
- Insert New Data into a Table with PHP (Page 326)
- Chapter 14: Publishing Your Site and Getting Noticed (Page 330)
- Find a Web Host (Page 332)
- Buy a Domain Name (Page 334)
- Publish Your Web Site Using FTP (Page 336)
- Set Up Remote Server Information in Dreamweaver (Page 338)
- Upload Your Files Using Dreamweaver (Page 340)
- Understanding Search Engine Optimization (Page 342)
- Use Meta Tags (Page 344)
- Use Google Webmaster Tools (Page 346)
- Create a Sitemap (Page 348)
- Prevent Pages from Being Listed on Search Engines (Page 350)
- Appendix A: HTML Colors (Page 352)
- Index (Page 354)