Setting the Rename Panel Group dialog box options. Setting the Acronym or Abbreviation dialog box options. Setting Accessibility preferences. Setting the Keyboard Shortcuts dialog box options. Setting Dreamweaver preferences. Setting Up a Dreamweaver Site. About Dreamweaver sites. Understanding local and remote folder structure.
Setting up a new Dreamweaver site. Using the Advanced settings to set up a Dreamweaver site. Setting up a local folder. Setting up a remote folder. Troubleshooting the remote folder setup. Editing settings for a Dreamweaver site. Editing existing websites in Dreamweaver. Editing an existing local website in Dreamweaver.
Editing an existing remote website in Dreamweaver. Setting FTP access options for testing. Setting RDS access options for testing. Setting FTP options for remote access. Setting WebDAV options for remote access. Site Definition Wizard Summary options. Setting Local Info category options. Setting Remote Info category options. Related topics. Setting Remote options for FTP access.
Setting up RDS access. Setting up Microsoft Visual SourceSafe access. Setting the Manage Sites dialog box options. Creating and Opening Documents. Creating new documents. Creating a new blank document. Creating a document based on a Dreamweaver design file. Creating a document based on an existing template.
Saving a new document. Setting a default new document type. Setting the default file extension of new HTML documents. Opening existing documents. Setting the New Document dialog box options. Setting options in the General tab of the New Document dialog box. Setting options in the Templates tab of the New Document dialog box. Setting options in the New Document Preferences dialog box. Working with Dreamweaver Sites. Managing Your Files.
About site management. About background file transfers. About site cloaking. About Design Notes. About dependent files. Accessing sites, a server, and local drives. Setting up Dreamweaver to work without defining a site. Viewing files and folders. Customizing the file and folder details displayed in the expanded Files panel.
Comparing files for differences. Comparing two files. Comparing two local files. Comparing two remote files. Comparing a local file to a remote file. Comparing a remote file to a local file. Comparing an open file to a remote file. Comparing before putting files. Comparing when synchronizing files. Specifying a comparison tool in Dreamweaver. Rolling back files Contribute users.
Managing files and folders in the Files panel. Setting preferences for the Files panel. Working with files in the Files panel. Finding files in your Dreamweaver site. Working with a visual map of your site. Viewing a site map. Modifying the site map layout. Working with pages in the site map.
Showing and hiding site map files. Viewing the site from a branch. Saving the site map. Importing and exporting sites. Removing a Dreamweaver site from your list of sites. Checking in and checking out files. Using WebDAV to check in and check out files. Checking files into and out of a remote folder. Undoing a file check-out. Getting and putting files to and from your server. Getting files from a remote server. Putting files on a remote server.
Managing file transfers. Synchronizing the files on your local and remote sites. Identifying and deleting unused files. Cloaking folders and files in your site.
Enabling and disabling site cloaking. Cloaking and uncloaking site folders. Cloaking and uncloaking specific file types. Uncloaking all folders and files. Storing file information in Design Notes. Enabling and disabling Design Notes for a site. Associating Design Notes with files. Working with Design Notes. Testing your site. Site testing guidelines. Using reports to test your site. Setting the Configure Server dialog box options. Using the Files panel.
Setting Site preference options. Setting File View Columns category options. Setting Select Recently Modified dialog box options. Setting Site Map Layout category options. Setting Synchronize Files dialog box options. Setting the Synchronize dialog box options. Setting the Design Notes category options.
Setting the Design Notes dialog box options. Setting Cloaking category options. Setting Reports dialog box options. Setting Recently Modified dialog box options. Setting the Exporting Site dialog box options. Managing Site Assets and Libraries. About library items. Working with assets. Viewing assets in the Assets panel. Refreshing the Assets panel.
Adding an asset to a document. Applying a color to text using the Assets panel. Applying a URL to an image or text using the Assets panel. Selecting and editing assets. Reusing assets in another site. Creating and managing a list of favorite assets. Adding assets to and removing assets from the Favorites list. Creating a nickname for a favorite asset. Grouping assets in a Favorites folder. Working with library items. Creating a library item.
Inserting a library item in a document. Editing a library item. Setting library highlighting preferences. Editing the properties for a library item. Making library items editable in a document. Editing a behavior in a library item. Using the Assets panel. Setting Library item properties. Managing Contribute Sites with Dreamweaver. About managing Contribute sites. Site structure and page design for a Contribute site.
Site connection for Contribute compatibility. File transfer to or from a Contribute site. Contribute file and folder permissions on the server. Contribute special files. Preparing a site for use with Contribute. Administering a Contribute site using Dreamweaver.
Managing Contribute files using Dreamweaver. Deleting, moving, or renaming a remote file in a Contribute site. Enabling Contribute users to access templates without root folder access. Unlocking a file in a Contribute site. Logging events. Troubleshooting a Contribute site.
Troubleshooting connection problems for a Contribute site. Troubleshooting the Contribute administration tools. Setting options for the Contribute category in the Site Definition dialog box. Laying Out Pages. About layers in Dreamweaver. Understanding layers. HTML code for layers. Inserting a layer. Nesting layers.
Setting layer preferences and properties. Setting layer preferences. Viewing and setting properties for a single layer. Viewing and setting properties for multiple layers. Managing layers. Using the Layers panel. Selecting layers. Changing the stacking order of layers. Changing layer visibility.
Manipulating layers. Resizing layers. Moving layers. Aligning layers. Converting layers to tables. Preventing layer overlaps. Converting between layers and tables.
Animating layers. Using the Timelines panel. Playback options. Moving a layer using a timeline animation. Creating a timeline by dragging a path. Modifying timelines. Changing image and layer properties with timelines. Using multiple timelines. Copying and pasting animations. Applying an animation sequence to a different object.
Renaming timelines. Animation tips for timelines. Inserting div tags for layout. Working with div tags for layout. Changing the highlight color for div tags. Working with CSS layout visualization. About CSS layout visualization. Viewing CSS layout blocks. Using Design-time style sheets with CSS layout blocks. Using rulers, guides, and the grid to lay out pages. Using rulers. Using guides. Using the grid.
Using a tracing image. Setting the Insert Div Tag dialog box options. Setting Div tag properties. Setting the Layers Preferences dialog box options. Setting layer properties. Setting properties for multiple layers. Setting the Convert Layers to Table dialog box options. Setting the Convert Tables to Layers dialog box options. Setting the Grid Settings dialog box options. Setting the Guides dialog box options. Presenting Content with Tables. About tables. Table formatting precedence in HTML.
About splitting and merging table cells. Inserting a table and adding content. Importing and exporting tabular data. Selecting table elements. Selecting a table. Selecting rows or columns.
Selecting cells. Using Expanded Tables mode for easier table editing. Formatting tables and cells. Viewing and setting table, cell, row, and column properties. Editing accessibility attributes for a table. Using a design scheme to format a table.
Resizing tables, columns, and rows. Resizing a table. Resizing columns and rows. Making column widths in code consistent with visual widths. Clearing set widths and heights.
Displaying table and column widths and menus. Adding and removing rows and columns. Splitting and merging cells. Copying, pasting, and deleting cells. Nesting tables. Sorting tables. Setting the Table dialog box options. Setting the Import Tabular Data dialog box options. Setting table properties. Setting cell, row, and column properties. Setting the Format Table dialog box options. Setting the Insert Rows or Columns dialog box options. Setting the Split Cell dialog box options.
Setting the Sort Table dialog box options. Setting the Export Table dialog box options. Laying Out Pages in Layout Mode.
About Layout mode. About viewing table and cell widths in Layout mode. Layout table and cells grid lines. Fixed column width and autostretch columns. Spacer images. Switching from Standard to Layout mode. Drawing in Layout mode. Drawing layout cells and tables.
Drawing a nested layout table. Adding content to a layout cell. Clearing automatically set cell heights. Resizing and moving layout cells and tables. Resizing and moving layout cells. Resizing and moving layout tables. Formatting layout cells and tables. Formatting layout cells. Formatting layout tables. Setting column width. Making a column autostretch or fixed-width. Using spacer images. Setting preferences for Layout mode. Setting layout cell properties. Setting layout table properties.
Setting the Choose Spacer Image dialog box options. Setting the Layout Mode Preferences dialog box options. Using Frames. About frames and framesets. Understanding how frames and framesets work. Deciding whether to use frames. Understanding nested framesets. Working with framesets in the Document window. Creating frames and framesets. Using a predefined frameset. Designing a frameset. Selecting frames and framesets. Selecting frames and framesets in the Frames panel.
Selecting frames and framesets in the Document window. Opening a document in a frame. Saving frame and frameset files. Viewing and setting frame properties and attributes. Viewing and setting frameset properties. Controlling frame content with links. Using JavaScript behaviors with frames. Setting frame Property inspector options. Setting frameset Property inspector options. Setting the Frame Tag Accessibility Attributes dialog box options.
Managing Templates. About Dreamweaver templates. Types of template regions. Templates and template-based documents in Design and Code views. Viewing templates in Design view. Viewing templates in Code view. Viewing template-based documents in Design view. Viewing template-based documents in Code view. Template tag syntax. General syntax rules. Template tags. Instance tags. Links in templates. Nested templates. Server scripts in templates and template-based documents.
Template parameters. Template expressions. The template expression language. The Multiple If condition in template code. Creating a Dreamweaver template. Customizing code coloring preferences for a template.
Setting highlighting preferences for template regions. Creating templates for a Contribute site. Creating editable regions. Inserting an editable region. Selecting editable regions. Removing an editable region. Creating repeating regions.
Creating a repeating region in a template. Inserting a repeating table. Setting alternating background colors in a repeating table.
Using optional regions. Inserting an optional region. Modifying an optional region. Defining editable tag attributes. Specifying editable tag attributes in a template. Making an editable tag attribute uneditable. Creating a nested template. Editing and updating templates. Opening a template for editing.
Manually updating documents that are based on templates. To insert text, simply click to insert your cursor inside the layer and start typing. Note: Placing layers inside tables can lead to misaligned elements. Click to select a layer and then enter pixel values in the L Left and T Top positioning fields in the Properties inspector to specify the number of pixels the layer will be from the top and left edge of the browser window.
You can also use the W and H settings to specify a precise Height and Width of the layer. This is an ideal way to align layers, such as the text and image layers in the middle of this page design.
For example, the blue strip that holds the navigation buttons just below the logo was created as a layer and sized to match the corresponding area in the tracing image. To fill in the background color of a layer, click to select the layer and then use the Background Color well Bg Color in the Properties inspector to specify the color.
Alternatively, you can create a CSS class style with a background color and then apply the style to the layer. The Z index controls which layer appears on top. The higher the number, the higher the layer in the stacking order. You can change the Z index in the Layers panel or the Properties inspector. This is handy for keeping elements together, such as the layer that contains the logo and the layer that contains the black box that surrounds it in this example.
Then, select the Draw Layer icon from the Layout Insert bar, and click-and-drag inside an existing layer to create the new nested layer.
From then on, you can instantly create your favorite kind of layer using the Insert Layer command. However, Dreamweaver's layer tools have one drawback: they create internal styles with generic names like Layer1, Layer2, and so on.
That means you don't get to take advantage of the byte-saving virtues of an external style sheet until you export the styles to an external style sheet, as described on Section 6. In addition, you'll have to take a second to rename these layers to something a little more understandablefor example, changing Layer1 to banner.
Fortunately, the Layers panel makes this easy to do, as shown in Figure So the Draw Layer tool provides ease of use up front, but you'll have to do a bit of work to turn the layers into logically named styles that can be shared by all of the pages in your site.
You're better off taking the time to initially create a layer using the CSS Rule Definition window, as described on Section 8. Previous page. Table of content.
0コメント