UofC Navigation

ICT 580 HTML5 and CSS3

 Email this information to yourself or a friend
 Remind me of this course at a later date



Course Description

HTML5 and CSS3 introduces students to current web standards, design, and development practices, with emphasis on usability, cross-browser compatibility, accessibility, search engine optimization, and responsive web design.  Students learn how to separate defining web page’s contents (HTML5) from presentation concerns (CSS3), and become familiar with a variety of tools in both areas.

 


Course Details

This course is designed for those with no prior knowledge of building a website who want to learn basic and intermediate HTML and CSS skills. Using HTML5, students learn how to structure a web page, and include variety of components, like text, images, links, lists, tables, and forms. Using CSS3, students learn how to control page layout and presentation of the contents with colors, formatting, fonts, etc. CSS box model is introduced for defining sizing, spacing, borders and backgrounds. This course introduces basics of working with modern web page components like video and audio, and finishes with discussion of web page deployment process.


Prerequisites

  • This course does not have prerequisites, students must however meet the recommendations and requirements in the Notes section along with any proficiencies identified below.

Instructional Delivery

All instruction is instructor-led, face-to-face and may be delivered in three formats:

  • In Class - all classes are taught in a classroom lab.
  • Online - all classes are taught synchronously in real-time.
  • Blended - delivery is both in a classroom lab and synchronously online, alternating weekly.

It is the students responsibility to carefully read the course section content below to know which delivery options are available for the course they are registering into.

Registration

  • Registrations within 24 hours of course start time must be made by phone (403-220-2988).

Top of Page


Course Content

Course Level Learning Outcomes

  • Develop a solid understanding of  designing web pages with attention to accessibility, cross-browser compatibility, search engine optimization and responsiveness
  • Become familiar with HTML5 and CSS3 standards and web development tools

Topics of Instruction

  • Introduction to web development
  • Basics of HTML and CSS syntax
  • Using Aptana to work with HTML and CSS files
  • Testing, debugging and validating HTML and CSS files
  • Structuring a web page with div and span, and semantic elements
  • Principles of Responsive Web Design
  • Web design guidelines and considerations
  • Working with variety of web page components like text, images, links, lists, etc.
  • Using CSS to format elements of a web page: specifying measurements and colors, code selectors, define properties of text
  • Define spacing, borders and backgrounds with CSS box model
  • Using CSS to define page layout
  • Creating and formatting tables
  • Creating web forms and controls, including validation
  • Introducing modern web page components, like video and audio
  • Discussion of web page deployment process

Top of Page


Notes

Recommendations and Requirements

Course Duration

Courses are 30 hours and are scheduled to be completed in either 5 weeks or 10 weeks. Generally, 5 week courses have two classes per week, and 10 week courses have one class per week.

Delivery Formats

Courses may be delivered in class, online, or blended (both in class and online). All delivery formats will use Desire2Learn (D2L) and Adobe Connect Meeting (ACM) tools to varying degrees and it is the students responsibility to ensure they are comfortable with these tools prior to the start of the first class.

Students are encouraged to read Student Online Learning Resources to determine the delivery format that will best meet their learning needs.

  • Students familiar with D2L and ACM from previous course work require no further introduction to these learning tools.
  • Students who register into an in class only course section and who are unfamiliar with D2L and ACM learning tools are recommended to take the necessary time to fully explore these learning tools prior to the start of class.
  • Students who register into an online or blended course section and who are unfamiliar with D2L and ACM learning tools are recommended to take BMC 352 Learning Online.

Required Tools

For online and blended delivery, students should have access to their own computer with required software, Internet connection, a headset with speakers and microphone, webcam, and a monitor large enough to display multiple applications (or the use of two monitors). Students should test their environment prior to the start of class to ensure everything is working properly.

Required Software

Students will need access to software outside the classroom lab to enable work on assignments, projects, and other course work.

  • The software used in this course is Aptana Studio 3, which works for both Windows and Mac OS users. Alternatively, any text editor like Notepad++ can be used.
  • To test the web pages a variety of browsers will be used such as Internet Explorer, Chrome, Firefox, and/or Safari.
  • If necessary, additional requirements will be announced at the start of the course.

Textbooks

  • The required textbook for this course is Murach’s HTML5 and CSS3.
  • Print textbooks may be purchased from a variety of third parties.
  • Online textbooks may be available from Safari Books Online (requires student registration).

Attendance

It is strongly recommended that students attend every class. It is the responsibility of the student to communicate potential absenteeism to the instructor.

Top of Page


Prerequisites

  • This course does not have prerequisites, students must however meet the recommendations and requirements in the Notes section along with any proficiencies identified below.

Top of Page


Proficiencies

  • Students who register into an online or blended course section and who are unfamiliar with D2L and ACM learning tools are recommended to take BMC 352 Learning Online.
  • Students must be familiar with the personal computer, keyboard and mouse.
  • Students must have Microsoft Windows skills and knowledge, and be able to perform the following tasks:
    • start and run Windows
    • use the taskbar, Start button and Help feature
    • use Minimize, Maximize, Restore Down/Up and Close
    • use the left and right mouse buttons appropriately
    • understand file management techniques
    • navigate between files, folders, or drives.

Top of Page



Applies Towards the Following Certificate(s)




Sections

  ICT 580 - 019 HTML5 and CSS3  
  Fall 2016   Status:  Wait List
 
Class:   Tue 6:00PM - 9:00PM
20 Sep 2016 to 22 Nov 2016
Number of Sessions: 10 Sessions
Hours: 30.00
Course Fees:   Flat Fee non-credit    $825.00
 
Campus: Main Campus
Delivery Options:  Class
  Section Notes:  

COURSE SCHEDULE AND DELIVERY 

This course has 10 classes scheduled once per week for 10 weeks. This classes will be held in a Lab at the University of Calgary main Campus

PREREQUISITES

There are no prerequisites for this course.

PROFICIENCIES

Students who are unfamiliar with D2L / ACM are recommended to take BMC 352 Learning Online

TRANSFER AND WITHDRAWAL FEES

A $25 fee applies for course withdrawals and transfers. For our standard Refund, Withdrawal and Transfer Policy visit conted.ucalgary.ca/refund

  
 
  ICT 580 - 020 HTML5 and CSS3  
  Winter 2017   Status:  Available
 
Online:   Thu 6:00PM - 9:00PM
12 Jan 2017 to 16 Mar 2017
Number of Sessions: 10 Sessions
Hours: 30.00
Course Fees:   Flat Fee non-credit    $825.00
 
Delivery Options:  Online
  Section Notes:  

COURSE SCHEDULE AND DELIVERY 

This course has 10 classes scheduled once per week for 10 weeks. Classes are held online only synchronously in real time

PREREQUISITES

There are no prerequisites for this course.

PROFICIENCIES

Students who are unfamiliar with D2L / ACM are recommended to take BMC 352 Learning Online.

TRANSFER AND WITHDRAWAL FEES

A $25 fee applies for course withdrawals and transfers. For our standard Refund, Withdrawal and Transfer Policy visit conted.ucalgary.ca/refund

  
 


Search ContEd