Web Design: A Beginner's Guide Second Edition / Edition 2

Web Design: A Beginner's Guide Second Edition / Edition 2

by Wendy Willard
     
 

ISBN-10: 0071701346

ISBN-13: 9780071701341

Pub. Date: 04/30/2010

Publisher: McGraw-Hill Professional Publishing

Essential Skills—Made Easy!

Create professional-quality web sites in no time with help from hands-on tutorials. Fully updated to cover the latest technologies and techniques, Web Design: A Beginner's Guide, Second Edition, explains how to analyze site requirements and create a web-development proposal to plan and document your project. You'll

…  See more details below

Overview

Essential Skills—Made Easy!

Create professional-quality web sites in no time with help from hands-on tutorials. Fully updated to cover the latest technologies and techniques, Web Design: A Beginner's Guide, Second Edition, explains how to analyze site requirements and create a web-development proposal to plan and document your project. You'll learn how to design an attractive, easy-to-use web site, focusing on key issues such as color, layout, navigation, typography, and images. Discover how to incorporate JavaScript, cascading style sheets (CSS), HTML/XHTML, Flash, and more to take your design from mockup to code. Boosting web site traffic through search engine optimization, e-mail design, and online advertising is also covered in this fast-paced guide.

Designed for Easy Learning

  • Key Skills & Concepts—Chapter-opening lists of specific skills covered in the chapter
  • Ask the Expert—Q&A sections filled with bonus information and helpful tips
  • Notes—Extra information related to the topic being covered
  • Tips—Helpful reminders or alternate ways of doing things
  • Annotated Syntax—Example code with commentary that describes the programming techniques being illustrated

Ready-to-use code at www.mhprofessional.com/computingdownload

Wendy Willard is a designer, consultant, writer, and educator who has been involved in web design for more than 13 years. She is the author of HTML: A Beginner's Guide, Fourth Edition, and other books.

Read More

Product Details

ISBN-13:
9780071701341
Publisher:
McGraw-Hill Professional Publishing
Publication date:
04/30/2010
Series:
Beginner's Guide Series
Pages:
384
Product dimensions:
7.30(w) x 9.00(h) x 0.90(d)

Table of Contents

Acknowledgments

Introduction

PART I Planning

1 Asking the Right Questions 3

Who 5

Who is the Development Team? 5

Who is the Author? 9

Who is the Target Audience? 9

Who will Maintain the Site? 12

Why 13

What are the Goals? 14

What Functions will the Target Audience Perform? 17

What 20

Where 21

When 21

How 22

What Standards/Technologies will be Used? 22

What Development Tools will be Used? 25

Summary 27

2 Formulating the Answers 29

Documentation 30

Development Lifecycles 32

The Proposal 32

Purpose 33

Scope/Statement of Work 33

Conditions/Assumptions 34

Hosting 42

Personal Site Hosting 43

Business Site Hosting 44

Cost 47

Schedule 48

Biographies 48

Site Map 48

Information Architecture 48

Content Organization 51

Measuring Success 56

Usability Testing 56

Summary 57

PART II Designing

3 Anticipating Web-Specific Design Issues 61

Deciding Which Design Tools to Use 62

Adobe Photoshop 63

Adobe Fireworks 64

Other Options 64

Screen Design Considerations 65

Platforms 65

Code 73

Browsers 75

Color 77

Bandwidth 78

Fonts 81

Summary 84

4 Laying the Groundwork for Good Design 85

Inspiration 86

Navigation 87

Selecting a Navigation Scheme 87

Choosing Visual Metaphors to Support the Navigation Scheme 91

Layout 92

Content Hierarchy 93

Wireframes 95

Transitions 98

Progress Check 100

Color 100

Use the Right Amount of Color 100

Use Adequate Contrast 103

Consider Color Meaning 105

Create Harmonious Color Schemes 106

Use 3D Effects to Add Richness 107

Finding Stock Media 108

Creating Design Mockups 109

Sharing Copies of Your Mockups 110

Summary 112

5 Preparing for Production 113

Identifying Individual Page Elements for Layout 114

Recognize Graphic File Formats for the Web 120

Terminology 121

GIF 124

JPEG 126

PNG 127

