Web Dev 5

Graphic designers are hired for their personality and their work quality. The first interaction potential employers have is through the designer’s online presence—most importantly a portfolio website. Leasing personal domains, configuring servers for email addresses, and peer reviews are some of the topics explored to launch a successful personal portfolio website.

Instructor Course code Prerequisites
Thomas J Bradley DSN1686 Web Dev 4
Classes Labs Homework
45 h 15 h ~45 h


  1. 1


    An overview of the course this term, assignments, projects and weekly tasks.

  2. 2

    Portfolio overview

    CLRs: 7

    An overview of your portfolio website process & starting a coming soon page.

  3. 3

    Domains, e-mails, hosting

    CLRs: 1, 7

    Look at how domains and DNS work, purchase portfolio website domain and set everything up.

  4. 4

    Writing for the web

    CLRs: 2, 3, 7

    Techniques, styles and formats, like Markdown & YAML, used when writing text for the web.

  5. 5

    Portfolio milestone 1 work period

    CLRs: 3, 7

    In class work time to spend on coding the interactive wireframe for your portfolio website.

  6. 6

    Layouts & Jekyll

    CLRs: 2, 7

    Looking at shared headers and footers on websites, like InDesign master pages, using the Jekyll site generator.

  7. 7

    SEO, enhanced metadata & analytics

    CLRs: 4, 7

    Enhance our websites with some honest search engine optimization, social media metadata & tracking analytics.

  8. 8

    Work week

    CLRs: 2, 3, 5, 7

    Work classes to get caught up and ready for the final push to the end of the term!

  9. 9


    CLRs: 5, 7

    A look at compressing video formats and embedding video into websites—as well as hosting video on global servers.

  10. 10

    Portfolio milestone 2 work period

    CLRs: 2, 3, 5, 7

    In class work time to spend on finalizing the basic—JavaScript free—version of your portfolio website.

  11. 11

    Portfolio testing

    CLRs: 2, 3, 5, 7

    Browser and peer testing for your portfolio website on lots of different devices and in lots of situations.

  12. 12


    CLRs: 2, 3, 5, 6, 7

    Dig into making your portfolio website load quickly on all devices and networks.

  13. 13

    Progressive enhancement & accessibility

    CLRs: 2, 3, 5, 6, 7

    Introduction to making JavaScript optional and not ruining accessibility by adding JavaScript.

  14. 14

    404 pages

    CLRs: 2, 3, 5, 6, 7

    Make a fun & personality-appropriate 404 page for your portfolio website.

  15. 15

    Portfolio final testing

    CLRs: 2, 3, 5, 6, 7

    Browser and peer testing for your final portfolio on lots of different devices and in lots of situations.

Marking scheme

Activities & lessons

10%17 @ 0.6% each

  • Complete/incomplete
  • Formative assessment


60% — 17 @ 3.5% each

  • Complete/incomplete
  • Formative assessment

Big projects

30% — 3 @ 10.0% each

  • Proof you learned everything
  • Summative assessment

Grading system

Algonquin College’s grading system is based on letter grades. Below are qualitative descriptions as well as numerical equivalents for the letter grades.

To succeed in the Graphic Design program you must…

  • Achieve a minimum passing grade of 50% (D-) in all courses across all levels
  • Achieve a minimum cumulative grade of 63% (C / 2.0)

Refer to Algonquin’s policy to learn how to calculate your grade point average.

Grade designations

A — Excellent
Course learning requirements are met in a consistently outstanding manner.
B — Superior
Course learning requirements are met and exceed the requirements.
C — Satisfactory
Course learning requirements are met satisfactorily.
D — Marginal
Course learning requirements are met, but achieved at a marginal level. consistent, ongoing effort is required for continuing success in the program.
F — Unsatisfactory (failure)
Course learning requirements are not met. No credit is awarded.

Numeric value conversions

Percent grade Letter grade Numeric grade

Students are expected to meet evaluation and completion deadlines as stated in course outline and course section information documents. In circumstances where evaluation and/or completion deadlines are missed or student performance has been affected by a temporary or permanent disability (including mental health), interim or retroactive accommodations may be considered. In such instances, please consult your course faculty member. For other situations where deferral of evaluations may be warranted, please refer to college policy AA21.

Course learning requirements

