Wednesday, December 6th

December 5, 2017 9:41 AM

Web 2.0 Video - by Michael Wesch

Creating your first web page in Dreamweaver CC2107 - work through chapters 1 - 4. Be sure to get screen shots where requested.

Continue work on Criterion D

Review of Web Sites and HTML - tags, attributes and values

Time to borrow some code - New Tags - Lists, Blocks, Classes and IDs

Help my web page does not work!

CSS Syntax - Three locations for CSS
Creating your first external CSS stylesheet

The Power of CSS - CSS Zen Garden

Some great resources for web design

Using Graphic Images in Web Pages

Responsive Design - Mooovio

Is Flash going away? HTML 5.0

Homework

Continue developing Criterion D - Project Design and Criterion C - Project Schedule. Record these steps in your project schedule.
Criterion D is due before Midnight on Dec. 21st - the last day of finals. Submit to school loop.

Definitions: Internet protocols, for example, HTTP, FTP, TCP/IP, cookies, listserv, web cam, Internet languages, netiquette, Intranet, URL, hyperlink, bandwidth, WWW, browser, search engine, e-mail

Resource - Web Page Design Principles

What

3.6 Multimedia/digital media - page 32
Introduction
Multimedia/digital media involves the use and integration of media (for example, text, images and graphic
elements, animation, sound and music, and video) to create digital products that are available online or

IT concepts to address in this topic
Theoretical concepts
• Design guidelines for creating multimedia/digital media
• Design methods: for example, site map, storyboard
Data collection
• Primary and secondary data
• Multimedia file formats: for example, text formats, audio formats, video formats, presentation formats, image/graphics formats
• Policies, copyright, citing sources, Creative Commons, licensing and watermarking
• Digital rights management (DRM)
Product development
• Folder and file management: importance of file and folder naming, appropriate folder structures
• Tutorials: for example, help pages, online manuals
• Templates and wizards, online and provided with software
• Importing and exporting data
• Integrating software applications and online tools: for example, embedded videos, web-based
database
Components
Text
• Text-processing software
• Formatting: for example, page layout, fonts, headers and footers
• File formats: for example, PDF, RTF, TXT
• Typography
Graphics, images and animations
• Software types: for example, albums, animated, 3D, bitmapped, vector, photo editing, photo casting, simulation
• Bit depth, colour depth (grayscale, shades of gray, millions of colours)
• Layers, grouping, divisions, alignment
• Resolution, pixels, dots per inch (dpi)
• File formats: for example, JPG, GIF, TIF
• Computer-generated imagery (CGI)
Audio
• Audio-editing software, podcasts
• Digital audio: for example, MIDI (musical instrument digital interface), MP3 (MPEG-1 audio layer 3), MP4
(MPEG-4 part 14), WAV (waveform audio format)
• File formats: for example, MP3, MP4, WAV
Video
• Video-editing software, vidcasts and special effects (for example, morphing, transitions)
• Digital video: for example, AVI (audio video interleave), MPEG (Moving Picture Experts Group), video
CODECs (coder-decoders)
• File formats: for example, AVI, MOV
Integrating the components
• Software types to house and display the multimedia components: for example, word processing,
desktop publishing, presentations, web pages
Generic techniques
• Differences in files (for example, graphics, images, audio, video) for print and online versions
• Inserting and manipulating objects (graphics, sound or video files)
• Tables: cell merge, borders, cell padding, cell spacing, nested tables
• Layers
• Links: relative and absolute, internal and external, for example, anchors, pop-ups
Syllabus content
34 Information technology in a global society guide
Word processing and desktop publishing (DTP)
• Referencing and reviewing: for example, spellchecker, thesaurus, outliners, word count
• Inline and floating graphics
Interactive multimedia, slideshows and websites
• Applications and online tools used for creating and making available interactive multimedia, games,
presentations, slideshows and websites
• Use of scripting in creating web pages (for example, HTML, JavaScript, URL links to online media)
• Integration of online tools

Why

Understanding when and how to use various graphics tools to create and modify images is a valuable skill.

How

By completing the drawing exercises.