This course will introduce students to Web Design using HTML 5, the UTF-8 character set, and the basics of Cascading Style Sheets. Students will learn to manually code Web pages and style them with CSS. Students will learn to analyze commercial websites in order to gain insight into the design and storyboarding of their own pages. The course will also deal with publishing, marketing, and maintaining an Internet or intranet site. This course is offered entirely on the Internet. Students must have access to the Internet, a personal e-mail account, and a PC Pentium/Dual Core or Macintosh PPC/Intel with 1gb or more of RAM. Also required is an FTP Client for PC or Macintosh. Links to available FTP software will be provided from within the course documentation. Prerequisite: Computer keyboard experience; Familiarity with the World Wide Web; Ability to download, install, and maintain the necessary software; Ability to use e-mail (including attachments).

This course is an extension of MDIA 1205 (manually coding Web pages with HTML5). It introduces the more advanced HTML functions involved in creating interactive forms and processing those forms online using a CGI script. It includes an introduction to Search Engine Optimization (SEO) including keyword research and basic optimization techniques as well as incorporating some new CSS concepts and routines for Web page layout as a continuation of the CSS learned in 1205. A short introduction to designing Web pages for mobile devices is included. Prerequisites: MDIA 1205

This course is a continuation of the CSS (Cascading Style Sheets) concepts introduced in MDIA 1205 and MDIA 2205. MDIA 3201 will begin with a review of the basic concepts and then move into more complex topics. Page layout, vertical, horizontal and multi-level CSS menus, CSS3 concepts, and practical CSS techniques will be covered. Advanced topics will be covered in a subsequent course. Prerequisites: MDIA 1205 and MDIA 2205

This course provides a basic introduction to the Adobe Photoshop interface and tools. Topics covered will include the basics of colour and images, painting and editing tools, selections, layers, working with type, paths, channels and masks, colour correction, and filters. Also covered are, image file formats, creating low bandwidth graphics, using colour, browser-safe colours, imaging transparency, creating graphical navigation tools, scanning techniques, creating small animations, image mapping, and graphical layout as well as alignment. The course will end with the process of optimizing images for delivery on the Internet. Prerequisites: MDIA 1205 and MDIA 2205

With over two hours of video notes, spread between twenty-one movies, this course covers every aspect of audio and video for use on the Web. You will learn how to resample and edit your audio and video clips, apply audio filters, use masks and poster images with your movies, and combine multiple audio and/or video tracks into a single presentation. We will also look at different options for mounting your content on a website for delivery. Prerequisites: MDIA 1205 and MDIA 2205

This course concentrates on using and modifying commercial and/or freeware JavaScript routines to enhance the content of Web pages. To fully understand how JavaScript scripts work and how they may be modified, students will be asked to create short JavaScript routines using manual coding. Prerequisites: MDIA 1205 and MDIA 2205

Using 49 custom video tutorials, this course covers all of the skills necessary to create Flash animations. Starting with the basic drawing tools, we work our way through motion, classic, and shape tweens, to guided animations and masks. You will learn how to create animated buttons and apply simple button and frame actions, and add sound effects, music, and bitmap imagery to your animations. By the end of the course, you will be able to quickly and efficiently work with the Flash timeline, and create dynamic animations to make your websites fully interactive. Prerequisites: MDIA 1205 and MDIA 2205

This course is the culmination of the Associate Certificate program. As a major task in this course, learners will be required to locate a person or organization desiring a website and design and develop a pro bono (i.e., free) website for them. Other related tasks will include storyboarding the site, costing and contracting issues, and designing the client site (including creating a domain name for the client, mounting the site using a commercial ISP, and registering the site with search services). Other topics in the course include creating a business plan (including a strategic marketing plan), setting up a company in British Columbia, and site maintenance and related topics. Prerequisites: Successful completion of all courses in the Associate Certificate Program or equivalent.

This course will deal with three broad design areas: website usability, website accessibility (for those with physical disabilities), and collaborative Web design. The course will also cover the theories behind design, navigation, layout, and the effective use of colour. The assignments will be specifically designed to simulate situations learners will encounter in the working world, both in a designer/client relationship and working collaboratively as part of a design team. By the end of the course, learners will have the tools to turn their sites into functional works of art that also meet all of the current design guidelines for usability and accessibility. Prerequisites: MDIA 1205 and MDIA 2205

