British ColumbiaBC AlbertaAB ManitobaMB OntarioON QuebecQC 1-800-675-4392

Web Design - LCA.C0

CDI College's Web Design - LCA.C0 program is designed to train professionals for positions such as web page designer, website architect, web developer, website developer, web programmer, web designer or webmaster.

The program is comprised of two important components: a technical component – students acquire the skills needed in web programming, including training in the use of several software, in programming, in database and data management, and in server related technologies – and a creative component which allows them to develop their artistic ability through principles of design, colour and image processing.

The program features several assignments, exercises and projects, including the creation of a professional portfolio. The projects undertaken are directly linked to the true nature of the work and students learn in realistic working conditions in order to foster the development of the required skills and attitudes.


  • Secondary V diploma
  • Successful admission test


Total Program Hours

  • 1200 hours
Conditions for admission to an Attestation of College Studies (ACS)
In addition to meeting the college's requirements, applicants must satisfy one of the following conditions:
  • the candidate interrupted his or her studies for at least two consecutive semesters or one school year;
  • the candidate is covered by an agreement concluded between the college and an employer or by a government program;
  • the candidate has completed at least one year of post-secondary studies spread out over a period of one or more years.


To graduate, students must obtain the required pass mark in each course.
This vocational program leads to an ACS (Attestation of College Studies) recognized by the Ministère de l'Éducation et de l'Enseignement Supérieur (MEES) (Permit 749747).



This program is offered in English or French.

Program Courses

