Course Overview
Graphic designers require web design skills as well as traditional media skills. In this course, students will be introduced to the foundation of front-end development and code management and become familiar with the basic tools of web design, including coding concepts to translate web design into code. Focusing on web standards as outlined by the World Wide Web Consortium (W3C), students will learn to hand code HTML 5, CSS3 (Cascading Styles Sheets) to control overall hierarchy, structure, functionality, layout and appearance of websites.
Prerequisite(s)
- No prerequisites are required for this course.
Credits
3.0
Domestic fees
$623.69 - $664.77 See individual course offerings below for actual costs.
International fees are typically 3.4 times the domestic tuition. Exact cost will be calculated upon completion of registration.
Learning Outcomes
Upon successful completion of this course, the student will be able to:
- Hand-code HTML and CSS to current web standards and create simple, deployable websites.
- Identify, utilize, and position HTML5 elements with CSS positioning in webpage layouts.
- Select and use HTML layout tags to create appropriate website layouts with consideration of visual design principles and web SEO optimization standards.
- Demonstrate and optimize images as web page assets.
- Learn the basics foundations of responsive website practices including Flexbox
- Integrate effective web design principles and web accessibility considerations.
- Analyze and troubleshoot error code messages in web browser de-bugging tools
- Introduce process of website implementation with hosting/domain services
- Provide a showcase of alternative website building solutions such as WordPress, Wix, and Web flow
Effective as of Spring/Summer 2025
Related Programs
Web Design (GDES 1195) is offered as a part of the following programs:
- Indicates programs accepting international students.
- Indicates programs eligible for students to apply for Post-graduation Work Permit (PGWP).
School of Business + Media
- Graphic Communications
Diploma Full-time
- Graphic Design
Certificate Full-time/Part-time
- Graphic Design and Interactive Media
Diploma Part-time
- User Interface (UI) and User Experience (UX) Design
Associate Certificate Part-time
Course Offerings
Fall 2026
Below are two offerings of GDES 1195 for the Fall 2026 term.
CRN 51994
Dates
Sep 10 - Nov 26 Loading
- CRN 51994
- $652.73 Domestic fees
Class meeting times
| Dates | Days | Times | Locations |
|---|---|---|---|
| Sep 10 - Nov 26 | Thu | 18:00 - 21:00 | Downtown DTC Rm. 875 |
Duration
12 weeks
Instructor
Richard Te
Course outline
Important information
- Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
- It is highly recommended that students complete GDES 1275 Raster Graphics: Photoshop prior or concurrently to this course. You will require access to the Adobe Creative Cloud to complete this course. In order to access the Adobe Creative Cloud on your personal devices for off-campus use, a subscription will be required. Information explaining how to obtain a discounted Adobe subscription is available on the BCIT Software Access webpage: kb.bcit.ca/student/adobe-creative-cloud-subscription-flexible-learning-student-3130/ If you are taking Graphic design programs, here is the suggested order to take them. www.bcit.ca/files/business/pdf/flexible-learning-graphic-design-certificate-recommended-order-of-courses.pdf
Confirmation
Required
To proceed with registration and add this course to the cart, please confirm:
Status
If you have any questions about this course, please contact us.
CRN 51996
Dates
Sep 14 - Nov 30 Loading
- CRN 51996
- $623.69 Domestic fees
Class meeting times
| Dates | Days | Times | Locations |
|---|---|---|---|
| Sep 14 - Nov 30 | Mon | 18:00 - 21:15 | Online |
Duration
12 weeks
Instructor
Richard Te
Course outline
Important information
- Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
- It is highly recommended that students complete GDES 1275 Raster Graphics: Photoshop prior or concurrently to this course. This is not a self-paced course. You will be expected to be available and online on the posted days and times shown on your registration schedule. It is important you have a stable and consistent internet connection to access course content. Please log into learn.bcit.ca using your BCIT student email and password on the first day of class. You will require access to the Adobe Creative Cloud in order to complete this course. Students who are currently registered in one or more BCIT Flexible Learning courses are eligible for a free Adobe Creative Cloud subscription from BCIT. For subscription information, please visit: kb.bcit.ca/student/using-adobe-software-for-students-3588/ If you are taking Graphic design programs, here is the suggested order to take them. www.bcit.ca/files/business/pdf/flexible-learning-graphic-design-certificate-recommended-order-of-courses.pdf
Confirmation
Required
To proceed with registration and add this course to the cart, please confirm:
Status
If you have any questions about this course, please contact us.
Winter 2027
Below are two offerings of GDES 1195 for the Winter 2027 term.
CRN 93205
Dates
Jan 07 - Mar 25 Loading
- CRN 93205
- $635.73 Domestic fees
Class meeting times
| Dates | Days | Times | Locations |
|---|---|---|---|
| Jan 07 - Mar 25 | Thu | 18:00 - 21:00 | Online |
Duration
12 weeks
Instructor
TBD
Course outline
Course outline TBD — see Learning Outcomes in the interim.
Important information
- Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
- This is not a self-paced course. You will be expected to be available and online on the posted days and times shown on your registration schedule. You will require access to Adobe Creative Cloud to start this course and it is your responsibility to have this access in place prior to course start. Students who are currently registered in BCIT Flexible Learning courses are eligible for a free Adobe Creative Cloud subscription from BCIT. Information explaining how to obtain an Adobe subscription is available on the BCIT Software Access webpage: kb.bcit.ca/student/adobe-creative-cloud-subscription-flexible-learning-student-3130/. It is important you have a stable and consistent internet connection to access course content. Please log into learn.bcit.ca using your BCIT student email and password on the first day of class. If you are taking Graphic design programs, here is the suggested order to take them. www.bcit.ca/files/business/pdf/flexible-learning-graphic-design-certificate-recommended-order-of-courses.pdf
Confirmation
Required
To proceed with registration and add this course to the cart, please confirm:
Status
If you have any questions about this course, please contact us.
CRN 93299
Dates
Jan 07 - Mar 25 Loading
- CRN 93299
- $664.77 Domestic fees
Class meeting times
| Dates | Days | Times | Locations |
|---|---|---|---|
| Jan 07 - Mar 25 | Thu | 18:00 - 21:00 | Downtown DTC Rm. 890 |
Duration
12 weeks
Instructor
Richard Te
Course outline
Course outline TBD — see Learning Outcomes in the interim.
Important information
- Important course information will be sent to you prior to your course start date. Check your myBCIT email account to access this information.
- You will require access to Adobe Creative Cloud to start this course and it is your responsibility to have this access in place prior to course start. Students who are currently registered in BCIT Flexible Learning courses are eligible for a free Adobe Creative Cloud subscription from BCIT. Information explaining how to obtain an Adobe subscription is available on the BCIT Software Access webpage: kb.bcit.ca/student/adobe-creative-cloud-subscription-flexible-learning-student-3130/. It is important you have a stable and consistent internet connection to access course content. Please log into learn.bcit.ca using your BCIT student email and password on the first day of class. If you are taking Graphic design programs, here is the suggested order to take them. www.bcit.ca/files/business/pdf/flexible-learning-graphic-design-certificate-recommended-order-of-courses.pdf
Confirmation
Required
To proceed with registration and add this course to the cart, please confirm:
Status
If you have any questions about this course, please contact us.
Programs and courses are subject to change without notice. Find out more about BCIT course cancellations.