When starting a website, some prior setup work is required. A folder needs to be created to store all the site files and the program directed to this file. Usually a CSS (Cascading Style Sheet) file is also created to store all the formatting and layout details.
For these exercises a simplified website will be created for a business called Movie Magic, which allows movies to be purchased either on DVD, downloaded or streamed from their website.
Create a folder in your Storage folder called MovieMagic (with no spaces). This folder will be used to store all the files, images and templates for the website.
Load Adobe Dreamweaver and create a NEW HTML DOCUMENT.
Display the SITE menu and select NEW SITE.
Set the SITE NAME to Movie Magic followed by your initials and set the LOCAL SITE FOLDER to your MovieMagic folder, then select SAVE.
In the DOCUMENT Toolbar above the page set the DOCUMENT TITLE box to: Movie Magic – Online Movies. This will appear at the top of the page when the page is opened in a browser.
Click back in the work page and save the page as: home.html
Your file should be displayed in the FILES panel in the PANEL GROUP at the right of screen.
Create a folder in your storage folder called MovieMagic (with no spaces). This folder will be used to store all the files, images and templates for the website.
Load Adobe Dreamweaver and create a NEW HTML DOCUMENT. If the FRAMEWORK option is visible, it should be set to NONE.
Display the SITE menu and select NEW SITE.
Set the SITE NAME to Movie Magic followed by your initials and set the LOCAL SITE FOLDER to your MovieMagic folder, then select SAVE.
In the Properties panel set the DOCUMENT TITLE box to Movie Magic – Online Movies. This will appear at the top of the page when the page is opened in a browser.
Note: If the Properties panel is not open, use the WINDOW menu to open it and move the panel to the base of the screen.
Click back in the work page and save the page as: home.html.
A second page is required to store the formatting details for the site. This is much more efficient than formatting each page individually and ensures that the formatting is consistent throughout the whole site.
Display the FILE menu and select NEW.
Select CSS in the DOCUMENT TYPE frame and select CREATE.
Save the file as styles.css.
You should have two files, which have tabs at the top of the screen and are displayed in the FILES panel at the right.
