Course Outlines

University of Winnipeg Continuing Education

DIT 15517 Web Design Level 3: XHTML (Introduction)

Course:	DIT 15517 Web Design Level 3: XHTML (Introduction) HTML and XHTML are the building block of Web pages. This course will teach the student how to create and edit Web pages by hand, using the current industry standard of XHTML (eXtensible HyperText Markup Language) 1.0 Transitional markup.
Dates:	DIT 15517 0902 30-Nov-2009 to 21-Dec-2009 7 Mon/Wed
Time:	06:00 pm - 09:00 pm
Cost:	$470
Instructor:	DIT 15517 0902 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.
Materials:	No textbook is required for this course and online resourses are provided. If login information is needed, it will be given during the first class.
Related Jobs:	Monster.ca job search.
Additional Information:	UWinnipeg DCE-IT Part-Time XHTML Facebook page 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

On completion of this course, students will be able to:

identify and edit older web pages that use deprecated HTML code,
create and edit new web pages using XHTML 1.0 Transitional markup, and
identify and fix common markup syntax, logic, and style problems.

Prerequisites

The following may be required before taking this course:

Application Programming Technologies

15969 Programming Technologies Level 1.1: Introduction to Programming

This is intended for use as an introduction to programming concepts for students who have no prior experience. It is required knowledge for several other topics, such as JavaScript, PERL, PHP, Visual Basic, Java and more. While code examples for several different languages will be shown, this course is language-neutral, and can be used as a basis of learning many different programming languages.

Learn more about the Programming Technologies Level 1.1: Introduction to Programming course.

Web Design Certificate

15519 Web Design Level 1: Photoshop (Introduction)

When it comes to creating and editing graphics for both print and Web, many professionals use Adobe Photoshop, one of the most popular software applications for working with digital graphics. Students will learn about digital graphics in general, how to use the program interface and tools, and save files for display for Web pages.

Learn more about the Web Design Level 1: Photoshop (Introduction) course.

15521 Web Design Level 2: Web Design Principles

This design course is covered in 18 hours of class time. It will provide students with a solid foundation in web design, as well as web site layout.

The course will cover topics like colour theory, alignment, visual appeal, and layout techniques for creating sites with not only intelligent structure, but good visual impact.

Learn more about the Web Design Level 2: Web Design Principles course.

Student Deliverables and Pace

Class 1: There are no student deliverables due for this class.

Class 2: There are no student deliverables due for this class.

Class 3: Assignment 1 due at start of class. Quiz 1 at start of class.

Class 4: Quiz 2 at start of class.

Class 5: Assignment 2 due at start of class. Quiz 3 at start of class.

Class 6: Quiz 4 at start of class.

Class 7: Final test given.

Final Project

The final project must be submitted via email to your instructor no later than 11:59 pm, the first Sunday after the last class.

The email subject line must read: WD3-XHTML-Final Project (last name, first name).

Final Test

The final test will be given after an hour of class time on the last day of the course. You will have 2 hours to complete the test. This test will be a "closed book" test, meaning that no reference materials, including notes will be allowed.

Evaluation

Classroom quizzes                      20%
Take home assignments                  20%
Final test                             30%
Final project                          30%
                                    ~~~~~~~~
                  Possible Total =    100%

Topic Outline

XHTML

History of HTML
- Where did this all come from?
What is the World Wide Web?
- Definition of HyperText and the World Wide Web
- Web Browser (User Agent)
- What is a Web Server?
- What is a URL?
- What is a Web Page? What is a Web Site?
- What is a Home Page?
- What is HTML?
Organization
- Why make a Web page?
- Who is your 'target audience'?
- Know your resources and deadlines.
- Who will host your site?
- Main topic headings.
- Navigational organization.
- Story boarding.
- Porous, semiporous, and solid site structure.
The Design Process
- Why create a Web site?
- Set specific goals and ways to measure the results.
- Brainstorming.
- The wish list.
- Who is Your Audience?
- User Profiling.
- Grouping Your User Profiles.
- Requirements.
- The Site Plan.
- Flowcharting and Story boards.
- Visual Design.
- Browser Chrome.
- Block Composite.
- Mockup Site.
- Beta Site.
- Release and Maintain.
Document Type Definition
- XHTML 1.0 Transitional
- XHTML 1.0 Strict
- XHTML 1.0 Frameset
- XHTML1.1
- The 6 rules of XHTML1.0
Basic Structure
- HTML
- Head
- Title
- Body
- Your Web page template
Validation
- Code Validation
- Spelling and Grammar
- Links and Images
- Load Time
Basic Tags
- Headings
- Paragraphs
- Emphasis, Strong
- Code, Address, Blockquote, Preformatted text
- Italic, Bold
- TT, Big, Small, Sub, Sup
- Comments
- Horizontal Rules
- Break
Lists
- Unordered Lists
- Ordered Lists
- Definition Lists
Anchors
- What is a URL?
- What is a pathname?
- What is the anchor tag?
- What are named anchors?
- How do you link from one part of a page to another part?
- What is the title attribute?
- How can you set up easy email with the mailto attribute?
- How can you change the status bar with javaScript?
Formatting
- Special character entities
- Align left, center, and right
- Div
- Span
- Font size, face, and color
- Body background and text colours
Colour
- Named Colours
- Numbered Colours
- Colour Issues
Images
- Embedded (Inline) and External Images
- Height, Width, and Alt Attributes
- Aligning Images with Text
- Hspace, Vspace, and Border
- Gif, JPEG, and other file formats
Tables
- Storyboard Your Tables
- Basic Table Elements
- Sizing Options
- Alignment
- Colour
- Cell Spacing and Padding
- Images in Tables
- Row and Column Spanning

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

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 - Web Design Certificate - [ DIT 15517 Web Design Level 3: XHTML (Introduction) ] -
Description - Outcomes - Prerequisites -