11.11.2014 Views

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

Professional Web Design: Techniques and Templates, Fourth Edition

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

14<br />

Chapter 1 ■ Overview of <strong>Web</strong> Development Today<br />

to update as XHTML sites, it usually takes more time <strong>and</strong> costs more to<br />

do so.<br />

5. Many designers have yet to learn discretion when using the power of<br />

multimedia software. Although vector-based images compress well, the<br />

file sizes found on many multimedia sites are still considerably larger<br />

compared to traditional <strong>Web</strong> sites. This is because designers often use too<br />

much animation, graphics, <strong>and</strong> audio, which increases the download time<br />

of a page <strong>and</strong> which isn’t always apparent when a user has broadb<strong>and</strong><br />

access. This goes back to Rule 1: Just because you can does not mean you<br />

should. The issue is not just with the download time of a page. It is also<br />

frustrating, for example, for users to go to a site where they have to see the<br />

same intro animation every time they visit. It should not be required to<br />

have to click past an intro to get into the site.<br />

Note<br />

Because users may view a site at work, it is usually prudent to create the default setting with the<br />

sound off in an animation.<br />

Mortised Philosophy<br />

David Siegel, in his best-selling book Creating Killer <strong>Web</strong> Sites (Hayden Books,<br />

1997), described mortising as piecing two images together using a table. Mortising,<br />

however, can be a much broader term, which represents the philosophy of<br />

piecing together graphics, text, <strong>and</strong> functionality, such as forms, to build striking,<br />

graphically appealing sites that are fast, highly usable, <strong>and</strong> flexible.<br />

Such sites bring together the best of both usability <strong>and</strong> multimedia worlds,<br />

combining them into professional designs that can be viewed by nearly all of<br />

today’s <strong>Web</strong> users (see Figure 1.8). Mortising not only complements the functionality<br />

of a site, but it also enables designers to use techniques that the graphic<br />

design industry has spent decades perfecting without sacrificing download time.<br />

Just because a site looks appealing does not necessarily make it a mortised site.<br />

Mortised sites are about more than aesthetics. Many WYSIWYG (What You See<br />

Is What You Get) HTML editors, such as Microsoft’s Office SharePoint <strong>Design</strong>er<br />

<strong>and</strong> Adobe’s Dreamweaver, allow a novice to create very appealing sites.<br />

Mortised sites are knowledge-driven rather than purely software-driven. This<br />

difference enables a designer to use XHTML, CSS, <strong>and</strong> images in creative ways

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!