We need to do this because your current home page is not regarded by Dreamweaver as being created from the template you just made. Since we want Dreamweaver to handle all the mundane and tedious job of updating all our pages every time we change the design of our site, we need to associate the page with the template.
The least troublesome way to do this is to overwrite your old index. Click "File New". 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. Replace the word "Footer" with anything you like. Many webmasters place a copyright notice in this section.
Once you're satisfied with your web page, save it by clicking "File Save As A dialog box will appear. Type "index. Do not use any other name. Files with the name "index. Before we move on to polishing the page up so that it looks at least half-way decent, you will need to publish the page to your web host.
That is to say, you will now learn how to transfer your web page and its associated files to your web host so that the page becomes "live" on the Internet.
Although you are probably embarrassed to do this at this point, because the page is incomplete, there is actually no cause for worry. If you have not advertised your website's address "URL" to anyone, no one will ever know your site exists. As a result, this early version of your page will be seen by no one but you. People will not visit your site out of the blue just because you happened to sign up for a web hosting account today. Neither will the search engines even know your site exists.
As you will discover over time, it's not that easy to get visitors. The main reason that we're publishing your page at this time is that you can get familiar with all the major stages in the design of a web page: that is, creating a web page involves not only crafting the page, but it also involves getting the page from your computer onto your web host's computer.
Once you get this hurdle out of the way, you will have mastered what is one of the largest technical challenge a newcomer is likely to face. Don't let this scare you, though; it's actually quite easy! Note that you should not skip this step if you want to follow this Dreamweaver CS4 tutorial series. All my subsequent chapters will assume that you have already done this step. If you miss out this step, some of the things described in the next few chapters may not work the way they are supposed to.
Start up the Site Manager again. This can be done by clicking "Site Manage Sites A dialog box entitled "Manage Sites" should open, with your website's name highlighted in the box in the main part of the window. If it's not highlighted, click the name to highlight it. Then click the "Edit The Site Manager wizard that you encountered earlier in this chapter will pop up. Click the "Next" button until you arrive at the screen with the message "How do you connect to your remote server?
In the first part of this tutorial, you selected "None" for this answer. You will now have to change this to the actual values that you will need in order to publish your web page.
In the drop down box for the question, select "FTP". When you do so, the blank section underneath will be populated with a number of additional questions. Essentially, you will need to enter the information that your web host provided you when you first signed up for a web hosting account. Web hosts typically send you a lengthy list of details about your account when you first sign up.
Among these is something known as your "FTP address". FTP, or File Transfer Protocol, is the usual means by which you transfer your web pages from your own computer to your web host's computer. This act of transferring your files from your computer to your web host's computer is variously known as "uploading" or "publishing". If your web host sent you the information in an email message, either print the message out or open it in another window so that you can refer to it.
Personally, I think opening it in another window is better because you can then cut and paste the necessary information from one window to another and avoid typing errors. However, everyone has their own way of working, so do what suits you best. If you have your own domain and are hosted on a commercial web host , this address is typically your domain name prefixed by "ftp".
For example, if your domain is "example. Check the email you received from your web host for this information, or ask them if you cannot find the details. If the address is indeed "ftp. Note: not all web hosts follow the "ftp.
Some web hosts ask you to simply use your domain name ie, "example. Others provide you with a hostname that is totally unrelated to your own domain. Make sure you really read the information given by your web host instead of randomly guessing a value to enter here. The next question from Dreamweaver that you'll need to answer is "What folder on the server do you want to store your files in?
Basically, you cannot simply upload publish your files into any folder you like on the web server and hope that they end up in the correct directory for your website. Some web hosts tell you that you need to place your web pages in a folder called "www". Still others say that you should place them in the default directory that you see when you connect by FTP. If your web host tells you to simply upload the files when you connect via FTP, leave the box blank. Otherwise if they tell you that you need to publish your files in a "www" directory or some other folder name, enter that folder name in the box given.
If the host does not mention this at all, chances are that you can simply leave the box blank. As before, this information has to be supplied by your web host. Obtain this password from your web host if you don't already know it. If you don't want to have to keep entering your password every time you publish a page, leave the "Save" checkbox activated it automatically becomes checked when you type your password.
If you are sharing your computer with others, and don't want Dreamweaver to save your password, click the check mark to uncheck it. Otherwise leave it blank. If you don't know what to do, and your web host didn't say anything about it, leave it unchecked. Note that if you check the secure FTP option, make sure you re-look at the information provided by your web host to make sure that the default folder to publish your files is still the same.
As such, you may have to adjust the folder name to account for this if you use the SFTP option. In general, if you are confused or not sure, just leave the box unchecked to use normal FTP. You can always experiment with this option in the future when you've become more experienced and confident with publishing using Dreamweaver.
For now, let's just get everything working first. Click the "Test Connection" button to check that you have entered all the information correctly. Note: If you use Windows Vista, the Windows firewall may issue a message asking you whether to block or unblock the connection. By default, FTP connections are two-way, requiring the server to which you're connecting to make a connection back to you, hence the warning by the firewall.
Draw the eye to specific points in your images by using selective focus, depth-of-field and vignette effects. PhotoTune lets you can compare images side-by-side and easily color correct and enhance them. PhotoTune optimizes the dynamic range, color and sharpness of your image without the need to know all the complicated controls in Photoshop like levels and curves.
Color Efex Pro 52 photographic filters with over effects for professional quality images. Completely Original. Completely Indispensable. Nik Software Color Efex Pro filters are the leading photographic filters for digital photography. The award-winning Color Efex Pro filters are widely used by many of today's professional photographers around the world to save time and get professional level results. Patented U Point technology provides the ultimate control to selectively apply enhancements without the need for any complicated masks, layers or selections.
Control color, light and tonality in your images and create unique enhancements with professional results. With 52 filters and over effects found in Color Efex Pro, you can perform high quality retouching, color correction, and endless creative enhancements to your photographs.
Download a free Trial version. Viveza The most powerful tool to selectively control color and light in photographic images without the need for complicated selections or layer masks.
Two of the most important factors in creating great photography are color and light. Mastering the art of selectively correcting or enhancing each of these is now possible for every photographer without the need for complicated masks or selections, or expert-level knowledge of Photoshop. Integrating award-winning U Point technology, Viveza is the most powerful and precise tool available to control light and color in photographic images. U Point powered Color Control Points, placed directly on colors or objects in an image such as sky, skin, grass, etc.
Silver Efex Pro Complete power and control to create professional quality black and white images in one convenient tool. Silver Efex Pro from Nik Software is the most powerful tool for creating professional quality black and white images from your photographs.
For the first time, all the advanced power and control required for professional results have been brought together in one convenient tool. Download a free Trial version to use Silver Efex Pro. It offers a variety of useful features for tackling almost any difficult image, from wispy hair to complex foliage.
Online video tutorials and live training sessions help ease the learning curve. Go to our Fluid Mask page for a special, exclusive discount link. Fluid Mask is designed for photographers, image editors, graphic designers and all those who take digital image editing seriously. Fluid Mask will also preserve all-important edge information for a professional quality cut out. Go to our Fluid Mask page for more info. View free video clips. For less than a dollar a day, members have the opportunity to stay current and keep skills sharp, learn innovative and productive techniques, and gain confidence and marketability - all at their own pace.
Customers learn at their own pace and may stop, rewind, and replay segments as often as necessary. Notice that when you type dreamweaver tutorials that the text will also appear in code view as well. Now highlight the text and go down to the properties inspector and change the format to a heading 1 or 2 just so that you can see it a bit better.
This is done from the HTML section of the properties inspector, click on the drop down menu for FORMAT located at the top left of the properties inspector and select the headings you want from there. Change the format to a heading 1 or 2 like the previous page we created.
I know you know this by now! That way you will be able to see them from within dreamweaver by looking to the bottom right of your screen in the files panel.
HTM files because they are accessed from within the site itself. So no need to type.
0コメント