dreamweaver - plymouth state...
TRANSCRIPT
![Page 1: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/1.jpg)
Dreamweaver Basics
![Page 2: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/2.jpg)
Start -> Dreamweaver
![Page 3: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/3.jpg)
VIEW Code and/or Design NOT LIVE View
![Page 4: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/4.jpg)
View Rulers in Pixels
![Page 5: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/5.jpg)
Display Code, Split, Design
![Page 6: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/6.jpg)
Preview in Browser
![Page 7: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/7.jpg)
Windows
![Page 8: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/8.jpg)
Page PropertiesHelp (F1)
![Page 9: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/9.jpg)
Link Options
![Page 10: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/10.jpg)
At this point Save As --
•home (lowercase h) in M:\Home
Even before you add content
![Page 11: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/11.jpg)
Setting Up Tables according to your design
![Page 12: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/12.jpg)
Split and Merge Cells to fit your designEach object should have it’s own cell
Split or Merge Cells
![Page 13: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/13.jpg)
Split and Merged Cell Examples
![Page 14: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/14.jpg)
Place a Table inside a cell of another Table for more layout detail
![Page 15: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/15.jpg)
File -> Save periodically
![Page 16: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/16.jpg)
Links hyperlink
anchor
Browse for fileOr type URL
Link Name
![Page 17: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/17.jpg)
Controlling Link Display
In the Target pop-up menu, select the window in which the file should open in the Target text box.
•Use properties panel
•Attribute Values–Value Description
–_blank Opens the linked document in a new window or tab
–_self Opens the linked document in the same frame as it was clicked (this is default)
–_parent Opens the linked document in the parent frame
–_top Opens the linked document in the full body of the window
![Page 18: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/18.jpg)
Inserting an Image
![Page 19: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/19.jpg)
Inserting an Image
![Page 20: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/20.jpg)
Preview WebPage(click here or F12)
Will ask you to Save
![Page 21: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/21.jpg)
Consider using a Photoshop image(s) for all/much of your
webpage with Image Mapping
![Page 22: Dreamweaver - Plymouth State Universityjupiter.plymouth.edu/~rgkleinpeter/PowerPoint/4-Dreamweaver.pdfDreamweaver Basics. Start -> Dreamweaver. VIEW Code and/or Design NOT LIVE View](https://reader033.vdocuments.net/reader033/viewer/2022041810/5e574bd6dfe509423d7e074b/html5/thumbnails/22.jpg)