Home Button  Calendar Button  Grades Button  Links Button  Sequoia Button  Contact Button

 

Wednesday, December 13th

   
 

December 13, 2017 10:05 AM

Today is the last day for any makeup work or grade corrections.

Information R/evolution by Michael Wesch

Warm-up

Creating a Site in Dreamweaver
Creating a Workspace in Dreamweaver
Selector Help - with the cursor in a selector press Ctrl + K to bring up a description of that selector.

Complete Creating your first web page in Dreamweaver CC2107 - get this checked off by your instructor. Have both before and after shots ready to view as well as the answers to the questions.

Complete Creating your first web page in Dreamweaver CC2107 Part 2 - get this checked off by your instructor. Have the web pages ready to view as well as the answers to the questions.

Complete the Screencast activity. When your ITGS project is completed you will need to record a screencast of your product to demonstrate how it works. Here is a sample ITGS screencast.

Site Structure - will you include a site structure diagram (map) of your site in your Criterion D write-up?

Page Structure and Design - discussion of site map and page design - what not to do mystery meat sites

Bad Web Pages - what is wrong with each of these sites?

Local Business Marketing - take a look at the infographic on SEO (Search Engine Optimization) - this is why you need to create a responsive design.

Meta Tags - what are they and why are they important?

Responsive Web Page Design - introduction to Bootstrap

Bootstrap Templates

When working on a web site ALL changes should be done INSIDE Dreamweaver - here is why...

Some great resources for web design

 

Homework

Prepare for the final exam.

Plan to meet with your client next week to discuss your plans for the project. Give them an overview of what you plan to do and let them know what you will need from them. Begin to collect the information you will need for the project, ask your client to begin to provide you with the content they want included in the project. Give them a copy of your proposed schedule for the project (Criterion C).

Continue developing Criterion D - Project Design and Criterion C - Project Schedule. Record these steps in your project schedule.

Check the last page of Criterion D - it requires client signature! - you can get this after the semester break but it must be a part of your final Criterion D.

Criterion D is due before Midnight on Dec. 21st - the last day of finals. Submit to school loop.

Your final project is due Friday, March 9th at 5PM. I suggest you make the Friday before as your target handover date and then use the final week to finish up your report.

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.