... bottom of the screen Click the octagon buttons in the main content to see an assortment of animations Click the buttons at the bottom of the screen to navigate tothe different pages of the presentation ... Vertically checkbox in thePages section of the panel To customize thePages panel display, choose Panel Options from the panel menu Drag the Preview panel just tothe left of thePages panel and drop ... over the thumbnails to see the button rollover effect, and then click the thumbnails to display large versions of their images Click the Flora button on the navbar (navigation bar) and explore the...
... vii 2000 The year web standards broke, The year web standards broke, The year web standards broke, The year the bubble burst 2001 121 121 122 122 122 122 The Obligatory Glossary 123 Web Lingo ... Platform-Agnostic Point #2: TheWeb Is Device-Independent Point #3: TheWeb Is Held Together by Standards 27 27 29 29 The 18-Month Pregnancy 31 Chocolatey Web Goodness ’Tis a Gift to Be Simple Democracy, ... provided technical editing on the topics of XML, XHTML, and other web- related topics and was the development editor for Jeff Veen’s recent bestseller, The Art and Science of Web Design, published by...
... directors are eager to take their talents totheWeb but aren’t sure how On the other, web agencies could not find enough good web designers to get their work done The Populi program was designed to ... you wrote to say it stank) Thanks to all theweb designers and developers who joined TheWeb Standards Project Hello? Thanks to Tim Berners-Lee for inventing theWeb Thanks totheWeb s first ... performing these tasks on the World Wide Web (the Web, to its friends) If you’ve picked up this book, you’re either doing the work already, thinking of migrating tothe field, or considering adding web...
... Design for theWeb is different It’s different because webpages don’t just sit there; they things More importantly, they allow visitors to things Magazine pages may be beautiful (or not) but the reader’s ... When web designers make the same mistake, potential readers and customers are thwarted in 04 0732 CH02 4/24/01 11:14 AM Page 17 Taking Your Talent totheWeb their desire to use the site The folks ... After designers and their clients grasped theWeb s commercial potential, they began seeking ways to make webpages look as good as other professional publications Today, web standards such as...
... levels and stored as a series of related files on theweb server When the visitor’s browser requests the file, the server checks to determine the visitor’s connection speed and responds with the appropriately ... be your best friend as theWeb and your career move forward Which brings us to Point #3 Point #3: TheWeb Is Held Together by Standards To design websites, you will have to learn technologies ... then stored on a cookie on the visitor’s hard drive, allowing the user to return tothe site without having to undergo the tedious log-in process each time Advertisers and site owners foam at the...
... Talent totheWeb 53 There are limits to how wide a web layout may be stretched before it begins to look ludicrous, but the goal is not to provide hours of “squash and stretch” fun for web users (They’re ... task bar, while the top of the screen is taken up with browser chrome (the buttons and text entry fields that allow users to navigate the Web) In Mac OS, the right-hand side of the screen is reserved ... going to perform this exercise anyway.) The goal is to provide a site that seems to naturally fit each visitor’s monitor This makes the visitor feel right at home, thereby encouraging her to spend...
... painful that truth may be The honesty of these stories enables the storyteller to get well and his listeners to identify with the problem his story demonstrates The prototype web interface parallels ... of web designers since the earliest days of professional design on theWeb Another advantage to GammaToggle FKEY is that it is software-independent In other words, you can toggle from Mac to ... and warmth totheWeb Appropriate Graphic Design Interactivity can go a long way toward simulating the effect of the “touch.” For instance, when you move your mouse over or press the buttons at...
... lingers in the mind When traditional designers and art directors take their talent tothe Web, their consummate understanding of the power of the image would seem to position them as the ideal ... sentence because they alienate potential readers, members, or customers rather than reassuring them that they’ve come tothe right place Good web design plunges the visitor into the exact content ... action: the Gap site presents visitors with an overall menu bar but does not limit them to it Clicking the model’s photograph… Figure 3.3 …links the visitor to a page displaying the jacket the model...
... screens, it may be time to present the 05 0732 CH03 4/24/01 11:16 AM Page 93 Taking Your Talent totheWeb reader with an arrow (or other page indicator) allowing them to move on tothe next page of ... visiting the resulting sites, your client and you can toast your superiority tothe rest of humanity and then hurry on tothe next failure When bad web designers die and go to Hell, they will ... customers to a competitor’s site 05 0732 CH03 4/24/01 11:16 AM Page 97 Taking Your Talent totheWeb STOCK OPTIONS (PROVIDING ALTERNATIVES) Users employ a variety of means to access the Web, ...
... sticking it there throughout the site 05 0732 CH03 4/24/01 11:16 AM Page 103 Taking Your Talent totheWeb 103 Figure 3.19 What’s the “best” place for navigational menus? That’s up totheweb designer ... Talent totheWeb ney’s customer anyway A certain elitism was as much as part of the interface as it is of the store The Barney’s site may not exemplify democratic humanism, but it is a perfect web ... MENTIONED THESE THINGS The events we just mentioned set the stage for the Internet and thus eventually for theWeb Gutenberg’s invention sets in motion the concept that information belongs tothe people...
... George Olsen, forms TheWeb Standards Project (WaSP) at www.webstandards.org The group hopes to persuade browser makers to support common standards so theWeb can evolve rationally The W3C, which ... code in the hopes that thousands of programmers around the world will join together to create a newer, better version of the Netscape browser The open source project for the Netscape Navigator source ... category is one of the largest growth areas of the Web, so you may find yourself stuck, er, asked to design extranet sites anyway Websites are websites whether they’re designed for the general public...
... 141 Taking Your Talent totheWeb Using HTML to lay out webpages does not make you a web designer—nor does making pretty pictures in Photoshop A web designer, like any other designer, is a communications ... bigger Use the client’s color palette But on a deeper level, theweb designer doesn’t merely “use the client’s colors” and slap the client’s logo on a web page Theweb designer uses the site to express ... a Web Designer, Anyway?: What We Have Here Is an Opportunity to Communicate Figure 6.1 Did the designers of IBM’s website (www.ibm.com) succeed in their quest to translate the IBM brand to the...
... but theweb designer plays an essential part Indeed, theweb designer is often the only person in the room who even thinks about the end user The project manager is scheming ways to get the project ... be essential throughout the process If the client does not trust theweb designer in the beginning of the cycle, the project will begin to self-destruct further down the line 10 0732 CH07 4/24/01 ... logo bigger They still prefer the obvious tothe original They still know just enough to be dangerous to themselves and the project Identify color comps You’ve finally determined the direction;...
... Your Talent totheWebThe updating game In the early days, clients viewed theweb designer as a species of magician They knew they had to have a web presence, whatever that meant, and they felt ... and beyond The communication travels both ways At times the technologist will explain intentions or limitations totheweb designer; at other times theweb designer calls the shots Web designers ... to see it there on all pages Such consistency reassures visitors that they are still in the same “place” on theWeb After all, theWeb is a fluid and limitless medium, and the client’s site is just...
... Navigator, Opera, and iCab The table is used not to present tabular data (such as the contents of a spreadsheet) but rather to hold images in place Setting the border to “0” disguises the tabular ... paragraph before starting the image tag, the browser has to guess whether you intend the image to be part of the paragraph or to follow it Depending on what the browser guesses, your image ... Talent totheWeb “knows” what other tags on the page are doing An HTML tag does not Neither does an XHTML tag (at least, not yet) But XHTML follows the rules of XML, chief among them the demand...
... Talent totheWeb With an autofocus camera, the man in the striped hat will be in perfect focus; too bad if you wanted to focus on the bird in the bush Likewise, even with an advanced WYSIWYG editor, ... editors to autofocus cameras is probably unfair tothe cameras Yes, these WYSIWYG programs are getting much better Yes, a substantial number of pros use them, particularly to rough out webpages ... business -to- business sites will include only the , , and tags After all, AT&T does not need its customers to know who designed the site, what tool they used to edit the...
... Dicing To turn a comp into a web page, most professionals find themselves slicing the comp into smaller component images and using HTML markup to put the pieces back together Photoshop and ImageReady ... adding web work to an existing repertoire of design services, you will want to use the tools you know And that means Photoshop/ImageReady and Illustrator You will encounter Fireworks in some web ... how they will appear to, say, a person with red/green color deficit (deuteranopia) From Theory to Practice The following three exercises introduce you tothe effects of dithering, describe how to...
... to minimize wasted bandwidth and speed the arrival of theweb page We’ve shown you how Photoshop optimizes images when preparing them for the Web, so you know all you need to know to handle the ... Photoshop 5.5 and higher, together with ImageReady, offers a number of tools to help web designers create the best-looking image while using the least amount of bandwidth Photoshop’s Save For Web ... in photographs and other continuous-tone images JPEG is therefore usually the format of choice when creating photographic images for theWeb Like GIF, JPEG is widely supported in visual web browsers...
... 72ppi on the Web. ) Select the type tool Click in the image to set an insertion point Enter some text in the Type Tool dialog box (Photoshop 5.5) or directly on the image (Photoshop 6) Format the text ... chapter? Download the Illustrator version and use it to develop logos and other graphics intended for theWeb Before copying Illustrator artwork to Photoshop, convert to RGB via Illustrator’s Filter, ... in the Photoshop program itself With Photoshop 5.5, having dragged guides, you “Jump to ImageReady” via the File menu and automatically convert your guides to slices at the touch of a button...
... While they work in most browsers, these tags and tricks slow down webpages and contribute to bandwidth problems by forcing the user to download unnecessary text (namely, the tags themselves) They ... Designers: CSS tothe Rescue…Sort of By means of these stunts, theWeb began to look better on the surface, but the markup that was supposed to hold it together was becoming less and less meaningful, ... her system, the type will be displayed in Arial If Arial is not available, a generic sans serif will be used Finally, margin-top: tells the browser to start theweb page at the top of the browser...