- Manufactured in the United States of America . - in the Property Inspector. - Creating columns in the design. - If you prefer, you can click the gray bar at the top of the inspector and drag it to detach it so that it floats in the workspace. - In the example shown in Figure 2-1, Lions is the name of the new site.. - displayed in the Files panel.. - Having the site you’re working on selected in the Files panel is always best.. - The defined site is then opened in the Site Definition dialog box, where you can make changes to any of the settings.. - If you want to create a simple, blank Web page, choose HTML from the Create New list in the middle column (see Figure 2-5).. - Don’t use spaces or special characters in the filename. - but if you search for Folder Options in the Help section, you can find it easily.. - You can add a page title by changing the text in the Title box at the top of the workspace. - Enter alternate text in the Image Tag Accessibility Attributes dialog box.. - Image options are displayed automatically in the Property inspector at the bottom of the page.. - Click the Hyperlink icon in the Common Insert panel, at the top right of the workspace.. - Alternatively, you can set a link by clicking the Browse button (the icon that looks like a file folder) just to the right of the Link field in the Property inspector.. - In the Hyperlink dialog box (see Figure 2-8), click the Browse icon to the right of the Link drop-down list.. - Click the Link icon in the Common Insert panel, at the top right of the workspace.. - In the Hyperlink dialog box, use the small arrow to the right of the Link box to select the anchor.. - In the Page Font drop-down list, specify the fonts you want for the text on your page.. - In the Category list, select the Links (CSS) option.. - When you specify formatting options in the Page Properties dialog box, Dream- weaver. - creates styles that appear in the CSS panel.. - Meta content doesn’t appear in the body of the page.. - A simple strategy is to use the fields in the Pixel Dimensions area, at the top of the dialog box. - You can. - You can select transparency as a back- ground option in the New File dialog box when you create a new image.. - You can also view a single preview of any selected image in the far right of the dialog box.. - You can also view a single pre- view of any selected image in the far right of the dialog box.. - You can locate and preview the images in the Image Source dia-. - In the Property inspector, choose Right from the Align drop-down list.. - In the Document window, select the image you want to crop by clicking it.. - In the Document window, select the image you want to alter.. - In the Document window, select the image you want to sharpen.. - In the Document window, select the image you want to optimize.. - In the Format drop-down list, select the image format you want.. - The image properties are displayed in the Property inspector.. - You can also type the path directly in the Link text box.. - In the drop-down list at the top of the Files panel, select the site name.. - In the list that appears, select the site you want to work on.. - In the Select Reports section, select the reports you want.. - Select the site you want to work on (if it’s not already active) in the drop-down list at the top of the Files panel.. - Make sure the site you want to work on is displayed in the Files panel.. - In the list of defined sites, select the site you want to publish and then click the Edit button.. - In the Category list, select the Remote Info category, as shown in Figure 4-9 (in the next exercise).. - In the top left of the Files panel, click the Connects to Remote Host icon.. - To upload a file (transfer a file from your hard drive to your Web server), select the file from the Local View panel (which displays the files on your hard drive) and click the Put Files icon (the up arrow) in the Files panel.. - To download files or folders (transfer files or folders from your Web server to your hard drive), select the files or folders from the Remote View panel (which displays the files on your server) and click the Get Files button (the down arrow) in the Files panel.. - Make sure the site you want to work on is selected and displayed in the Files panel.. - (Optional) To cloak files of a certain type, select the Cloak Files Ending With box and enter the extension(s) in the text field, as shown in Figure 4-11.. - In the Site Definition dialog box that appears, make sure the. - In the Category list at the left, choose Design Notes.. - In the Status drop-down list, choose the status of the document.. - In the Notes text box, type your comments.. - Or, you can right- click the name of the element tag in the status bar at the bottom of the workspace.. - Looking at CSS rule options Working in the CSS Styles panel. - When you create a class style in Dreamweaver, the style is displayed in the CSS Styles panel (as shown in Figure 5-3), and added to the CSS drop-down list in the Property inspector (as shown in Figure 5-2).. - Internal styles: If you create internal styles, the CSS code is stored in the. - You find instructions in the “Using External Style Sheets,”. - You can add fonts to the list by choosing Edit Font List in the drop-down list.. - The Type category in the CSS Rule Definition dialog box.. - The Background category in the CSS Rule Definition dialog box.. - Repeat: The background image repeats vertically and horizontally in the background of the element.. - Repeat-X: The background repeats horizontally, but not vertically, in the background of the element.. - Repeat-Y: The background repeats vertically, but not horizontally, in the background of the element.. - The Block category in the CSS Rule Definition dialog box.. - The Box category in the CSS Rule Definition dialog box.. - The Border category in the CSS Rule Definition dialog box.. - The List category in the CSS Rule Definition dialog box.. - The Positioning category in the CSS Rule Definition dialog box.. - The Extensions category in the CSS Rule Definition dialog box.. - You can also rename styles in the CSS Styles panel, but be careful. - Switching between CSS and HTML Mode in the Property Inspector. - In the Font-Weight drop-down list, choose a weight.. - In the Property inspector (with the HTML features displayed), select the style from the Class drop-down list.. - Select the name of an existing style in the CSS panel.. - Select any of the settings in the Properties pane and edit them.. - Right-click (Control-click) the name of an existing style in the CSS panel.. - Alternatively, you can click the Page Properties button in the Property inspector. - If you want to edit these settings further in the future, you can do so by editing the Body tag or by returning to the Page Properties dialog box.. - Enter a name for the style sheet in the File Name field.. - Click the Attach Style Sheet icon in the CSS panel (the first button in the lower-right area).. - In the Media drop-down list, choose an option.. - You can preview sample style sheets in the New Document dialog box.. - Select any of the CSS layouts listed in the Layout section.. - tag of the code in the page. - tag and the style names of each ID style in the CSS Styles panel.. - tag in the code (it appears just after any CSS styles and just before the content of the page begins).. - Select the name of any style listed in the CSS Styles panel.. - tags in the page code. - tion in the CSS Styles panel.. - Double-click the body style in the CSS Styles panel.. - Select the Background category and use the color well in the. - Alternatively, you can enter any hexadecimal color code manually in the Background-Color field.. - Select the .twoColFixLtHdr #header style in the CSS Styles panel, as shown in Figure 6-4.. - The image appears in the Header area.. - tag and padding in the. - Click to select the .twoColFixLtHdr #header style in the CSS Styles panel.. - The style definition appears in the Properties pane (refer to Figure 6-5).. - Double-click the .twoColFixLtHdr #mainContent style in the CSS Styles panel.
Xem thử không khả dụng, vui lòng xem tại trang nguồn hoặc xem
Tóm tắt