In this section, you’ll get a quick overview of the altered tools available through Dreamweaver’s palettes and inspectors, which you’ll learn added about throughout the book.
The Altar palette (Figure 18) holds a accumulating of 58 of the most commonly acclimated accoutrement for architecture Web pages. From the Altar palette, you can quickly admit a graphic, an HTML table, a anatomy that users ample out, and much more.
Figure 18 The Altar palette holds frequently acclimated altar represented by icons. There are seven panels of ons. The Accepted console is arresting in this awning attempt and is the absence console that appears back you first launch Dreamweaver.
The 58 altar are advance out over seven panels, which are all accessible from the Altar palette. The absence console that appears in the Altar palette is the Accepted console apparent in Bulk 18. The Accepted console includes ons that acquiesce you to bound admit images, tables, Macromedia Flash movies, Java applets, and more.
You can appearance or adumbrate the Altar palette by selecting Window | Altar from the certificate window or by acute CTRL F2 (Mac users: COMMAND F2); I would recommend abrogation the Altar palette accessible as you’ll use it frequently when working in Dreamweaver.
When you appetite to admission the altar on a panel, bang the name of the panel at the top of the Altar palette and baddest the new console you would like to display, as apparent in Bulk 19.
Figure 19 You can accept which of the seven panels is displayed in the Altar palette by beat the name of the accepted panel, again selecting the new one to display.
The new console and its associated altar will appear, as apparent in Figure 110.
Figure 110 The Altar palette with the Forms console selected. The tool tips advice you bulk out what icons angle for in Dreamweaver.
As you can see, the Forms console has a cardinal of accessible altar that can be added calmly to your Web page; you’ll apprentice added about these in Affiliate 6, ”Designing a Contact Form.”
Once you’ve acclimated Dreamweaver for a while, you’ll bethink what each icon represents. While you’re familiarizing yourself with the different objects, you can affirm what anniversary article represents by affective your abrasion over ita apparatus tip will pop up that tells you what the figure stands for, as shown in Bulk 110.
By default, Dreamweaver alone displays icons in the Altar palette. If you prefer, you can acclimatize the preferences to appearance icons and the argument that describes each figure for the Altar palette. To about-face on icons and argument for the Objects palette, chase these steps:
From the certificate window, bang Adapt | Preferences.
Select General from the Category box on the larboard ancillary if it isn’t already selected.
On the adapted ancillary of the Preferences chat box, bang on the Object Palette* drop-down card box and baddest Icons and Text, as apparent in Figure 111.
Figure 111 You can adapt Dreamweaver so that the Altar palette displays icons and argument by alteration backdrop in the Preferences Ð General dialog box.
Click OK to accomplish your changes booty effect.
Now that you’ve set up Dreamweaver to appearance icons and argument in the Objects palette, your Forms console should attending like Bulk 112.
Figure 112 The Altar palette’s Anatomy console with icons and text visible.
The Property ambassador (Figure 113) is one of the best frequently used tools in Dreamweaver; it allows you to analysis or adapt the backdrop of any element on a folio in the certificate window after accepting to adapt the HTML source code directly. An aspect on a folio is either an article (i.e., a table, image, or anatomy element) or argument that you accept entered.
Figure 113 The Property ambassador allows you to analysis and adapt the properties of any aspect on a folio in the certificate window.
To appearance or adumbrate the Property inspector, bang Window | Backdrop from the document window or columnist CTRL F3 (Mac users: COMMAND F3).
Using the Property ambassador is absolutely accessible and can save you a lot of time. To use it, artlessly baddest the account you appetite to see backdrop for (for example, the table in Bulk 114) and the backdrop for that aspect (the table) will arise in the Property ambassador (bottom of Bulk 114).
Figure 114 Selecting an aspect aural the certificate window loads that element’s backdrop aural the Property inspector.
The Property ambassador in Figures 113 and 114 is apparent in maximized view, which ensures that you’re seeing all the available properties for the aspect you’ve selected. To abbreviate the Property inspector, artlessly bang on the arrow at the basal adapted bend and it will collapse and booty up beneath allowance on your desktop, like the one in Figure 115.
Figure 115 Beat on the arrow at the basal adapted bend of the Property ambassador will aggrandize or collapse it to betrayal or hide properties.
You’ll apprentice added about alive with the Property ambassador throughout this book.
As acceptable as Dreamweaver is at autograph cipher for you, there may be times when you’ll appetite to adapt a Web page’s antecedent cipher by duke or hand-code something from scratch. By default, Dreamweaver 4 displays the certificate window in a breach view, which includes the Cipher appearance on the top and the Design appearance on the bottom. To adapt or add HTML code, artlessly blazon in the Cipher appearance at the top and the aftereffect will affectation in the Design view, as apparent in Figure 116.
Figure 116 By default, the certificate window displays the Cipher appearance on the top and the Design appearance on the bottom; this is referred to as split view.
If you would like the certificate window to alone affectation the Cipher view, click the Appearance Cipher Appearance on in the certificate window, as apparent in Figure 117.
Figure 117 The HTML Antecedent ambassador allows you to adapt or add HTML and added antecedent cipher by hand.
The History palette (shown in Bulk 118) keeps clue of the assignment you do on a certificate and allows you to copy, replay, undo, and actualize reusable commands out of the accomplish it advance to save you time back assuming repetitive tasks.
Figure 118 The History palette keeps clue of what you do and allows you to replay, copy, or disengage those steps, added more.
To appearance or adumbrate the History palette, bang Window | History from the document window or columnist Shift F10.
Say you’ve created a table with specific ambit and cavalcade and row specifications. Instead of recreating an identical table from scratch, you can have Dreamweaver epitomize that account from the History palette to save you the trouble of architecture a duplicate. To epitomize a antecedent task, chase these steps:
Position your cursor in the certificate window (Code appearance or Design view) where you would like the replayed assignment to be inserted.
In the History palette, highlight the task(s) you would like to replay.
Click the Epitomize on at the basal of the History palette.
When architecture Web pages, it’s adequately accepted to accept to charm some of the aforementioned accomplish you’ve performed in the accomplished on new pages. A accepted example is a table anatomy acclimated to lay out agreeable or a cipher atom that performs a certain function. With Dreamweaver, you can abstain accepting to charm these reusable pieces from blemish or award them in a altered certificate and copy and adhesive the code. Instead, you can use the History palette to save the steps you took and actualize commands. Then, you can artlessly baddest the footfall from the Dreamweaver Commands card and the accomplish are replayed, instantly recreating the table structure, cipher snippet, or whatever abroad you adored as a command.
To save accomplish as a command, chase these steps:
In the History palette, highlight the footfall or accomplish you would like to save as a command.
At the basal adapted bend of the History palette, bang the Save selected accomplish as a command… figure (it looks like a billowing disk). The Save As Command chat box will appear.
In the Save As Command chat box, blazon the different name you would like to give to the command (for example, Table 3×3 75% Width).
The accomplish are now adored as a command.
To epitomize a adored command, chase these steps:
Position your cursor either in Cipher appearance or Design view, area you would like the accomplish in the adored command to be inserted.
Click the Commands menu.
At the basal of the Commands menu, baddest the command you saved, which should be replayed (for example, Table 3×3 75% Width).
Dreamweaver defines an HTML appearance as one or added HTML tags (for instance, B, FONT, CENTER, etc.) that administer formatting to text. While the World Wide Web Consortium’s (W3C’s) HTML 4.0 specification discourages the use of HTML formatting in favor of Cascading Appearance Sheets (CSS), Web developers that still baby to adaptation 3.0 and earlier browsers can still use HTML styles to advice bound and calmly architecture their sites.
The HTML Styles palette (Figure 119) keeps clue of the styles you have available (including those you actualize or edit) and allows you to bound apply those styles by artlessly selecting the argument or article you appetite to administer to them, then selecting the adapted style.
Figure 119 The HTML Styles palette allows Web developers to create, edit, and administer HTML formatting to argument and altar bound and easily.
To appearance or adumbrate the HTML Styles palette, bang Window | HTML Styles from the document window or columnist CTRL F11 (Mac users: COMMAND F11).
You’ll apprentice how to assignment with HTML styles in Affiliate 2, “Working with Text.”
If you appetite to absorb stylesheets into your Web sites, Dreamweaver’s CSS Styles palette (Figure 120) will advice you articulation to existing stylesheet documents, bury stylesheet code, adapt existing declarations, or actualize new ones.
Figure 120 The CSS Styles palette gives you a axial location to add, create, edit, and articulation to CSS code.
To appearance or adumbrate the CSS Styles palette, bang Window | CSS Styles from the document window or columnist Shift F11.
You’ll apprentice how to absorb CSS into your Web pages in Affiliate 9, ”Controlling Argument with Cascading Appearance Sheets,” and Affiliate 12, ”Using Layers to Build a Web Page.”
The Layers palette (Figure 121) keeps clue of all the layers on your Web folio and makes it easier to administer them by acceptance you to do things like modify their z-order, change their anecdotic names, and abundant more. As you insert layers, they are listed from top (newest one added) to basal (first one added). You can change the adjustment of the layers in the Layers palette.
Figure 121 The Layers palette allows you to administer the layers on a Web page.
To appearance or adumbrate the Layers palette, bang Window | Layers from the document window or columnist F2.
You’ll apprentice added about layers and the Layers palette in Affiliate 12, ”Using Layers to Build a Web Page.”
A behavior in Dreamweaver is authentic as a aggregate of an accident and an action. A archetypal archetype of a behavior is a simple angel rollover. An example of an accident is back a user moves the abrasion over an image. This accident triggers an action to occur, such as causing the angel to be replaced by addition one. Another archetype of a behavior is cipher that checks whether a browser is of a certain blazon or version, and if it is, accomplishing article based on that information. The Behavior ambassador (Figure 122) is a absolutely able tool that allows you to add these types of interactivity with a lot beneath accomplishment than having to hand-code aggregate yourself.
Figure 122 The Behavior ambassador allows you to add interactivity (behaviors) to your Web pages with basal work.
To appearance or adumbrate the Behavior inspector, bang Window | Behaviors from the document window or columnist Shift F3.
You’ll apprentice added about behaviors and the Behavior ambassador in Chapter 13, “Using Behaviors to Animate a DHTML Drop-Down Card and Abundant Added . . .”
Dreamweaver allows you to absorb library items into your Web pages to make Web armpit aliment easier. Library items are reusable chunks of text, code, images, or added folio elements that abide amid the <BODY> and </BODY> tags of a Web document. Library items are created already and stored in alone one file, but are referenced from as many files as you appetite on your Web site.
Say that you accept a absorb account at the basal of every folio of your Web site. If you were to archetype the aboriginal HTML for the absorb on every page and again capital to accomplish a simple argument change, you would accept to manually make the change on every page. Instead, you can actualize a Library account out of that copyright statement. You again accommodate a advertence to that Library account on every page on which you appetite it to appear. Back you appetite to amend the item, you change the aboriginal Library account and all the pages that advertence it instantly reflect the change.
The Library palette (Figure 123) displays all of the items in the library book for the accepted site. You can administer the items listed in the Library palette by assuming tasks such as creating new library items, adding existing library items to added pages, deleting library items, renaming library items, and more.
Figure 123 The Library palette displays library items for the current armpit and allows you to administer those items.
To appearance or adumbrate the Library palette, baddest the Library figure from the mini-launcher (it’s the clear of an accessible book) or bang Window | Library from the certificate window.
You’ll apprentice added about library items and the Library palette in Chapter 11, “Library Items and Server-Side Includes.”
The Anatomy ambassador (Figure 124) gives you a beheld representation of the frames in a document. You can bound baddest a anatomy aural a certificate by clicking on the agnate anatomy in the Anatomy inspector. Aural the Frame inspector, you can additionally see the name of anniversary frame, which helps in specifying targets back autograph cross-frame links (like from a aeronautics to a main document frame).
Figure 124 The Anatomy ambassador makes it easier to assignment with Web sites that use a frameset structure.
To appearance or adumbrate the Anatomy inspector, bang Window | Frames or columnist SHIFT F2.
Dreamweaver templates are agnate to Library items. Templates acquiesce a Web developer to bound and calmly advance a armpit by creating a adept document that in about-face controls the attending and feel of agnate documents. Back you accomplish a change to a template, it updates every certificate that is affiliated to the template. This is abundant for advancement a constant attending and feel with aeronautics items, logos, and abundant more.
Templates additionally acquiesce you to actualize abstracts that accept non-editable (or locked) regions and apart (editable) regions. These editable and non-editable regions acquiesce you to empower non-technical agents associates to accomplish text-based edits to abstracts after accepting to anguish about them accidentally modifying or deleting a allocation of code.
The Templates palette (Figure 125) allows you to actualize and manage templates by abacus new areas (locked regions) to a template, alteration existing templates, renaming templates, and more.
Figure 125 The Templates card allows you to administer the editable and non- editable regions on a page.
To appearance or adumbrate the Templates palette, bang Window | Templates.
You’ll apprentice added about templates in Affiliate 10, “Save Time with Templates.”
If anniversary palette and ambassador were alone loaded in your workspace, they would awning the accomplished awning (and more!), so Dreamweaver includes a feature called dockable amphibian palettes. What this agency is that all of the palettes and inspectors except for the mini-launcher, Property inspector, and Armpit window can be dockedor combinedinto one amphibian palette with multiple tabs. This makes it accessible to acquisition the palette or ambassador you appetite while taking up the atomic bulk of awning amplitude possible.
To berth one palette or ambassador with another, bang and annoyance the tab of the palette or ambassador you appetite to move assimilate the palette you appetite to amalgamate it with. Bulk 126 shows the outline of the Behaviors palette as it is being dragged and docked in the aforementioned window as the Templates palette.
Figure 126 To amalgamate assorted palettes or inspectors, bang and drag the tab of one palette or ambassador assimilate the other, again absolution the mouse on.
There’s a lot of ability and functionality accessible through the various palettes and inspectors in Dreamweaver. Throughout the blow of the book, you’ll get a added all-embracing compassionate of the best frequently acclimated objects, palettes, and inspectors, abnormally as you chase forth with the tutorials.
The Modern Rules Of Dreamweaver Order Form Template | Dreamweaver Order Form Template – dreamweaver order form template
| Delightful for you to my blog, within this period I will show you about dreamweaver order form template