Launch a live website on a custom domain

  • Purchase and domain and point it to a web host
  • Purchase a custom email address and hook it up
  • Set up cloud tools for better performance & security

Systemize website content

  • Organize content with plain language and diagrams
  • Prioritize content to target both humans and computers
  • Structure content into reproducible systems
  • Use templates and modules to significantly reduce website duplication

Apply the technical constraints of the Web to design projects

  • Make adaptive layouts that change and respond to different devices, screen sizes & type sizes
  • Write progressively enhanced code for any device
  • Apply techniques for making websites load quickly

Apply techniques to improve search rankings

  • Write code that follows best practices to enhance distribution and effectiveness in search results
  • Apply metadata systems to enhance website presence on social media platforms
  • Apply data formats to enhance search results with more detailed information

Make websites accessible to all human beings

  • Apply coding best practices to enhance accessibility of web pages
  • Test websites the accessibility tools and fix problems

Demonstrate and apply understanding of web performance

  • Compress & format images correctly for best performance
  • Get feedback from automated tools and apply suggested changes
  • Improve rendering performance by delaying secondary resources

Develop an interactive portfolio website

  • Apply all web development knowledge & skills
  • Develop solutions to enhance user interaction
  • Use properly licensed and pre-build tools and code to enhance a website
  • Track website usage to find and plan around possible errors

Vocational learning outcomes

Description Taught Assessed Culminating performance
1 — Conceptualize and develop design solutions using principles of design to create visual communications that meet the needs of the projects.
2 — Employ the design process to create design solutions that meet the project objectives and the needs of the client and/or user.
3 — Plan, create and use photography, illustration and typography in design layouts to meet the requirements of the creative brief.
4 — Design, develop and create a variety of media products using relevant, current and/or emerging technologies.
5 — Communicate ideas, design concepts and opinions clearly and persuasively to others.
6 — Use recognized industry practices throughout the design process and related business tasks.
7 — Plan, implement, and evaluate graphic design projects using project management skills to deliver quality work to clients according to schedule and within budget.
8 — Complete all work in a professional and ethical manner, and in accordance with all applicable legislation and regulations.
9 — Keep current with visual media design trends, technologies and industry practices using strategies that enhance work performance and guide professional development.
10 — Identify and apply discipline-specific practices that contribute to the local and global community through social responsibility, economic commitment and environmental stewardship.

Essential employability skills

Description Taught Assessed Culminating performance
1 — Communicate clearly, concisely and correctly in the written, spoken and visual form that fulfills the purpose and meets the needs of the audience.
2 — Respond to written, spoken or visual messages in a manner that ensures effective communication.
3 — Execute mathematical operations accurately.
4 — Apply a systematic approach to solve problems.
5 — Use a variety of thinking skills to anticipate and solve problems.
6 — Locate, select, organize and document information using appropriate technology and information systems.
7 — Analyze, evaluate and apply relevant information from a variety of sources.
8 — Show respect for diverse opinions, values, belief systems and contributions of others.
9 — Interact with others in groups or teams in ways that contribute to effective working relationships and the achievement of goals.
10 — Manage the use of time and other resources to complete projects.
11 — Take responsibility for one's own actions, decisions and consequences.

Program policies

Respect for confidentiality

Students are required to respect the confidentiality of employer and/or client information, interactions, and practices that occur either on Algonquin College premises, or at an affiliated field co-op placement site. Concerns regarding clients and/or employer practices are to be brought to the attention of the program coordinator, or designated co-op placement supervisor so that they may be resolved collaboratively. Such concerns are not to be raised publicly either verbally, in writing, or in electronic forums. These matters are to be addressed through established program communication pathways.

Evaluation/earning credit

In order to understand the importance of meeting deadlines in the field, students will be required to complete assignments and projects within a given period of time. Due to the nature of the Graphic Design industry, all late assignments, handed in within one hour after deadline (to be determined by the instructor), will be given an F (value of 0 - 49%). Any assignment handed in after these terms, not handed in (NHI) or Incomplete will be given a zero (0). For the students benefit, the work will be corrected and critiqued. Incomplete projects are projects that do not meet all the criteria set out by the instructor for that particular project.


