Account Log In - Home/Outlines - Books - Contact Us - Support - Employment -

Select your course... Course Outlines     Advanced Flash     Advanced JavaScript and CSS     CSS     Dreamweaver     Dynamic HTML     Flash     JavaScript     Photoshop     XHTML

Select your theme... Canada-ehHalloween_JheryllChristmas_JheryllPrintBeach_StevePresentationHalloween_KhalWol_Tad

Course Outlines

University of Winnipeg Continuing Education

DIT 15996 Internet Systems Specialist Diploma: XHTML

U of W Part Time Programs...   Seminars and Boot Camps Summary Page     - 36005 Asynchronous JavaScript and XML (AJAX)     - 36008 Effective Web Communications   Web Design Certificate Summary Page     - 15969 Programming Technologies Level 1.1: Introduction to Programming     - 15519 Web Design Level 1: Photoshop (Introduction)     - 15521 Web Design Level 2: Web Design Principles     - 15517 Web Design Level 3: XHTML (Introduction)     - 31000 Web Design Level 4: XHTML (Advanced)     - 15522 Web Design Level 5: DHTML (Introduction)     - 15523 Web Design Level 6: DHTML (Advanced)     - 15915 Web Design Level 7: XML     - 15524 Web Design Level 8: Flash (Introduction)     - 16065 Web Design Level 9: Flash (Advanced)     - 15831 Web Design Level 10: Dreamweaver   Web Development Diploma Summary Page     - 31001 Web Development Level 1: Apache (Introduction)     - 15528 Web Development Level 2: Perl (Introduction)     - 15529 Web Development Level 3: PHP (Introduction)     - 31002 Web Development Level 4: PHP (Advanced)     - 15530 Web Development Level 5: MySQL (Introduction)     - 31003 Web Development Level 6: MySQL (Advanced)     - 31004 Web Development Level 7: E-Commerce Portfolio Project   Database Administration Diploma Summary Page     - 15547 Database Technologies Level 1: Introduction to Databases with MS Access     - 15548 Database Technologies Level 2: Multi-Table Access Databases     - 15544 Linux Level 1: Power User Skills     - 15545 Linux Level 2: System Administrator     - 15546 Linux Level 3: Webmaster

U of W Full Time Programs...   Internet Systems Specialist Diploma Summary Page     - 16008 Internet Systems Specialist Diploma: Introduction to Unix     - 15981 Internet Systems Specialist Diploma: Photoshop     - 15996 Internet Systems Specialist Diploma: XHTML     - 16001 Internet Systems Specialist Diploma: DHTML     - 16002 Internet Systems Specialist Diploma: Flash     - 16027 Internet Systems Specialist Diploma: XML     - 36014 Internet Systems Specialist Diploma: Web 2.0 Tech     - 36005 Internet Systems Specialist Diploma: Ajax   Aboriginal Information Communications and Technology Summary Page     - 16008 Aboriginal Information Communications & Technology: Intro to Linux     - 15550 Aboriginal Information Communications & Technology: Data Modeling and Design

