COAP:COAP-3150 - week 5: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 32: | Line 32: | ||
;In class exercise. | ;In class exercise. | ||
* Embed an object (widget or from a site like Youtube) into an HTML file | * Embed an object (widget or from a site like Youtube) into an HTML file | ||
;Assignment | ;Assignment 7 – HTML mockup prototype | ||
===References=== | ===References=== | ||
<references/> | <references/> | ||
[[Category:COAP 3150]] | [[Category:COAP 3150]] | ||
Revision as of 21:51, 16 February 2012
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
- Create and configure a Dreamweaver site from the Adobe Design Center
- Dreamweaver Tutorial: How to Create a Website with Dreamweaver CS3
Readings
Chapter 6 - Site management essentials, Artistic Web Design by Vickie Ellen Wolper.
HTML, CSS review
- 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