Figure A Next, you can name the site and browse to the local site directory by clicking the folder icon Figure B. Figure B Once you're happy with your site name and local directory, click the Save button; your new site will show up in the Local Files directory Figure C. Figure C With Dreamweaver, we have three options to check: the current document web page , the entire site, or the selected files within the site. Figure D For demo purposes, I created two broken links for the link checker to find.
The link checking results are displayed in the Link Checker tab group Figure E. If no known URL exists, then most likely the web page has been removed from the site, and you can delete the associated anchor reference. After entering the correct link, Dreamweaver will ask if you want to update the link in the file as well Figure F. Click the Yes button to fix the broken references in the file. Figure F The links are updated, as shown in the example in Figure G.
Figure G To check for broken links in the entire current local site, click the drop-down arrow at the left side of the link checker tab group, and then select and click the drop-down option to Check Links For Entire Current Local Site Figure H.
Figure H In this example for the entire local site, it returns broken links with orphaned pages i. Figure J In this case, most of the orphaned files are under a beta directory, so we'll probably ignore those files. You can convert such a document into an HTML file without editable or locked regions. Legal Notices Online Privacy Policy.
User Guide Cancel. You can perform the following template management tasks using the Assets panel:. Create a template Edit and update templates Apply or remove a template from an existing document.
Open a template for editing. You can also manually update the documents for template changes if necessary. Open and edit a template file. In the list of available templates, do one of the following:. Right-click the template and click Edit. Double-click the name of the template you want to edit. Select a template to edit, then click the Edit button at the bottom of the Assets panel. Save the template. Dreamweaver prompts you to update pages based on the template.
Dreamweaver displays a log indicating the files that were updated. Open and modify the template attached to the current document. Open the template-based document in the Document window. Modify the contents of the template. Rename a template. Click the name of the template to select it. Click the name again so that the text is selectable, then enter a new name. Click in another area of the Asset panel, or press Enter Windows or Return Macintosh for the change to take effect.
The dialog box that you saw when you first created your website in Chapter 1 appears. This time, however, look for the item "Page from Template" in the leftmost column, and click it. You should now see the name of your site in the second column, the "Site" column, and the template you made previously in the third column "index".
A preview picture of your template appears in the window on the right. Make sure that there is a tick in the checkbox "Update page when template changes" in the rightmost column. Then click the "Create" button. A new unnamed web page, based on your template this time, will appear. This page should be identical to your index. All you did was to mark certain parts of the page as "editable".
Click "File Save As In the "Save As" dialog box that appears, click the "index. Dreamweaver will issue a warning that the file already exists, and asks you whether you want to overwrite the file. Click "Yes". With this step, you have replaced your old "index. As far as your visitors are concerned, your home page will not look any different in a web browser. However, internally, Dreamweaver will have inserted certain invisible markers so that it will be able to update the page whenever you make a design change in your template.
We will now proceed to create another 2 pages for your website: the "Site Map" and the "About Us" page. Unlike the creation of your Home Page in chapters 1 to 6, however, making these 2 pages will be much easier, since we've already done most of the hard work.
Click "File New Then click "Create". Look at the "Title:" field of the Dreamweaver window, just above your web page see the picture below, copied from chapter 1, if you've forgotten where to find it.
Replace whatever text you have in that field with "Site Map". Alternatively, if you want the name of your website in the title as well, call it "Site Map - Example Company" where "Example Company" should be replaced by the real name of your site. Actually, you can call it what you want, but it's best to have "Site Map" somewhere in that title, since it's the name used by practically everyone for such a page.
Replace the text and pictures in your "Page Content" section with a list of links to the rest of your site. The easiest way is to select the existing content, hit the DEL or backspace key to remove it, then type every page name on a separate line.
Then select each line separately, and make them into links pointing to their respective pages. I realise that at this point in time, since you have so few pages, a site map probably seems very silly to you, especially since every page listed in the map is already linked to from your menu bar in the left column.
However, the site map will become more useful to your visitors as you add more pages to your site. It also adds professionalism to the site, and makes it easier for search engines to locate all the pages of your website.
Nothing will appear to happen visually, but if you immediately type "Feedback" after that, you'll see that "Feedback" is placed in a new line below "Home" without an intervening blank line. For the curious, the reason for this is that the ENTER key creates a new paragraph, hence the extra blank line, while "line break" merely moves what follows to the line below.
Do not change the name, add spaces or change the capitalization: type the name as-is. This is because you have already used "sitemap. Note that this section is only optional if you have decided in the previous chapter not to insert an "About Us" item into your navigation menu bar.
If you already have an "About Us" menu item, you should go ahead and make your "About Us" page now. By this time, you should have no trouble creating new pages for your website from your site template.
Create another one now. In the "Title:" field above your web page , enter "About Us: Example Company", replacing "Example Company" with the name of your website. V" or anything that you feel best describes the page you're making. Replace the "Page Content" editable region with whatever information you wish to publish about your company or yourself.
If this is a personal website, be circumspect about what you put here. You don't know who's going to be reading your website. It may be your future employer or some nutcase living in your neighbourhood. Save the page as "aboutus. Again, this is the filename you used in your navigation menu and site map, so you should not get creative and use another name or your links will point nowhere. Now that your website is nearly complete, with multiple pages, it is no longer efficient to use the old "Site Put" method to publish your website.
That method was useful when you only had one page to upload. When you have multiple pages, you will prefer Dreamweaver to automatically figure out which pages have been modified, and publish them for you without your having to manually open and publish every single one. A dialog box, "Synchronize Files", appears. The "Synchronize" field should read something like "Entire 'Example Company' Site" where 'Example Company' is replaced by the name of the site that you gave Dreamweaver in chapter one.
The "Direction" field should read "Put newer files to remote". If any of these is not the case, click the down arrow key in the appropriate drop down box to select the correct option. Dreamweaver will immediately attempt to connect to your website to check the files that have previously been published.
0コメント