Course Outlines

University of Winnipeg Continuing Education

DIT 15996 Internet Systems Specialist Diploma: XHTML

HTML5 & CSS3 For The Real World
By: Estelle Weyl; Louis Lazaris; Alexis Goldstein
Publisher: SitePoint
Pub. Date: May 12, 2011
Print ISBN-13: 978-0-9808469-0-4

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.

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
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

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.