COAP:COAP-3150 - week 5

This article or section is currently under construction

In principle, someone is working on it and there should be a better version in a not so distant future.
If you want to modify this page, please discuss it with the person working on it (see the "history")

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
• Example uses
  • 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