COAP:COAP-3150 - week 5

The educational technology and digital learning wiki
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

Tutorials

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

In class exercise.
  • Embed an object (widget or from a site like Youtube) into an HTML file
Assignment 7 – HTML mockup prototype

References