This course will focus on advanced Cascading Style Sheet (CSS) techniques and will build upon the skills learned in MDIA 3201 (Introduction to Cascading Style Sheets (CSS). This course will cover advanced page layout functions, floats, how to apply curves to box corners, learning the shorthand properties to minimize your CSS file length, how to deal with browser bugs and designing for a variety of media types. Prerequisites: MDIA 1205 and MDIA 2205 and MDIA 3201

This is an introduction to using XML (EXtensible Markup Language) to enhance Web page design and for e-commerce applications. Topics will include the structuring of an XML document, transforming an XML document into XHTML using XSL (EXtensible Stylesheet Language) and XPath, creating a DTD (Document Type Definition) and an XML Schema to define the elements and attributes which are valid in a XML document. The course will include an introduction to using XML in a Web publishing environment. Prerequisites: MDIA 1205 and MDIA 2205

This is an introduction to using the jQuery JavaScript library which will help students write JavaScript in a simplified, concise, and elegant manner. Topics will include navigating and selecting DOM (Document Object Model) elements on a Web page using jQuery functions, handling events and event binding, creating simple visual effects including animation, and creating simple jQuery widgets such as dialogs and tabs. This course will also introduce students to jQuery plugins for image manipulation, form validation, and file uploads. Prerequisites: MDIA 1205 and MDIA 2205

With over four hours of video notes spread across twenty-one movies, this course teaches you all of the skills required to push your animation to the next level and use ActionScript 3.0 to make your Flash websites, animations, and games more interesting and interactive. We begin by looking at some advanced animation techniques and tricks to streamline your work, as well as more complex IK animation, and a primer on using 3D animation in Flash. Moving on to the scripting, we start with basic buttons, then move on to multiple timeline control, manipulating movie clip properties, working with variables, draggable movies, collision detection, and preloaders. We also focus on multiple ways to mount your Flash content on your website. Prerequisites: MDIA 3208

In this course students will explore Responsive Web Design. Students will compare and contrast responsive design with other approaches to multi-platform and device design. Students will be introduced to testing tools (emulators/simulators) for various platforms that could be targeted and use these tools to validate their work. Students will develop a wireframe and mockup for a responsive website. Next students will create a basic responsive web page, based on a site they previously designed using flexible grids, flexible images and CSS3 media queries. Finally students will adapt this site so that it functions well on desktop, mobile and tablets thus creating a fully responsive Web design conversion. Prerequisites: MDIA 1205, MDIA 2205, MDIA 3201, or equivalent (MDIA 4304 recommended).

This course will introduce you to the fundamentals of creating dynamic, interactive Web pages using PHP technology. Topics will include: an introduction to PHP, PHP syntax, using variables HTML forms and PHP, doing math in PHP, using strings, basic control structures, using arrays, employing regular expressions, creating functions, working with files and directories, using databases in PHP, employing cookies, creating Web applications, and debugging PHP scripts. Prerequisites: MDIA 1205 and MDIA 2205 and MDIA 3207

This course introduces the fundamentals of creating mobile websites using the jQuery Mobile framework — a JavaScript library that makes it easy to create websites that render correctly on a variety of mobile devices, including iOS (iPhone, iPod Touch, iPad), Android, Blackberry, PalmOS, and others. Students will learn about the basic structure of a jQuery Mobile page, how to implement commonly-used page components like headers, footers, toolbars, buttons, lists, dialogs, form controls and multi-column layouts. Additional topics include the jQuery Mobile navigation model, managing transitions between pages, using themes, and responding to touchscreen events like tap and swipe. NOTE: You should own or have access to at least one mobile device (smartphone or tablet) for this course. Prerequisites: Basic HTML5 and CSS3 (MDIA 1205/2205 or equivalent) and basic JavaScript (MDIA 3207 or equivalent). Some experience with jQuery (MDIA 4307 or equivalent) would be desirable.