Dreamweaver MX Bible

Podobne

Cytat

Do celu tam się wysiada. Lec Stanisław Jerzy (pierw. de Tusch-Letz, 1909-1966)
A bogowie grają w kości i nie pytają wcale czy chcesz przyłączyć się do gry (. . . ) Bogowie kpią sobie z twojego poukładanego życia (. . . ) nie przejmują się zbytnio ani naszymi planami na przyszłość ani oczekiwaniami. Gdzieś we wszechświecie rzucają kości i przypadkiem wypada twoja kolej. I odtąd zwyciężyć lub przegrać - to tylko kwestia szczęścia. Borys Pasternak
Idąc po kurzych jajach nie podskakuj. Przysłowie szkockie
I Herkules nie poradzi przeciwko wielu.
Dialog półinteligentów równa się monologowi ćwierćinteligenta. Stanisław Jerzy Lec (pierw. de Tusch - Letz, 1909-1966)

[ Pobierz całość w formacie PDF ]
.Dreamweavergives you all the tools you need to insert and modify the full range of HTML text quickly andeasily.&' HTML headings are available in six different sizes: through.Headings areused primarily as headlines and subheads to separate divisions of the Web page.104931-6 ch07.F 7/18/02 6:58 AM Page 320Part II &' Web Design and Layout320&' Blocks of text are formatted with the paragraph tag.Each paragraph is separatedfrom the other paragraphs by a line of whitespace above and below.Use the line breaktag, , to make lines appear directly above or below one another.&' Dreamweaver offers a full complement of text-editing tools everything from Cut andPaste to Find and Replace.Dreamweaver s separate Design and Code views make shortwork of switching between text and code.&' Dreamweaver s Find and Replace feature goes a long way toward automating your workon the current page as well as throughout the Web site.Both content and code can besearched in a basic or very advanced fashion.&' Where possible, text in HTML is formatted according to its meaning.Dreamweaverapplies the styles selected through the Text �' Style menu.For most styles, the browserdetermines what the user views.&' You can format Web page text much as you can text in a word processing program.Within certain limitations, you can select a font s size and color, as well as the font face.&' Dreamweaver s HTML Styles feature enables you to consistently and quickly formatyour text.&' HTML comments are a useful (and often requisite) vehicle, which remains unseen bythe casual viewer, for embedding information into a Web page.Comments can annotateprogram code or insert copyright information.In the next chapter, you learn how to insert and work with graphics.&' &' &'114931-6 ch08.F 7/18/02 6:58 AM Page 321C H A P T E RInserting Images 88&' &' &' &'he Internet started as a text-based medium primarily used forTsharing data among research scientists and among U.S.militaryIn This Chaptercommanders.Today, the Web is as visually appealing as any massmedium.Dreamweaver s power becomes even more apparent as youExamining image fileuse its visual layout tools to incorporate background and foregroundformatsimages into your Web page designs.Completely baffled by all the various image formats out there? This Working withchapter opens with an overview of the key Web-oriented graphics foreground andformats, including PNG.This chapter also covers techniques for background imagesincorporating both background and foreground images and modify-Inserting images froming them using the methods available in Dreamweaver.You will alsothe Assets panellearn about animation graphics and how you can use them in yourWeb pages, as well as techniques for creating rollover buttons andModifying imagenavigation bars.height, width, andmarginsWeb Graphic FormatsUsing the lowsrcattributeIf you ve worked in the computer graphics field, you know that virtu-ally every platform as well as every paint and graphics program Aligning and wrappinghas its own proprietary file format for images.One of the critical fac-text around imagestors driving the Web s rapid, expansive growth is the use of cross-platform graphics.Regardless of the system you use to create yourDividing your page withimages, these versatile files ensure that the graphics can be viewedHTML linesby all platforms.Putting graphics intoThe trade-off for universal acceptance of image files is a restrictedmotionfield: just two file formats, with a possible third coming into view.Currently, only GIF and JPEG formats are fully supported by browsers.Adding rolloversA third alternative, the PNG graphics format, is experiencing a limited,but growing acceptance.Inserting navigationalbuttonsYou need to understand the uses and limitations of these formats inorder to apply them successfully in Dreamweaver.Let s look at the&' &' &' &'fundamentals.GIFThe Graphics Interchange Format (GIF) was developed byCompuServe in the late 1980s to address the problem of cross-platform compatibility.With GIF viewers available for every systemfrom PC and Macintosh to Amiga and NeXT, the GIF format became anatural choice for an inline (adjacent to text) image graphic.GIFs arebitmapped images, which means that each pixel is given or mappedto a specific color.You can have up to 256 colors for a GIF graphic.These images are generally used for line drawings, images of text,114931-6 ch08.F 7/18/02 6:58 AM Page 322Part II &' Web Design and Layout322logos, or cartoons anything that doesn t require thousands of colors for a smooth colorblend, such as a photograph.With a proper graphics tool like Macromedia Fireworks, you canreduce the number of colors in a GIF image to a minimum, thereby compressing the file andreducing download time.The GIF format has two varieties: regular (technically, GIF87a) and an enhanced versionknown as GIF89a.This improved GIF file brings three important attributes to the format.First,GIF89a supports transparency, whereby one or more colors can be set to automatically matchthe background color of the page containing the image.This property is necessary for creat-ing nonrectangular-appearing images.Whenever you see a round or irregularly shaped logoor illustration on the Web, a rectangular frame is displayed as the image is loading this isthe actual size and shape of the graphic.The colors surrounding the irregularly shaped cen-tral image are set to transparent in a graphics-editing program (such as MacromediaFireworks or Adobe Photoshop) before the image is saved in GIF89a format.NoteMost of the latest versions of the popular graphic tools default to using GIF89a, so unlessyou re working with older, legacy images, you re not too likely to encounter the less flexibleGIF87a format.Although the outer area of a graphic seems to disappear with GIF89a, you won t be able tooverlap your Web images using this format without using layers.Figure 8-1 demonstrates thissituation.In this figure, the same image is presented twice one lacks transparency, and onehas transparency applied.The image on the left is saved as a standard GIF without trans-parency, and you can plainly see the shape of the full image.The image on the right wassaved with the white background color made transparent, so the central figure seems to floaton the background.Figure 8-1: The same image, saved without GIF transparency (left) and with GIFtransparency (right).114931-6 ch08.F 7/18/02 6:58 AM Page 323Chapter 8 &' Inserting Images323The second valuable attribute contributed by GIF89a format is interlacing.One of the mostcommon complaints about graphics on the Web is lengthy download times.Interlacing won tspeed up your GIF downloads, but it gives your Web page visitors something to view otherthan a blank screen.A graphic saved with the interlacing feature turned on gives the appear-ance of developing, like an instant picture, as the file is downloading.Use of this designoption is up to you and your clients.Some folks swear by it; others can t abide it.Animation is the final advantage offered by the GIF89a format [ Pobierz całość w formacie PDF ]

zanotowane.pl

doc.pisz.pl

pdf.pisz.pl

trendy-girls.htw.pl