Attack of the Dawn

Instructions for Dreamweaver cs4

Things You'll Need:
Images for use in the site Planned text to insert FTP location and credentials
Designing A Site
Step 1
Image 1: Designing a New Site
Open Dreamweaver CS4 and click Site and New Site as in Image 1. This will bring up a dialogue box titled "Site Definition for Dreamweaver..." Ensure that the Basic button is selected in the dialogue box also visible in Image 1.
Step 2
Image 2: Entering the Site Definition
Begin the Site Definition process by clicking the Next button. Fill in the required information and complete the process. The final step of the Site Definition process displays a Done button at the bottom of the screen as in Image 2. Click Done.
Step 3
Image 3: First page of the design
Click File then click New to add a page to the Dreamweaver Site. Select HTML from the available options as in Image 3. Click Create in the bottom right corner of the Dialogue Box.
Step 4
Image 4: Root directory layout
Populate the blank page with the information that users should see first when visiting the site. This page is often referred to as the "Home" or "Index" page. Save the file as index.html. Once saved, the file will appear in the site directory in the bottom right corner of the screen as in Image 4.
Step 5
Image 5: Including the folders needed for the design
Create the folders that will be used for other file types to keep the site organized. Right click on the site to see the drop down list with the New Folder option as in Image 5. Create a folder for other Pages, Images, .PDF Files and any other folder needed for the site also visible in Image 5.
Step 6
Image 6: Linking pages
Click File then click New to add additional pages to the site. Link pages together with the "Point to File" utility at the bottom of the program. A personal site could include a "Contact" page, an "Interests" page and an "About Me" page. Other pages can be added in the same way.
Step 7
Upload the files to the web hosting directory by selecting the files to upload. Right click on the selected files and click Put from the drop down menu.
jQuery('.article ol .image').each(function(i,e){
var $this = jQuery(this);

$this.find('img').error(function(){
jQuery(this).remove();
$this.remove();
});
});

Ads by Google

FREE Adobe CS4 SoftwareFevaWorks x Adobe 獨家優惠 Adobe 授權認可 CS4 教學中心www.fevaworks.com/cs4

Web Design TrainingMultimedia Design for the WWW CEF Approved Diploma Programwww.welkin.com.hk

PHP website in minutesCreate PHP code for any database. No programming.www.XLineSoft.com/phprunner

Dreamweaver TutorialsThe site with great Flash tutorial now brings you Dreamweaver lessonsCartoonSmart.com
Tips & Warnings
Files that have been changed can be configured to upload to the FTP site automatically upon being saved. This change is made in the Advanced Site Management area. Large sites can be configured to synchronize so that all changed pages are kept track of by the program. When the user orders the synchronize function, only the pages that have been changed will be updated. The synchronize function is located under the Site menu option

Liked the Post? Please subscribe: *Please click on the confirmation link sent in your Spam folder of Email*