Download Course Outline - Pima Community College

Course Content
PIMA COMMUNITY COLLEGE
Effective: 200709
ITF
112
Initiator:
Campus:
Date:
CIW Site Designer v5
Marty Jansen, Nancy Russell
Greg Wilson, Marcia Wojsko
Community
08/29/2006
Credit Hours:
Lecture Periods:
2.50
2.50
Description:
Concepts, techniques and skills to create and manage web sites using Microsoft FrontPage, Adobe
Dreamweaver, Macromedia Flash tools. Includes how to implement the latest strategies to develop
third-generation web sites, evaluate design tools, discuss future technology standards, and explore
the incompatibility issues surrounding current browsers. Also includes a focus on theory, design and
web construction, along with information architecture concepts, web project management, scenario
development and performance evaluations.
Student Learning Outcomes:
Upon successful completion of this course, the student will be able to:
1. Describe the relationship between web technology and design concepts.
2. Explain layout elements and choose fonts and colors for a web site.
3. Describe the importance of audience usability and conduct a usability test.
4. Explain why navigation is critical and describe how browsers control navigation.
5. Describe site hierarchy and define familiar conventions.
6. Explain the function of graphics in a web site.
7. Describe image tool functions and choose graphic file formats.
8. Apply multimedia design principles and choose the best multimedia for the site.
9. Describe the web development process.
10. Explain the site metaphor concept.
11. Describe the mindmapping process, and use it to structure a web site.
12. Use tables and frames for page structure.
13. Add metadata to a HyperText Markup Language (HTML) document using the <META> tag
and its attributes.
14. Create cascading style sheets in HTML documents to simplify web site design.
15. Create multimedia files using Macromedia Flash 4.0.
16. Define Dynamic HTML and discuss the technologies it includes.
17. Describe the differences between HTML and Extensible Markup Language (XML).
18. Explain the functions of various HyperText Transfer Protocol (HTTP) servers.
19. Discuss the use of ports for web server administration.
20. Describe server-side technologies used to create dynamic content for web pages.
21. Explain cookies and how they can be used to enhance a web site.
22. Describe plug-in technology.
23. Link to a downloadable file.
24. Define Java and describe its strengths.
25. Embed Java applets into web pages.
26. Describe the anatomy of a database and define general query types.
27. Define database management systems and describe three Database Management System
(DBMS) types.
28. Research and register a domain name.
29. Locate a Request For Comments (RFC).
30. Complete development of a functional web site.
Course Outline:
I.
Overview of Design Concepts
A. Web Technology
B. The Nature of the Web
C. Web Design Concepts
D. New Technologies
E. Evaluating Individual HTML Skills
II.
Web Page Layout and Elements
A. Web Users and Site Design
B. Effective Web Page Layout
C. Color and Web Design
D. Fonts and Web Design
III.
Web Site Usability Testing
A. The Importance of Audience Usability
B. Web Usability Testing
IV.
Navigation Concepts
A. Why Is Navigation Critical?
B. Browsers and Navigation
C. Primary and Secondary Navigation
D. Navigation Hierarchy
E. Site Structure, Uniform Resource Locators (URLs) and File Names
F. Familiar Navigation Conventions
G. Guided Navigation
H. Navigation Action Plan
V.
Web Graphics
A. Web Site Images
B. Digital Imaging Concepts
C. Bitmap versus Vector Graphics
D. Graphic Applications
E. Image File Formats
F. Creating Images
G. Image Optimization
VI.
Multimedia and the Web
A. Multimedia and Web Sites
B. Current Multimedia Capabilities
C. Animation and the Web
D. Audio and the Web
E. Video and the Web
F. Goals of a Multimedia Site
G. Multimedia Site Design Basics
H. User Interaction
I. Selecting Multimedia Elements
J. Copyright Infringement
VII.
The Web Development Process
A. Web Design Teams
B.
C.
D.
E.
F.
G.
H.
VIII.
Bottom-up Approach
Web Development Phases
Defining the Web Project Goals
Understanding the Business Process
Defining a Vision
From Vision to Strategy
The Metaphor
Mindmapping
A. The Mindmapping Process
B. Mindmapping a Web Site
IX.
Web Site Implementation Factors
A. Determining Site Implementation Factors
B. Web Site Characteristics
C. Calculating Download Times
X.
HTML Standards and Compliance
A. What Is HTML?
B. Web Browser HTML Support
C. The HTML Standard
D. Web Page Accessibility
XI.
HTML Tables and Web Page Structure
A. Creating Page Structures with Tables
B. Diagramming the Table
C. Borderless Web Page Structure
XII.
HTML Frames
A. Frames and Framesets
B. <FRAMESET> and <FRAME> Tags
C. Targeting Hyperlinks in HTML
D. Adding a Frameset to a Frameset
E. Frameset Attributes
F. The <NOFRAMES> Tag
XIII.
Metadata and the Web
A. Metadata
B. <META> Tags and Document
C. Identification
D. <META> Tags and Search Engines
E. <META> Tags and Delayed File Change
XIV.
Cascading Style Sheets
A. Style Sheets
B. Cascading Style Sheets
C. Defining and Using Styles
D. Changeable Style Elements
XV.
Site Development with Microsoft FrontPage
A. FrontPage Views, Menus and Toolbars
B. Opening Webs and Files in FrontPage
C. Page Layout Using Tables
D.
E.
F.
G.
H.
I.
J.
Inserting Images, Page Properties, Image
Maps and Templates
Importing Formatted Text
Inserting HTML
Creating Text Hyperlinks
Shared Borders, Framesets, Styles and Themes
Dynamic HyperText Markup Language (DHTML) Toolbar, Web Forms, Components,
Web Reports and Search Forms
XVI.
Site Development with Dreamweaver
A. Page Layout, Creating Image Maps and
B. Templates in Dreamweaver
C. Frames
D. Rollover Images, Web Forms, Behaviors,
E. Modifying Layers, Library
F. Editing HTML and Jump Menus
XVII.
Web Pages with HomeSite 5x
A. HomeSite 5x
B. Templates, Handling Files and Tag Editing
C. Features
XVIII.
Image Editing with Fireworks
A. Creating and Image
B. Adding Text to Images
C. Cropping Images
D. Image Layers in Fireworks
E. Image Frames in Fireworks
F. Transparent Images in Fireworks
G. Image Slices in Fireworks
XIX.
Multimedia with Flash
A. Flash Shapes
B. Color and Fills in Flash
C. Timeline and Layers
D. Saving and Publishing Flash Movies
E. Symbols and Buttons
F. Customizing the Flash Library
G. Flash, Motion and Shape Tweens
H. Tweening Text in Flash
I. Flash Movie Clips
J. Adding Sound
K. Adding Flash Movies to HTML files
L. Testing for the Flash Plug-in
M. Flash Action Scripts
N. Mask Layers in Flash
XX.
JavaScript Fundamentals
A. Why Script?
B. Common Programming Concepts
C. What Is JavaScript?
D. JavaScript vs. Other Languages
E. Embedding JavaScript into HTML
F.
G.
H.
I.
Strengths of JavaScript
Using JavaScript to Communicate with the User
JavaScript Functions
Using JavaScript for Browser Detection
XXI.
Dynamic HTML
A. Dynamic HTML
B. Document Object Model (DOM)
C. CSS and DHTML
D. Scripting Language and DHTML
E. DHTML Implementation
XXII.
Extensible Markup Language
A. What Is XML?
B. HTML Goals
C. Separating Format from Structure
D. HTML Limitations
E. XML Goals
F. What Is an XML Document?
G. Rules for Well-Formed XML
H. Simple Well-Formed XML
I. What Is XHTML?
XXIII.
HTTP Servers
A. What Is an HTTP Server?
B. Ports
C. Basic HTTP Server Administration
D. Server-Side Technologies
XXIV.
Cookies
A. Understanding Cookies
B. Enabling and Disabling Cookies
C. Deleting Cookie Files
XXV.
Downloadables and Plug-Ins
A. Plug-In Technology
B. Plug-In Installation
C. Shockwave and Flash
D. Adobe Acrobat Reader
E. RealNetworks RealPlayer
F. Creating a Downloadable File
XXVI.
Java Applets
A. Why Use Java and Applets?
B. Introduction to Java
C. Demystifying Applets
D. Embedding a Java Applet
E. Java Applets and Animation
F. Java Applet Authoring Tools
G. Applet Resources
XXVII.
Databases
A. Web Design and Databases
B.
C.
D.
E.
XXVIII.
XXIX.
Database Anatomy
Database Queries
Database Management System
Tools, Products and Database Programs
Standards Organizations
A. Internet Governing Bodies
B. Internet Society (ISOC)
C. Internet Architecture Board (IAB)
D. Internet Research Task Force (IRTF)
E. Internet Engineering Task Force (IETF)
F. World Wide Web Consortium (W3C)
G. Internet Corporation for Assigned
H. Names and Numbers (ICANN)
I. Requests for Comments (RFCs)
Web Site Publishing
A. Web Site Publishing
B. Web Site Hosting
C. Web Publishing with FTP
D. Publishing with FrontPage
E. Publishing with Dreamweaver
F. Comparing Web Publishing Tools