COAP:COAP-3150 - week 5: Difference between revisions

The educational technology and digital learning wiki
Jump to navigation Jump to search
Line 16: Line 16:


==[[HTML]], [[CSS]] review==  
==[[HTML]], [[CSS]] review==  
(self-study or if time permits)
* Graphic formats for the web
* Graphic formats for the web
* images using the <img> tag
* images using the <img> tag

Revision as of 11:12, 24 February 2012

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

(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

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

References