Course:	DIT 15996 Internet Systems Specialist Diploma: XHTML This block of the ISSD program introduces the students to the basics of creating Web pages. This course is actually three courses in one. It starts with a week of Web Design Principles then follows with three weeks of working with XHTML and CSS to create a final project by hand. The course ends with a couple of days of Dreamweaver, showing the students how to increase their productivity with this application.
Dates:	November 9 - December 4, 2009   (Monday to Friday) No class Nov 11
Time:	09:00 - 16:00 (120 hours total)
Cost:	The cost is part of the Internet Systems Specialist Diploma tuition.
Instructor:	Brent Scott has been a multi-media Web designer since 1998, specializing in cutting edge content with advanced Flash and Dynamic HTML. He divides his work between his company, ScottMedia, and teaching at various universities, colleges, and businesses with Lanoie.com. He brings to the classroom his years of practical experience in the Web design field. Brent is a well-rounded instructor who teaches such topics as JavaScript, Advanced JavaScript, Flash, Advanced Flash, Search Engine Positioning, Internet Fundamentals, XML, XHTML, Photoshop, Dreamweaver, and more.
Resources:	No textbook is required for this course and online resources are provided. If login information is needed, it will be given during the first class.
Related Jobs:	Monster.ca job search.
Additional Information:	UWinnipegDCE on Facebook. The University of Winnipeg Continuing Education web site. The dce.UWinnipegCourses.ca web site. The UWinnipeg.ca web site. The UWinnipeg WebAdvisor. While not required, it is a good idea to bring a portable USB flash drive or other storage media for your files. Some instructors may ask you to email assignments as attachments. There are many free compression (zip/archive) programs available, including "7-Zip" (Windows) and "Zip Mac Files For PC" (Macintosh).
Register Now:	Seating is limited. Call The University of Winnipeg Continuing Education Front Desk to register: (204) 982-6633.
Location and Hours:	Classes for Information Technology are at Main Campus, 480 Ellice Avenue on the 2nd floor of Lockhart Hall (rooms 2L13A & 2L13B) and the 3rd floor of Manitoba Hall (room 3M58). Proceed to room 2L13 in Lockhart Hall to find out which room your class will be in. Stevi Dram's office is on the 2nd floor, Lockhart Hall: 2L13C The DCE Registration Office is located at 275 Portage Avenue on the 14th floor. Their phone number is (204) 982-6633. Registration Office Hours: Monday through Thursday: 8:30 a.m. to 7:00 p.m. Fridays 8:30 a.m. to 4:30 p.m. Saturdays 9:00 a.m. to 1:00 p.m. Offices closed on Saturday of long weekends. Lost? Here is a map of Main Campus showing Lockhart Hall and Manitoba Hall. If you're driving, you may also find the traffic map and the parking map useful.
DCE IT Twitter Updates	Follow uwinnipegDCE_IT on Twitter...
DCE Delicious Bookmarks
DCE Facebook Page	Follow University of Winnipeg Division of Continuing Education on Facebook...

Learning Outcomes

Upon successful completion of this course, you will have:

Web Design Principles

Upon successful completion of this course, you will be able to:

• perform the tasks involved in planning a Web site, including creating site diagrams.
• design an effective site navigation following the principles of usability.
• organize page elements in a clear, logical way that enables site visitors to easily find what they are looking for.
• write content that communicates your message clearly and simply.
• describe various attributes of type that affect legibility.
• describe the characteristics and formats of Web graphics as well as correct usage.

XHTML and CSS

Upon successful completion of this course, you will be able to:

• effectively use basic Web technologies, like XHTML and CSS.
• organize and structure Web content on a server.
• mark up Web pages in any text editor, including XHTML elements such as paragraphs, headings, lists, images, divs, spans, fonts, forms, image maps, and frames.
• state the importance of separating structure from appearance in Web pages.
• state the advantages of using CSS with XHTML.
• use inline, embedded, imported, and linked style sheets appropriately.
• demonstrate your understanding of CSS rules, the cascade, and inheritance.
• use colour, length units, and text transformations.
• describe how the box model works and how it relates to CSS.
• correctly use XHTML and CSS coding conventions and syntax.
• validate and troubleshoot XHTML and CSS.

Dreamweaver

Upon successful completion of this course, you will be able to:

• generate Web pages using the Dreamweaver work environment.
• apply basic text formatting using Dreamweaver.
• quickly create and modify tables and forms using Dreamweaver.
• use Dreamweaver's built-in behaviours to create elements like pop-up menus and image rollovers.
• demonstrate the skills needed to use Dreamweaver to work with CSS quickly and easily.
• quickly create and modify CSS layers with Dreamweaver.

Prerequisites

The following or equivalent is required before taking this course:

• Computer and internet access at home

• DIT 16008 Internet Systems Specialist Diploma: Unix

  The Introduction to Unix course is 30 hours of hands-on Unix with some theory. The student will be given accounts on one or more university Unix servers to use for the year. Several of the courses will require students to create, upload, and edit files on these servers over SSH or other remote connection. This course will introduce the student to the basics required to meet these tasks. The entire course will be done at the command line interface. A graphical user interface will not be used. Installation, configuration, and administration of Unix/Linux is beyond the scope of this introductory course. Near the end of the year, students will be taking more advanced Unix courses, including the installation and securing of Linux servers. The basic tasks taught during these early classes will be required again and again throughout the year.

  • Learn more about the Internet Systems Specialist Diploma: Unix course.

