Workshop 13-1
Web Design / Dreamweaver
Complete the in-class Workshop
Goals of this Workshop:
1. Create a new html file
2.
Work with basic html tags
3. Style with css
4. Create links
5. Insert images
6. Test and Save
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
Instructions:
- Work directly to your USB
- Create a new folder: lastname_workshop13-1
- Download file: web-test.txt (and save directly into your workshop folder)
- Launch Dreamweaver
- Define your site (site root will be the workshop folder)
- Create a New html5
- Save As: test-page.html
- Open web-test.txt, copy, paste into the html file
- Follow the formating and styling directions in class
- Create an "images" folder / copy an image to this folder (outside of Dreamweaver)
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
It is best to work directly to a USB at this point.
When you are completely finished, drop folder into the Turn-In folder on the Shared Server in the classroom.
Saving:
All files and sub-folders should be created and managed through Dreamweaver.
DO NOT move or rename files or sub-folders outside of Dreamweaver or links will be broken.
*an exception would be adding IMAGES
to a sub images folder before they are linked.
Created folder (site root): lastname_workshop13-1
test-page.html |
Sub Sub Folder: css |
styles.css |
Sub Sub Folder: images |
image.jpg |