Sunday, December 28, 2014

How to link a specific place in a document on Dreamweaver?

            You can use the Property inspector to link to a particular section of a document by first creating named anchors. Named anchors let you set markets in a document, which are often placed at a specific topic or at the top of a document. You can then create links to these named anchors, which quickly take your visitor to the specified position.
            Creating a link to a named anchor is a two-step process. First, create a named anchor; then create a link to the named anchor.

To create a named anchor:
1.                  In the Document window’s Design view, place the insertion point where you want the named anchor.
2.                  Do one of the following:
·                    Choose Insert > Named Anchor. Or, Press Control+Alt+A
·                    Select the common tab in the Insert bar and click the Named Anchor button.
3.                  In the Anchor Name field, type a name for the anchor.
Note: If you do not see the anchor marker, choose View > Visual Aids > Invisible Elements.

To link to a named anchor:
1.                  In the Document window’s Design view, select text or an image to create a link from.
2.                  In the Link text box of the Property inspector, type a number sign (#) and the name of the anchor. For example:
·                    To link to an anchor named “top” in the current document, type #top.
·                    To link to an anchor named “top” in a different document in the same folder, type filename.html#top.
Note: Anchor names are case sensitive.

To link to a named  anchor using the point-to-file method:
1.                  Open the document containing the named anchor you want.
2.                  In the Documents window’s Design view, select text or an image you want to link from.(if this is another open document, you must switch to it.)
3.                  Do one of the following:
·                    Click the Point-to-file icon to the right of the Link text box in the Property inspector and drag it to the anchor you want to link to: either an anchor within the same document or an anchor in another open document.
·                    Shift-drag in the Document window from the selected text or image to the anchor you want to link to: either an anchor within the same document or and anchor in another open document.

Changing the document title
            The title of an HTML page helps site visitors keep track of what they’re viewing as they browse,  and it identifies the page in the visitor’s history and bookmark lists. If you don’t title a page, the page will appear in the browser window, bookmark lists, and history lists as Untitled document.
Note: Giving the document a file name (by saving it) is not the same as giving the page a title.
            To locate all untitled documents in your site, use the Site > Reports command

To change the title of a page:
1.                  With the document open, do one of the following:
·                    Select Modify > Page Properties.
·                    Select View > Toolbar > document (if it isn’t already selected).
·                    Right-click in an empty area in the document, then select Page Properties.
2.                  In the Title text box, enter the title for the page, then press Enter.
3.                  If you’re editing the title in the Page Properties dialog box, click OK.
The title appears in the title bar of the Document window (and in the Document toolbar, if it’s showing). The file name of the page and the folder the file is saved in appears in parentheses next to the title in the title bar. An  asterisk indicates the document contains changes that have not yet been saved.

Page Properties:
            Page titles, background images and colors, text and link colors, and margins are basic properties of every web document. You can set or change page properties using the Page Properties dialog box.
            The Page Properties dialog box lets you specify the default font family and font size, background color, margins, link styles, and many other aspects of page design. You can assign new page properties for each new page you create, and modify those for existing pages.
Note: The page properties you choose apply only to the active document. If a page uses and external CSS style sheet, Dreamweaver will not overwrite the tags set in the style sheet, as this affects all other pages using that style sheet.

To set document properties:
1.                  Select Modify > Page Properties, or click the Page Properties button in the text Property inspector.
The page Properties dialog box open.

Page Properties

2.                  Make changes to the page properties, as desired.
3.                  Click OK.