• DIT 15981 Internet Systems Specialist Diploma: Photoshop

  The Photoshop course is covered in 30 hours of class time with many hours of bonus material that can be covered at home. It will provide students with a solid foundation in the basics of the Adobe Photoshop application, one of the most popular software applications for working with digital graphics. Students will discuss digital graphics in general, learn to navigate the program interface, use the numerous tools, and save files for display on the Web.

  • Learn more about the Internet Systems Specialist Diploma: Photoshop course.

Course Format

This course follows a lecture format. During class time, we will present material, draw your attention to key points that you should pay attention to, answer questions you may have, and manage class discussions, demonstrations, and hands-on exercises.

There are often daily quizzes or assignments. It is the responsibility of the student to be on time and to get copies of any assignments missed due to absence. Missed quizzes cannot be made up later.

Students are strongly advised to use the reference material. For every hour of class time the student should budget at least two hours of self study to cover all the material in this course.

Only material that is covered in class lectures will be testable.

Student Deliverables

Here is an example of the pace the material might be covered. Your instructor may modify this to suit the needs of your class.

Web Design Principles

Class 1

CARP (Contrast, Alignment, Repetition, Proximity)
Assignment 1 given

Class 2

Usability

Class 3

Assignment 1 is due at start of class, followed by presentations.
Page content - organization, layout, graphics.
Assignment 2 given

Class 4

Style guidelines and design grids

Class 5

Colour and Typography
Final test done in class

XHTML

Class 1

Design assignment 2 is due at start of class.
XHTML Course - History of HTML to Document Type Definition: Lecture 6

Class 2

XHTML Course - Document Type Definition: Lecture 6 to Basic Tags: Lecture E

Class 3

XHTML Course - Basic Tags: Lecture F to Anchors: Lecture 8
XHTML - Assignment 1 (lists) given.

Class 4

XHTML Course - Formatting: Lecture 1 to Tables: Lecture 1
Introduce XHTML/CSS/Design Project
RFP Released

Class 5

XHTML Course - Chapter G, H
XHTML Assignment 2 given

CSS

Class 1

Introduction to CSS
Anatomy of a style
External, embedded, and inline styles
Selector Basics
Special Selectors

Class 2

