Dreamweaver 2004 Tutorial
Adobe Dreamweaver MX 2004 is a web development and design software that enables web designers to manage, edit, create and upload pages and elements to a website. Using Dreamweaver's code, design and layout interfaces, developers can create links to other web pages on the site and external resources, insert images and textual elements and format text. Note that designers must already own a web domain and possess domain hosting to upload created pages to a website.
Other People Are Reading
Instructions
-
-
1
Create a new website by opening Dreamweaver MX 2004 and selecting "Site," "New Site." Click "Advanced," then the "Local Info" tab. In the "Site Name" field, enter a descriptive title. In the "Local Root Folder" box, navigate to the root folder where you'd like all new web pages saved. Under the Default Images folder, choose an folder where Dreamweaver will locate graphics, or create a new folder and label it "Images." Type the name of your web domain into the "HTTP Address" field.
Click "Advanced," "Remote Info" and specify "FTP" under the "Access" menu. Type the web domain without the "http://www." suffix into the "FTP Host" field. Input the web domain's username and password into the appropriate fields. Click "Test" to test the connection and ensure Dreamweaver can connect to the remote server. Click "OK" to save changes.
-
2
Design the website hierarchy. Click "Window," "Files" from the top menu and make sure the drop-down menus under the Files tab read the name of the website and "Local View." Right-click the root folder and select "New File." Name this file "index." This is the home page of the website. This file must remain in the root folder, not in a subdirectory.
Right-click the site's root folder in the Files pane. Select "New Folder" to create subdirectories for additional web pages. Right-click a subfolder and select "New File" to name and open a new web page.
-
-
3
Use the Code, Split and Design tabs to design web pages. Use the Code tab to alter or add new page code. Toggle to the Design tab and use the Dreamweaver Insert toolbar commands to add images, tables, forms, buttons and text. Employ the Split tab to view page code and design elements simultaneously for enhanced editing.
-
4
Generate external links using the Property Inspector tab located beneath the design workspace in Dreamweaver. Highlight text within a web page in the Dreamweaver workspace, and paste the desired web address into the "Link" field under the Property Inspector tab.
Alternately, designers can also link to internal web pages using the "Point to File" button located next to the "Link" field. Drag this icon to the name of a web page under the Files pane and the tool will automatically link to the respective page on the website.
-
5
Upload the website to the remote server. Select the electrical cord-shaped icon under the Files tab to connect to the remote server. Right-click the root folder under the Files pane and select "Put." Confirm the upload command.
-
1
