Before you begin designing the appearance of your web page itself, you’ll need to give Dreamweaver some basic information about your website. This is done using its Site Manager.
- Start up Dreamweaver.
- The Dreamweaver web editorwill appear, the top half of which should appear something like the picture below. The exact appearance of Dreamweaver on your computer will be slightly different from my picture depending on how big your computer monitor is, and whether you’re running Windows 7, Vista, XP or Mac OS X.Near the top of the window, you should be able to see a line of text that reads “File Edit View Insert Modify Format Commands Site Window Help”. This is the Dreamweaver menu bar, and each word on that menu bar is a clickable item that leads to other menus. We will be using this menu extensively in the course of this tutorial. The menu gives you access to many of Dreamweaver’s facilities.
- Click the word “Site” on the menu bar. A drop-down menu will appear. Click the “New Site…” item on that menu.Important: from now onwards, in the interest of brevity, I shall refer to such a sequence of clicking on the “Site” menu followed by clicking the “New Site…” menu item as “Site | New Site…”. That is, if I say click “File | Close” it means to click the “File” menu, and when a menu appears, click the “Close” item on it. (This is just an illustration, do not actually click the File menu at this time.)
- A dialog box will appear. The dialog box should have a title like “Site Setup for Unnamed Site 2”. The actual number that follows the words “Unnamed Site” may be different in your system, depending on whether you’ve ever used Dreamweaver on your computer before. In any case, the number is unimportant. You’re about to change the entire text “Unnamed Site 2” to the name of your website anyway.In the dialog box itself, you should see two fields, one labelled “Site Name” and another “Local Site Folder”.Replace the default value of “Unnamed Site 2” in the “Site Name” field with the name of your website. The name of your website can be any name you want. If you have bought your own domain name, one way is to enter that domain into this field. For example, if you have registered a domain called “example.com”, simply type “example.com” (without the quotes) into the field, replacing the words “Unnamed Site 2”. Alternatively, if you’re creating a company website, you can type your company’s name into this field. For example, if your company is called “Example Company”, you can enter “Example Company” into that space.
The content of the “Site Name” field is for your own reference only. It is not actually displayed publicly on your website, so you don’t need to spend too much time coming up with a perfect name to use here. It’s there in case you create many different websites using Dreamweaver and need a way to distinguish between them. For the sake of your own sanity, I recommend that you do not leave it as “Untitled Site 2” but give it some sort of informative and descriptive name. Otherwise, in the distant future, if and when you have 100 sites, you’ll be pulling your hair out trying to figure out which name belongs to which website.
- The “Local Site Folder” field tells Dreamweaver where it should save a copy of the files you create. This is a location on your own computer. On Windows systems, if this is the first time you’re using Dreamweaver, it gives a default folder name of “Unnamed Site 2” somewhere in your Documents folder. For example, if you’re using Windows Vista or Windows 7, you might get a suggested name like “
c:\Users\sushil\Documents\Unnamed Site 2\“. To change the folder to some other location, click the folder icon next to the field, and select a different folder. Alternatively, if you don’t mind the default location, but just don’t like the “Unnamed Site 2” portion, simply click somewhere in the field, move your cursor to the “Unnamed Site 2” portion and replace it with your site name (eg, “example.com”). Be careful not to overwrite any other part of the text; for instance, don’t delete any of the backslashes (“\”) unless you know what you’re doing.If the above paragraph appears too complicated, and you feel panic rising just trying to understand what I wrote, just leave everything at its default setting. While it’s good to have a descriptive folder name, so that you can easily locate your files in the future, it’s too minor a matter to be worth getting stuck over.
- When you’re satisfied with your changes, click the “Save” button at the bottom of the “Site Setup” dialog box. The dialog box will disappear, and you’ll be returned to the main Dreamweaver window. You are now ready to design your first web page.
Video on Youtube How to Manage website in Dreamweaver CS5