420-P01-ID - Portfolio
Subjects – Features of a professional portfolio. Classification of portfolio elements. Expected format and level. Labelling of portfolio elements. Preparation of a portfolio. Assessing the strengths, weaknesses and qualities of one’s own portfolio. Updating a portfolio. Law and ethics related to copyrights. Legal implications of the use of unauthorized documents. What to protect and how to protect one’s work. Considerations about shipping and electronic mailing. Self-promotion resources. Identification of potential clients and employers. Identification of employment counsellors, professional publications, professional organizations, trade shows and conferences. Mock interview and presentation of portfolio.
420-CMW-ID - Marketing Concepts for the Web
Subjects – Marketing principles and strategies. Marketing and the web. Electronic marketing and strategies. Electronic marketing planning process. Creation of an electronic marketing plan. Issues related to the globalization of electronic marketing. Electronic payment and security issues. Technological needs and preparation. Telecommunication costs. Wireless issues. Code and ethics. Regulations concerning copyrights, brands, patents and privacy. Online governance. Fraud. Marketing information sources. Social media. Data collection customer side and server-side. Marketing databases and and database storage. Characteristics of online consumers. Social context for internet exchange. Three main market sectors (business, consumers, governments). Significant market sectors. Business to business (B2B) and retail B2C) business. Integrated marketing communication. Internet advertising – formats and trends. Product strategies for online marketing. Buyer and seller points of view. Payment methods. Distribution channels. Intermediary channels. Online consumers. Differentiation strategies. Positioning strategies. Online product supply. Creation of consumer value. Promotions. Marketing communication media. Digital media. Search engines. Online communities. Social networks. Efficient internet purchase. Relational marketing. Branding in electronic media. Completion of an advertising project.
420-LS2-ID - Script Language II
Subjects – Web servers (IIS and Apache). http transactions. Multi-level software architecture. Client-side and server-side messages. Document request. Traditional web applications, internet (RIA) and Ajax applications. History of Ajax. Ajax examples with XMLHttpRequest object. Use of XML and DOM. Creation of a complete Ajax application. Use of the Ruby on Rails language to produce a web application. Action controller and ActionView. Creation of a database powered website. Forum, message and view controller. ASP.NET 2.0 and ASP.NET. Analysis of an ASPX file with background code. How the ASP.NET code is executed for a web page. Construction of an ASP.NET application. Graphic controls, AdRotator and validation control. Session monitoring with cookies and HTTP session state. Connecting to a database in ASP.NET. Web forms displaying database data. Java Web technologies, Servlets, JavaServer Pages, JavaServer Faces and web technologies in Netbeans. Construction of a web application that displays database data. Modification of a Page Bean File for the application Address Book. JavaServer Faces components integrated into Ajax. Use and configuration of virtual forms. Getting a Google Maps API key to add Map Viewer elements in a page. Introduction to web services. Creation, publication, testing and description of a web service. Creation of a web application and addition of web services in Netbeans. Testing web services with Sun Java System. Web application server tester. Description of web services with the Web Service Description Language (WSDL). Web service consummation. Creation of a client in Netbeans for web service consummation. Overview of SOAP. Web service session monitoring. Configuration of Java DB in Netbeans and creation of a database. Creation of a web application to interact with a service. Parameter transmission of an object of a type defined by a web service user. REST-Based web services in ASP.NET. Addition of Data Components to a web service.
420-TCS-ID - Server-Side Technologies
Subjects – Introduction to script Client – Server. Installation and configuration of Apache, MySQL and PHP. Structure and syntax in PHP. PHP: constants and variables, passing variables (URL, forms, sessions and cookies). Control structures Decision/Repetition. Tables, searching and sorting. PHP alternative syntax. MySQL structure and syntax. PHP and MySQL, and how they work together. Connection to MySQL server. Queries in databases. Creation and use of tables to display data. Forms and entry elements. Processing data from forms. Inserting, removing and editing a record in a database. GD library. Types of files handled by PHP. GD in PHP. Loading images. Conversion of image file types. Validation of user data. Verification of format errors in a PHP script. Key relational databases and normalization. Creation of a database with MySQL. PHP for e-mail use. PHP sessions and cookie functions. Cookies in PHP. Rules for CMS. Using a database to manage a CMS. Coding a CMS. Transaction pages. User interface, functionality and management. Electronic commerce and shopping carts. Features of an e-commerce site. Preparing databases for a display board system. Display board system coding. Forum administration, including accounts and user management, Log files and utilities. User authentication. Website data interpretation and analysis. PHP code debugging.
420-DWD-ID - Development of a Dynamic Website
Subjects – Identification of the needs of the website to be created. Planning of the structure and page layout. Website planning, design and development. Interactive process. Completion of website and submission of project. Presentation of the final product.
420-TTD-ID - Data Processing Technologies
Subjects – Introduction to XML and to XML concepts. Creation of documents. XML data formatting. Namespaces. Adding namespaces to style sheets. Combining XML to HTML. DTD declaration. Elements and child elements. Types of attribute and entities. Association and referenciation of elements and attributes. Analysed and non-analysed data. XML schema, DTD, vocabulary. Schema structure. Named types and new derived types. The schema in a workspace. Style sheets, selectors and formatting in CSS. Colour, border, margin and fill, background images, and fonts. XML classes. Introduction to XSLT and the XSLT format. Creation of XSLT elements and attributes. XPath nodes and tree. Exiting methods. Default formats. Assigning values to an attribute. Predicates. Node numbering. Digital functions and operators, Formatting of numbers and text: variables and parameters. Multiple style sheets. Extension, element and attribute functions. ID generators. Node and grouping organization. Documents from various sources. Fields, recording. Linking an HTML element to a field, an XML attribute, a DOM table, and alternatives to W3C DOM. Creation of a document object. Loading a file in a document object. Modifying a document. Adding and removing nodes. Node attributes. Filtering source documents. Navigator settings. Debugging.
420-LS1-ID - Script Language I
Subject - Statement of control: client and server. Inserting a script into a Web page. Writing a script. Data types. Arithmetic and relational operators. Expressions in JavaScript. Statements of decisions IF / ELSE IF and Nested IF and their syntax in Java Script. Repetitions DO WHILE / FOR and sentinel value; nested loops. SWITCH statement / BREAK and CONTINUE. Logical operators.Functions in JavaScript: definition, syntax and overall function. Random number generator. Recursion. Statement, indexing and identification charts. Arrays as elements of functions. Sorting and searching in a table. Multidimensional arrays. Objects: Math, String, Date, Number, Boolean, Windows Java Script. Use of Cookies. Dynamic styles. Events and objects. Using the ''this'' keyword. Event handler, mouse events. Rollovers and overflow events.
420-CBD-ID - Database Fundamentals
Subjects: Principles of database systems. Relational databases. Introduction to SQL. Database design. Normal form. SQL objects. Reserved words, types of data. Scalar functions and operators. Object creation and modification. Referential integrity constraints. Queries. SELECT, WHERE statements. Sub-queries and operators. GROUP BY statement. Aggregate functions and other common SQL functions. Union operators (join). Editing of table content. Insertion of rows. Update, deletion and modification statements. Indexes, grouped or not grouped. Correspondence between transaction indexes and transaction statements. Operator LIKE. Optimization of queries. DDL views and statements. Creation of indexed views. Trigger. AFTER and INSTEAD OF. Logging transactions. Data blocking and blocking settings. SELECT statement with block. User authentication. Security and user accounts. Privileges and permissions
420-P1N-ID - Integration Project
Subjects – Identification of the needs for a website. Plan and structure of the site. Planning, designing and developing a personal website. Identification the needs of a corporate website. Plan and structure of the site. Planning, designing and developing a corporate website. Identification of the needs of an electronic commerce website. Plan and structure of the site. Planning, designing and developing an electronic commerce website.
420-CW2-ID - Web Design and Development II
<p>Subjects &ndash; Web standards and ethics. Network overview. Internet trends. SGML and XHTML markup languages. Development process. HTML and XHTML languages. Introduction to Cascading Style Sheets (CSS). ID classes and selectors. Grouping of DIV and SPAN elements. CSS external sheets. XHTML positioning with CSS. Text formatting with predefined styles. XHTML and text elements. XHTML lists. Configuration of background images. XHTML images. Horizontal movement, white space, browser, resolution. Design principles and best practice. Page layout and design techniques. Best practice for text, graphics and accessibility. CSS positioning, properties and attributes. CSS debugging. Relative hyperlinks. Internal links. CSS links and classes. Navigation with CSS. XHTML tables. XHTML page layout. Use of CSS for table style. XHTML properties and attributes. Introduction to CGI for data processing and server-side resources. Steps for CGI use. Other server-side technologies. Types of multimedia files. Sound in a website. Use of video in a website. Insertion of Java applets. Overview of DHTML and Ajax. Search engines and their components. Promotional design. Keywords, descriptions and meta-elements. Preferential placement.</p>
420-TAV-ID - Audio and Video Techniques
<p>Subjects &ndash; Functionalities of Adobe After Effects. Production of a basic animation. Importing footage. Animation of text and graphics using various file formats. Building 3D objects. Advanced editing techniques. Rendering and preparing content for export in various file formats and for various types of media. Video capture in various formats. Importing tapeless video. Editing tools and techniques. Applying effects to video sequences. Video clip velocity and interpolation. Light effects, shadow movements and transformation. Audio file formats. Features and parameters of audio. Sound optimization. Voice-over recording. Soundtrack editing. Audio transcript. Audio effects and transition. Exporting clips and sequences. Audio and video project development. Autorun DVD. DVD menus and formats.</p>
420-C12-ID - Interactive Content II
<p>Subjects &ndash; Review of multimedia animation. Standardization of names, instances and multiple timelines. Film loading and unloading, and time control. Introduction to ActionScript. External scripts. Website navigation. Event management. Classes, files and objects. Sequential, conditional and interactive control structure. Management of displaying properties, interpolations and conditional statements. Loading components and objects. Use of pre-loading and version check. Tables and loops. Action Script text. HTML testing and debugging. Colours, filters and bitmaps.</p>
420-PHN-ID - Digital Photography
Subjects – Using a digital camera. Photo programming and saving modes. Organizing photos on a hard drive. Camera movement (autofocus). Minimization of camera movement. Background and foreground. Lighting, shading and principles of light. Using a flash. Artificial light, night light and daylight. Exposure and white balance. Overexposure, underexposure and corrective actions. Shutter speed – geometric aperture of diaphragm. Creation of blur effect through reduced shutter speed. Depth of field. Accuracy and camera movement. Lenses, wide-angle, telephoto, zoom, focal lenses. Photographic composition. Colour balance, red eye effect avoidance, unwanted shading in overexposure and underexposure. Editing and organizing photos. Special effects. Creation of a slideshow.
420-NFP-ID - Fundamentals of Programming
Subjects – Life cycle of program development. Programming terms. Design and coding. Programming tools. Introduction to Visual Basic, IDE, language, controls and events. Numbers, characters, on screen data formatting. Decisional structures. Logical and relational operators. Structures: If... then and If... then... else. Structures: Case. Procedures and functions. Modular design. Loops: Do and For… Next. List processiong with loops. Tables, sorting and searching. Sequential files. Data access in a sequential file. Selection controls. Basic controls. Tables and objects. Events. Inheritance.
420-NMW-ID - Layout Fundamentals for Websites
Subjects – Efficiency in web page layout through the use of layout styles. Frames, tables and other organizational frameworks. Differences in screen sizes and resolutions. Hierarchical organization of a website. Types of organization : task-oriented, alphabetical, chronological. Website accessibility. Main features and examples of sites. Building an electronic commerce website. Shopping carts, addresses, methods of payment, order forms, confirmation, order follow-up. Message section. Writing search engines. Website marketing. Confidentiality policy. E-mail and website sign-up. Website security. Phishing, scam and spam prevention.
420-TYP-ID - Typography
Subjects – History of typography and calligraphy. Evolution of typography. Terminology. Straight lines and various shapes. Measurement units. Type classification. Palette of fonts and paragraphs. Kerning. Classical and modern families of fonts. Anatomy of typographic characters. Readability and style. Presentation, composition and layout. Efficiency of the drawing. Grid systems. Design type. Model definition in InDesign. Digital environment. Development of a typographic project from a root idea.
420-C11-ID - Interactive Content I
<p>Subjects &ndash; Introduction to drawing tools, fonts, gradients and layers. Identification of film properties. Introduction to timeline, animation and file format. Graphics, types of graphics, vectors, graphic vectors and raster graphics. Symbols and libraries. Importing graphics and other vector-based images. Image compression. Creation of video clip and shape, colour and motion interpolation. Shape, character, colour and movement adjustment. Articulated movement. Interactive navigation, animated buttons. Addition of sound to video files. Editing and importing sound files. Use of video elements. Optimization and monitoring of the loading process, and performance improvement. Basic script action. Final project and class presentation.</p>
420-T1A-ID - Advanced Image Processing
Subjects – Selecting and importing images from other graphics applications. Using an image manipulation software. Masks and extractions. Filters and filter correction of distortion and effects. Special effects and filters. Composite pictures. Using filters and layers. Specific colour palettes and adjustment. Use of shapes and styles. Use of textures and colour attributes on images. Opacity mapping techniques. Hue and saturation adjustment. Vectorial drawing techniques. Designing a composite picture. Printing and publishing with Photoshop.
420-C1U-ID - User Interface Design
Subject - History of the interaction between man and computer. The importance of the user interface. Graphic characteristics of a good user interface. Interaction styles (commands, menus, manipulation, anthropomorphic). Advantages and drawback of graphics. Obstacles and challenges in the development process. Evaluation of the use. Importance of understanding the user. The seven rules of design for users. Human considerations in interface design. Interface design goals. Testing. Organizing items . Attractive visual composition. Simple and meaningful presentation.
420-CW1-ID - Web Design and Development I
Subjects – Drawing styles and techniques. Development of one’s own drawing style. Drawing of lines and basic shapes. Principles of perspective for drawing. Observation and live subject drawing. Shadowing techniques. Variation of light and its effect on the drawing of shadows. Balanced composition in a drawing. Drawing textures: metals. Drawing textures: glass and its reflecting properties. Drawing textures: wood and wood textures. Freehand drawing of various objects.
420-1L1-ID - Computer Illustration
Subjects – Introduction to the illustration software Illustrator. Creating and saving documents. Menus and online help. Creating and drawing basic shapes, Bezier curves. Colour fill. Colour palette, Transform palette. Swatches and library of customized swatches. Gradients. Customized perspective grid and isometric perspective. Object transformation: rotation, skewing, volume, light, shadow... Text selection and addition, character types, text formatting, creation of columns and text flow adjustment. Adjustment of text around graphics. Adding type to images. Mixing objects, shapes and colours. Creating clipping masks and opacity masks. Masking images with shapes. Path finders. Compound paths. Creation of transparency highlights. Styles of graphics, filters and special effects. 3D creations. Web graphics with Illustrator.
420-NCC-ID - Fundamental Principles of Colour and Design
Subjects – Fundamentals of Design. Design terminology, line and shape. Design process. Principles of symmetry, asymmetry and balance in design. Use of shapes as elements of design. Abstract and non-objective shapes. Use of colour as element of design. Concept of space. Colour theory. How humans react to colours. Colour study: types, primary, secondary, hues, values, saturation, colour scale, cold and warm colours, complementary and contrasting colours, colour balance. Mixing colours through addition and subtraction. Colour harmony, visual impact, saturation and value of colours. Impact of media type on colours.
420-T1M-ID - Image processing
Subjects – Introduction to an image editing software (Photoshop). Photoshop configuration and environment. Scanning and image capture technologies. Image editing. Transferring images onto a computer. Creation of graphics. Colour adjustment technique using an image editing software. Photo touch-up and repair. Image manipulation techniques. Preparing images for print. Image type according to output media (print, web or other). Composite picture. Completion of project of professional quality and presentation.
Questions? Complete the form below to request FREE information!

I understand that by submitting this form, I consent to be contacted by email, phone, text message or any other form of communication by CDI College. My consent can be withdrawn at any time.

Request Free Info