Web Design

by Willard, Wendy

• ISBN13: 9780072133905
• ISBN10: 0072133902
• Format: Paperback
• Copyright: 2001-05-29
• Publisher: MCG

Summary

(Osborne) A basic guide to Web design with HTML and XHTML, and as other Web authoring technologies JavaScript. Features covering of developing text, graphics, tables, frames, forms, scripts, and multimedia, in a self-paced learning format. Includes 1-minute self-assessment drills, projects and exercises, mastery checks, and other features. Softcover.

Table of Contents

Acknowledgments	xiii
Introduction	xiv
PART 1 Preparing for Web Development
Understanding the Medium	3	(52)
The Anatomy of a Web Site	4	(15)
URLs	4	(3)
Web Servers	7	(5)
Internet Service Providers	12	(6)
Web Sites	18	(1)
Web Pages	18	(1)
Web Browsers	19	(2)
More Than Two Browsers	20	(1)
The Importance of Testing	21	(1)
An Overview of Common Web Technologies and Languages	21	(23)
Hypertext Markup Language (HTML)/Extensible Hypertext Markup Language (XHTML)	22	(3)
Extensible Markup Language (XML)	25	(3)
JavaScript	28	(3)
Cascading Style Sheets (CSS)	31	(3)
Dynamic HTML (DHTML)	34	(3)
Active Server Pages (ASP)	37	(4)
CGI---Perl	41	(3)
Coding	44	(3)
Coding ``from Scratch?''	44	(3)
Design and Production Tools	47	(4)
Adobe Photoshop/ImageReady	48	(2)
Macromedia Fireworks	50	(1)
Jasc's Paint Shop Pro	50	(1)
The Tools of the Trade	51	(2)
Mastery Check	53	(2)
Analysis and Planning	55	(46)
Organizing the Team	56	(5)
Management Roles	58	(1)
Creative and Editorial Roles	59	(1)
Technical Roles	60	(1)
Team Dynamics	61	(1)
Documenting the Project	61	(3)
Development Lifecycles	64	(1)
Analyzing the Project	65	(19)
Setting Site Goals	65	(4)
Identifying Your Target Audience	69	(3)
Evaluating the Target Audience	72	(12)
Planning the Structure, Content, and Navigation	84	(11)
Organizing Content	85	(1)
Developing Navigation	86	(9)
Creating a New Minisite	95	(3)
Mastery Check	98	(3)
PART 2 Design and Production
Page Design	101	(50)
Page Size	102	(28)
Exactly How Much Space Is Available on a Web Page?	102	(13)
Ways to Deal with the Inconsistent Live Screen Area	115	(15)
Page Structure	130	(11)
Navigation	131	(6)
Content Hierarchy on the Page	137	(4)
Creating Mockups	141	(6)
Beginning the Design Phase	147	(2)
Mastery Check	149	(2)
Preparing Content for the Web	151	(66)
Using Color	152	(11)
The Birth of the ``Web-Safe'' Palette	154	(3)
The Death of the Web-Safe Palette?	157	(3)
So What Now?	160	(3)
Defining Fonts	163	(8)
Font Faces	163	(3)
Font Sizes	166	(3)
Font Styling	169	(2)
Bringing Graphical Content into Photoshop	171	(7)
Size	172	(2)
Resolution	174	(1)
Color Modes	175	(3)
Laying Out the Page	178	(27)
Page Backgrounds	185	(14)
Ensuring On-Screen Readability	199	(2)
Creating Effective Links	201	(4)
Accessibility	205	(7)
Printers	207	(2)
For International Users	209	(3)
Designing Mockups	212	(2)
Mastery Check	214	(3)
Still Graphics Production	217	(34)
File Formats	218	(16)
Terminology	219	(3)
GIF	222	(5)
JPEG	227	(2)
PNG	229	(3)
Other File Types	232	(2)
Slicing the Designs	234	(10)
Using Guides	240	(1)
Identifying Slices	241	(3)
Choosing the Best File Format for the Job	244	(3)
Preparing Mockups for Production	247	(3)
Mastery Check	250	(1)
Beyond Still Graphics	251	(36)
Determining the Most Appropriate Multimedia for a Site	252	(26)
GIF	254	(5)
Flash (.swf)	259	(5)
Director/Shockwave	264	(1)
Java	265	(1)
JavaScript	266	(2)
DHTML	268	(2)
Quick Time	270	(2)
RealMedia	272	(1)
MP3	273	(2)
Comparison	275	(3)
Integrating Multimedia Components into Mockups	278	(2)
Linked Components	278	(1)
Embedded Components	279	(1)
Checking the Usability of Multimedia	280	(1)
Enhancing Your Web Site	281	(2)
Mastery Check	283	(4)
PART 3 Integration and Testing
Coding the Page Structure	287	(48)
Know Your Server	288	(5)
Server Side Includes	289	(2)
Single-Slash Aliases	291	(2)
Defining the Header Content	293	(13)
Required Tags	296	(1)
Title	297	(3)
Meta Data	300	(3)
Scripts	303	(1)
Style Sheets	304	(2)
Outline the Body Content	306	(21)
Backgrounds and Colors	307	(4)
Positioning and Structure	311	(16)
Pulling it All Together	327	(5)
Header Content	327	(1)
Body Content	328	(1)
Page Layout	329	(1)
Status of Code Development	330	(2)
Working with Page Content	332	(2)
Mastery Check	334	(1)
Formatting Text Content	335	(36)
Paragraphs and Text Structure	336	(8)
Paragraphs	336	(3)
Headings	339	(1)
Quotation Blocks and Text Boxes	340	(2)
Basic Alignment	342	(2)
Adding Emphasis and Additional Formatting	344	(6)
With HTML	344	(2)
With CSS	346	(3)
Special Characters	349	(1)
Lists	350	(3)
Links	353	(9)
Link Paths	354	(1)
Interior Links	355	(1)
E-mail, Newsgroups, and FTP Links	356	(1)
Link Accessibility	357	(1)
Link Targets	358	(4)
Pulling It All Together	362	(5)
Text Formatting	363	(1)
Links	364	(1)
Color	365	(1)
Status of Code Development	365	(2)
Adding Text Content and Links	367	(2)
Mastery Check	369	(2)
Graphics and Multimedia	371	(36)
Integrating Still Graphics	372	(15)
Size and Display Considerations	373	(4)
Alternative Text	377	(3)
Basic Alignment	380	(1)
Using Images as Links	381	(6)
Integrating Multimedia	387	(12)
Embedding	387	(6)
Linking	393	(6)
Pulling It All Together	399	(4)
Status of Code Development	401	(2)
Adding Graphics and Multimedia	403	(3)
Mastery Check	406	(1)
Interactive Elements	407	(46)
Forms	408	(19)
Usability of Content	408	(3)
Layout	411	(13)
Processing Forms	424	(3)
Dynamic Content	427	(14)
Automatically Adding the Date to a Page	430	(1)
Changing Page Elements Each Time the Page Loads	430	(2)
Change Page Elements According to the Cursor's Location	432	(4)
Adding Third-Party Content	436	(2)
Allowing Users to Search Your Site	438	(3)
Pulling It All Together	441	(8)
Rollovers	442	(1)
Randomized Images	442	(2)
Today's Date	444	(1)
Status of Code Development	445	(4)
Developing Web Forms	449	(2)
Mastery Check	451	(2)
Testing and Deployment	453	(88)
Process	454	(9)
Testing	454	(2)
Uploading to a Live Server	456	(7)
Updating the Documentation	463	(7)
Creating a Style Guide	465	(1)
Review Site Logs	466	(4)
Maintenance and Upgrades	470	(4)
Pulling It All Together	474	(5)
Status of Code Development	475	(4)
Practice Testing and Deployment	479	(2)
Mastery Check	481	(4)
PART 4 Appendixes
A Answers to Mastery Checks	485	(10)
Module 1: Understanding the Medium	486	(1)
Module 2: Analysis and Planning	486	(1)
Module 3: Page Design	487	(1)
Module 4: Preparing Content for the Web	488	(2)
Module 5: Still Graphics Production	490	(1)
Module 6: Beyond Still Graphics	490	(1)
Module 7: Coding the Page Structure	491	(1)
Module 8: Formatting Text Content	492	(1)
Module 9: Graphics and Multimedia	492	(1)
Module 10: Interactive Elements	493	(1)
Module 11: Testing and Deployment	494	(1)
B HTML 4 Reference Table	495	(22)
Generic Attributes	496	(1)
Group Type: Core	497	(1)
Group Type: Events	497	(1)
Group Type: Intl	497	(1)
Basic Page Structure	498	(2)
Working with Text	500	(2)
Working with Links	502	(1)
Working with Images and Multimedia	503	(3)
Creating Lists	506	(1)
Using Tables	507	(3)
Developing Frames	510	(2)
Employing Forms	512	(2)
Using Style Sheets and Scripts	514	(1)
Key to Notes Columns	515	(2)
C Special Characters	517	(2)
D Cascading Style Sheets Reference	519	(18)
Introductory Concepts	520	(1)
Selectors	520	(1)
Properties	520	(1)
Declarations and Rulesets	521	(1)
Classes	521	(2)
Value Types	523	(2)
Structure	525	(2)
Advanced Concepts	527	(1)
Formatting Pages	528	(1)
Text Display	529	(2)
Backgrounds	531	(1)
Tables	531	(1)
Lists	532	(1)
Controlling White Space	532	(1)
Borders	533	(1)
Positioning & Page Layout	533	(1)
Formatting for Other Media	534	(3)
E Locating Stock Media, Software, Scripts, and Code	537	(4)
Stock Media	538	(1)
Stock Photography	538	(1)
Clip Art	539	(1)
Online Sources	539	(1)
Software	539	(1)
HTML Editors and Code Development Tools	540	(1)
Graphics Editors	540	(1)
Animation and Multimedia Editors	540	(1)
Scripts and Code	541