Choose the Best File Format for the Job 127

Adding Interactivity to Design Files 128

Rollovers 128

Form Elements 130

Animation 132

Slicing the Designs 133

Using Guides 137

Identifying Slices 138

Summary 139

6 Producing the Design 141

Saving Images from Design Applications 142

Save a GIF 142

Save a JPEG 145

Save a PNG 146

Choosing the Best File Format 147

Exporting Whole Designs 152

Naming Slices 152

Exporting Slices 155

Exporting HTML 157

Using Flash 165

Transferring to Flash 167

Learning More about Flash 169

Summary 170

PART III Coding

7 Getting Started with the Code 175

Creating the File Structure 176

Opening and Saving Files 179

Basic HTML Page Code 183

Page Tags 184

Specifying the Document Type 186

Validating Against These Doctypes 187

Meta Data 187

Header Content 189

Page Title 189

Scripts 190

Basic CSS Code 191

Types of Style Sheets 192

Coding Etiquette 195

Summary 196

8 Structuring Content 197

Setting up Content Areas 198

Identifying Natural Divisions 198

Using HTML to Contain the Content 200

Paragraph Breaks 201

Headings 202

Lists 203

Tables 203

Forms 205

Adding Links 212

Link Paths 213

Interior Links 214

Other Links 214

Using HTML to Add Images 215

Image Height and Width 215

Alternative Text 216

Progress Check 217

Summary 218

9 Styling Content 219

Setting the Style 220

Selectors 221

Changing Font Characteristics 224

Font Families 226

Other Font Styles 227

Setting the Base Font Characteristics 228

Styling Links 228

Beyond Colors 229

Styling Lists 230

Using Lists for Navigation 230

Customizing Form Fields 233

Progress Check 235

Summary 235

10 Positioning Content 237

Understanding Box Properties 238

Box Properties 240

Adjusting Basic Alignment 243

Using Floats 244

Using CSS Positioning 246

Relative Positioning 247

Fixed and Absolute Positioning 247

Browser Behavior 250

Layering 250

Centering 252

CSS Backgrounds 253

Image Rollovers with CSS 255

Progress Check 258

Summary 260

11 Integrating Dynamic Content 261

Meeting the Site Goals 262

Adding Multimedia Content 264

Linking to Multimedia 264

Embedding Multimedia 265

Adding Scripts 271

JavaScript Quick Primer 271

Sample Script: Automatically Adding the Date to a Page 273

Sample Script: Creating a Dynamic Navigation Bar 274

Additional Resources 277

Spreading the Word with RSS 278

Using Blog Templates 280

Comparing the Hosted Blogging Options 281

Creating a Blog 282

Hosting Your Own Blog 283

Adding Other Third-Party Content 286

Summary 288

PART IV Going Live

12 Publishing Content 291

Testing 293

Test Environment 293

Test Checklist 294

Usability 296

Uploading to a Live Server 298

Desktop FTP Programs 298

Web-based FTP 302

Updating the Documentation 302

Creating a Style Guide 305

Review Site Logs 306

Maintenance and Upgrades 308

Summary 309

13 Advertising Your Site 311

Helping Searchers Find Your Site 312

How Search Engines Work 313

How Sites Get Listed 317

How Sites Increase Ranking 317

Increasing your Audience Through E-mail 319

The Purpose of E-mail is to Communicate 320

The end User Display is Unknown 321

Plain-Text E-mail is Safer and Smaller 321

HTML E-mail is more Visually Appealing 321

Don't Send Spam 322

E-mail the Right People 323

Always Provide a Way to Opt out 323

Adhere to other FTC Rules 323

Identify the Necessary Tools for the Task 324

Send Live Web Pages with a Personal E-mail Account 324

Using an E-mail Service Provider 325

Design and Code for E-mail Readers 326

CSS Support 328

Testing 329

Summary 332

A HTML/CSS Reference Table 333

Generic Attributes 334

Group Type: Core 334

Group Type: Events 335

Group Type: Intl 335

HTML Tags 335

CSS Properties 347

Index 355

Read More

Customer Reviews

Average Review:

Write a Review

and post it to your social network

     

Most Helpful Customer Reviews

See all customer reviews >