COAP:COAP-3150 - week 5
Jump to navigation
Jump to search
Site management with Dreamweaver (or Komposer)
File management
Defining your file structure to separate form from content.
Site setup
- local site - from Adobe Help for CS3
- local test site vs remote live site - Defining your site in Dreamweaver CS3
Tutorials
- Introducing Site Management - Dreamweaver CS5: The Missing Manual from O'Reilly
- Dreamweaver Site Design and Management Tutorial - Brown University wiki
- Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS6
- on lynda.com: Creating a First Website in Dreamweaver CC 2015
- on lynda.com: Responsive Design with Dreamweaver CS6
Readings
Chapter 6 - Site management essentials, Artistic Web Design by Vickie Ellen Wolper.
HTML, CSS review
(self-study or if time permits)
- Graphic formats for the web
- images using the <img> tag
Embedding multimedia
Embed external media in HTML using the <embed> tag. The <embed> calls up external plugins or players.
- tutorial from HTML Source[1]
- some examples of embedded files and code
- In Dreamweaver, choose Insert > Media >... Select file and click Choose.
- embedding SVG example
Embedding web apps/widgets
- Using web widgets
- Examples and collections of widgets
- In class exercise.
- Embed an object (widget or from a site like Youtube) into an HTML file
- Assignment 7 – HTML mockup prototype