Quizzes, tests, assignments, projects, will average out to 100% and will not separately account for more than 30%. Grades given out in class, will not be discussed in class at that time. A student who wishes to discuss or appeal the grading of any project, must make an appointment with their instructor at a convenient time for both student and instructor. Grades will only be reviewed and discussed with the instructor who has graded the project. Instructors not involved in the project or assignment will not discuss marking or grades with the student.

Passing & promotion

The Graphic Design program uses two determinants for student advancement to the next level of their studies: one is a minimum passing grade and the the other is a minimum progression grade.

The achievement levels are as follows:

  • Achieve a minimum passing grade of 50% (D-) in all courses across all levels
  • Achieve a minimum cumulative grade of 63% (C / 2.0)

The passing grades will be calculated at the end of respective semester. Any students not meeting these minimum requirements will not be permitted to progress to the next level. Progression in the program also adheres to respective course pre- and co-requisites; students must meet the eligibility requirements for each course at every level. Pre- and co-requisite requirements can be found in the course outlines and in the course descriptions posted online. The Graphic Design program is integrated and most classes in the higher levels depend upon students having the skills and knowledge from courses taken in earlier semesters. Students cannot take these courses without the prerequisite.


All projects must be handed in according to individual instructors’ specifications. It is the responsibility of the student to get the correct submission instructions from their instructor, for each specific project.


Plagiarism is the submission of work that is in whole or in part belonging to someone else that you claim as your own. You should be aware of the College policy on plagiarism (AA20). Plagiarism will result in disciplinary action by the School of Media and Design as well as a permanent mark on your college record.


Students are expected to attend all scheduled classes. Attendance means arriving on time and staying for the entire class session. In order to succeed in your courses, your attendance and participation are essential. As a common courtesy, students unable to attend a class are asked to notify the instructor before the start of the class. If a student misses class time, they are responsible for getting missed information in that class and assumes all responsibility for any miscommunication that may arise in obtaining missed information and assignments outside of class time. No exceptions.

Problems and complaints

Any problems that arise about a course—for whatever reason—must be first taken up with the instructor of that course. An appointment must be made with that instructor outside of class time and discussed in private. An instructor must not be confronted with the problem during class time so that the class is not disrupted or confronted while the instructor is with another class. If the problem cannot be solved at that time, the student can then make an appointment with one of the Coordinators of the Graphic Design program. If the problem still cannot be resolved and this process has been followed, the student may then make an appointment with the Chair of Design Studies.

College policies


Algonquin College provides all full-time students with an e-mail account. This is the address that will be used when the College, your professors, or your fellow students communicate important information about your program or course events. It is your responsibility to ensure that you know how to send and receive e-mail using your Algonquin account and to check it regularly.

Students with disabilities

If you are a student with a disability, you are strongly encouraged to make an appointment at the Centre for Accessible Learning to identify your needs. Ideally, this should be done within the first month of your program, so that a Letter of Accommodation (LOA) can be provided to your professors. If you are a returning student, please ensure that professors are given a copy of your LOA each semester.

Retroactive accommodations

Students are expected to meet evaluation and completion deadlines as stated in course outline and course section information documents. In circumstances where evaluation and/or completion deadlines are missed or student performance has been affected by a temporary or permanent disability (including mental health), interim or retroactive accommodations may be considered. In such instances, please consult your course faculty member. For other situations where deferral of evaluations may be warranted, please refer to college policy AA21.

Academic integrity & plagiarism

Adherence to acceptable standards of academic honesty is an important aspect of the learning process at Algonquin College. Academic work submitted by a student is evaluated on the assumption that the work presented by the student is their own, unless designated otherwise. For further details consult Algonquin College Policies AA18: Academic Dishonesty and Discipline and AA20: Plagiarism.

Student course feedback

It is Algonquin College’s policy to give students the opportunity to share their course experience by completing a student course feedback survey for each course they take. For further details consult Algonquin College Policy AA25: Student Course Feedback.

Use of electronic devices in class

With the proliferation of small, personal electronic devices used for communications and data storage, Algonquin College believes there is a need to address their use during classes and examinations. During classes, the use of such devices is disruptive and disrespectful to others. During examinations, the use of such devices may facilitate cheating. For further details consult Algonquin College Policy AA32: Use of Electronic Devices in Class.

Transfer of credit

It is the student’s responsibility to retain course outlines for possible future use to support applications for transfer of credit to other educational institutions.

It is the student’s responsibility to refer to the Algonquin College Policies website for the most current information.