COAP:COAP-3150 - week 5: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
|||
| Line 1: | Line 1: | ||
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 3150</categorytree> | |||
==Site management with Dreamweaver (or [http://edutechwiki.unige.ch/en/COAP:COAP-3150_-_week_4 Komposer])== | ==Site management with Dreamweaver (or [http://edutechwiki.unige.ch/en/COAP:COAP-3150_-_week_4 Komposer])== | ||
===File management=== | ===File management=== | ||
Revision as of 19:45, 26 October 2016
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
(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