1. Dreamweaver Cheat Sheet CSCI 100 – JW Ryder

2. CSCI 1002JW Ryder - Dreamweaver Notes Initial Site Set Up Goto W:\ drive – This is your web root directory Create a folder called images in W:\ folder – W:\images

3. Start Dreamweaver Start -> Adobe Design and Web Premium CS6 ->Adobe Dreamweaver CS6 CSCI 1003JW Ryder - Dreamweaver Notes

4. CSCI 1004JW Ryder - Dreamweaver Notes First Page Set Up Create New - HTML Click on menu item ‘Site’ -> ‘New Site …’ – You see the ‘Site Definition Window’ Click the ‘Advanced’ tab -> Local Info – Site Name: Type in your name – Local Root Folder: W:\ – Default Images Folder: W:\images – Click OK button

5. CSCI 1005JW Ryder - Dreamweaver Notes First Page Set Up Continued Right-Click on your Site name in the ‘Local Files’ window Click ‘New File’ and save it as index.html Double-click in the index.html file in you ‘local Files’ list – It will appear on your screen

6. CSCI 1006JW Ryder - Dreamweaver Notes QR Scan Code Images http://www.barcode-generator.org Choose QR code on top left Enter your web page address. It will be http://students.oneonta.edu/your_user_id Choose size Click on “Create Barcode” At top-left of screen, right click on new barcode Save image in your W:\images folder You can change the file name but do not change the file extension. Use the ‘png’ default value.

7. CSCI 1007JW Ryder - Dreamweaver Notes Creating your Page Content Properties window - On bottom of screen Font, Font Size, Text Color – Click the CSS button if you do not see a size or color Unordered, Ordered Lists, Out-dent, Indent, bold, center, etc. all on properties

8. CSCI 1008JW Ryder - Dreamweaver Notes Headings 1 through 6 Type your heading Select the words Click on ‘Properties’ --> ‘Format’ – Choose the heading level

9. CSCI 1009JW Ryder - Dreamweaver Notes Title Bar Title – Page Background In Design View, next to the ‘Title:’ label, type in your title Page background – Properties --> Page Properties button Choose background color, text color, etc.

10. CSCI 10010JW Ryder - Dreamweaver Notes Hyperlinks Type in your words, select word(s) to be clicked on Properties --> Link – Type the whole web address (http:// too!!) – Mail links use ‘mailto:ryderj@oneonta.edu’ You can preview in either browser or click on the globe in design area Can also be done from the Common category in the Insert panel

11. CSCI 10011JW Ryder - Dreamweaver Notes Lists Unordered – Properties --> Click Bullet list button – When no more bullets desired, click bullet list button again Ordered – Same as above but use ordered button

12. CSCI 10012JW Ryder - Dreamweaver Notes Images Place cursor where you would like the image to be located Place all images in your images folder!!!!! Click the insert image menu button in the Common category of the Insert panel and select the Image Button

13. CSCI 10013JW Ryder - Dreamweaver Notes Tables Same as Images but choose table button