COAP:COAP-3150 - week 5

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
• 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
  • Some Google Gadgets
  • Widgipedia

In class exercise.

• Embed an object (widget or from a site like Youtube) into an HTML file

Assignment 6 – HTML mockup prototype