CSS Selectors
External Stylesheets
Inheritance
Cascade (element's specificity)

Class 3

Formatting Text
Color and background-color
CSS box model
Padding, margins, border

Class 4

Units (absolute, relative, and percent)
Colors (differen ways of defining them)
Experimenting in class.

Class 5

Floating elements
Overflow property
CSS positioning

Class 6

Floating Elements
Background image properties
Formatting tables
Formatting forms

Class 7

TBA

Class 8

TBA

Class 9

TBA

Class 10

TBA

Class 11

Project: Due 9:00am.
Presentation Day

Class 12

Design/XHTML/CSS Review in the morning.
Design/XHTML/CSS Exam in the afternoon.

Class 13

Dreamweaver

Class 14

Dreamweaver

Class 15

Dreamweaver

Evaluation

Quizzes: 25%

There may be daily quizzes, which will be added up and scaled for the overall mark percentage. Typical quizzes are worth 5 to 20 marks. Most days will have a quiz or two, usually first thing in the morning. Missed quizzes can not be made up.

Assignments: 25%

The assignments will be added up and scaled for the overall mark percentage. Here are some examples of what you may be expected to complete.

• Essays
• Design Block Composite
• Navigation Mockup
• Project Proposal
• Project CD Packaging

Final Test: 25%

The final exam will be given near the end of the course and is scaled for the overall mark percentage.

Final Project: 25%

The final project will be due near the end of the course and is scaled for the overall mark percentage.

Topic Outline

Web Design Principles

Web Design Principles

Don't Make Me Think! Krug's First Law of Usability

How We Really Use the Web: Scanning, Satisficing, and Muddling Through

Fundamentals

Process

Site Design

Document Structure

Interface Design

Street Signs and Breadcrumbs: Designing Navigation

Billboard Design 101: Designing Pages for Scanning, Not Reading

Page Design

Page Layout

mit Needless Words: The Art of Not Writing for the Web

Editorial Styles

Typography

Text

Links

Colour

Graphics

Images

Interactivity

XHTML

History of HTML

What is the World Wide Web?

Organization

The Design Process

Document Type Definition

Basic Structure

Validation

Basic Tags

Lists

Anchors

Formatting

Colour

Images

Tables

Frames

Forms

Image Maps

CSS

Introduction to CSS

Anatomy of a style

External, embedded, and inline styles

Selector Basics

Special Selectors

External stylesheet

Inheritance

Cascade (element's specificity)

Formatting Text

'color' and "background-color"

The box model

Padding, margins, border

Units (absolute, relative, and percent)

Colours (different ways of defining them)

Floating elements

Image gallery

Overflow property

CSS positioning

Float

Background image properties

Formatted tables

Formatted forms

Dreamweaver

Grades:

Letter Graded Courses:

A+ =    96 - 100% Outstanding
A  =    91 -  95%
A- =    83 -  90% Very Good
B+ =    75 -  82%
B  =    70 -  74% Average
C+ =    66 -  69%
C  =    57 -  65% Pass
D  =    50 -  56%
F  =    Failure
VW =    Voluntary Withdrawal

Pass/Fail Courses:

P  =    Pass
F  =    Failure
I  =    Incomplete
VW =    Voluntary Withdrawal

Audited Courses:

CP  =   Certificate of Participation (based on >75% attendance)
NCP =   No Certificate of Participation (based on <75% attendance)

Note: Final percentages containing a half-point will be rounded up to the next full point (e.g., 69.5 would be rounded up to 70), and then converted to the letter grade (i.e., from C+ to B).

Late Assignments

Unless otherwise stated, late assignments are penalized 10% per calendar day. No assignments will be accepted more than 2 days late without permission.

Quizzes

Quizzes may be given during classes and could be time limited. They may be fill in the blank, short answer, code, or multiple choice and may be given online, verbally, or on paper. Missed quizzes cannot be made up if absent or if you are late for class.

Attendance

While class attendance may not be taken for marks, your attendance is required for each class to participate in quizzes, homework, and assignments.

Considerations

Please consider turning off any cell phones and pagers while in lectures or seminars. If you need to be available (on call for work, for example) please set your cell/pager to vibrate. Also, please remember that checking email, typing instant messages, or surfing the Web may be distracting to others.

A Statement on Plagiarism and Cheating

The Modern Language Association Handbook for Writers of Research Papers defines plagiarism as:

the act of using another person's ideas or expressions in your writing without acknowledging the source.

Copying words or ideas from any source, including another student, constitutes academic 'theft', and may result in loss of marks for the assignment, loss of marks for the entire course, or even expulsion. The same penalties will result if a student is found guilty of cheating or contributing to cheating on any test, exam or assignment.

Students should familiarize themselves with University of Winnipeg policy concerning plagiarism and academic honesty.

Other Plagiarism Resources

• uwinnipeg.ca
• keele.ac.uk
• umanitoba.ca
• bucknell.edu

More Information

Here are links to more information that you may find helpful:

Winnipeg Transit

The Winnipeg Transit site includes links for fares, the free Downtown Spirit service, schedules and more.

Exchange District BIZ

The Winnipeg Exchange District BIZ site has maps and information about the area around our campus.

Downtown Winnipeg BIZ

The Downtown Winnipeg BIZ site includes links for parking, restaurants, and the BIZ Patrol.

Notice

The contents of this page are given as a guideline only and are subject to change.

---

Course Outlines - University of Winnipeg Continuing Education - Internet Systems Specialist Diploma - [ DIT 15996 Internet Systems Specialist Diploma: XHTML ] -
Description - Outcomes - Prerequisites -

Course Outlines - University of Winnipeg Continuing Education - Internet Systems Specialist Diploma - [ DIT 15996 Internet Systems Specialist Diploma: XHTML ] -
Description - Outcomes - Prerequisites -