Bachelor of Fine Arts in Illustration and Digital Photography
REQUEST INFO
ENROLL NOW
Online Web Type Course course at Sessions College

Online Web Type Course

30 hours

5216: Web Typography

Explore new creative frontiers in Web typography

Crafting the experience of Web type remains the quiet bulk of a Web designer's work. In this online Web type course, you'll learn how to enhance your Web designs with the the latest techniques for styling, typesetting, and embellishing text. Working with a pro designer, you'll get up to speed on the latest in Web font options and how to use CSS font stacks. You'll study a mix of classic and cutting edge techniques to ensure on-screen readability and effective rhythm, including CSS3 effects and typography-driven information graphics.

Course At A Glance

Course Features

  • 100% online
  • Project-based
  • Instructor-led
  • Study at your own pace
  • Complete this course in 3-4 weeks

Instructor(s)

The course is taught by the following instructor(s):

Course developed by: Piper Nilsson

Take this course as a standalone or as part of the following program(s):

Course Projects

    1. Web Fonts

      As a web designer, the right typography can help you visually communicate the voice of your content. In this course, you'll learn how Web typography has evolved to give Web designers as much control over their type as print designers. In the first lecture, you will identify key differences between print and Web typography, apply best practices for CSS font stacks, and explore avenues for finding and implementing the right typefaces.

    2. Typesetting

      The week's class focuses on the art of typesetting. In this lecture, you will analyze the effects of font size, font measure, and line height on screen readability. You'll also explore different visual rhythms for text layout and discover how grid-based Web page layouts provide structure and unity.

    3. Refinements and Embellishments

      At this point in the course, you'll have a working understanding of fonts, typesetting, and layout techniques. Now, it's time to refine and embellish your typography to retain viewer attention. In the final lecture, you'll use proper HTML5 semantics to mark up your text, and apply CSS3 effects to add shadows, transitions, and text transformations. You'll also explore how to use infographics to turn complex data into digestible stories.

Sample Student Work

by Della Shapiro

Course Outcomes

What Are The Course Projects?

Research and apply typography as you design a web site using HTML5 and CSS to craft page layouts, article styles, and infographic designs.

What Software or Supplies Do I Need?

  • Computer with Internet connection.
  • Adobe Photoshop and Dreamweaver or equivalent programs.
  • Basic experience in the above software.
  • An account with a Web hosting service (free services are available).
  • Basic experience with HTML and CSS and familiarity with File Transfer Protocol (FTP) programs.

What Will I Learn?

Students in this course can expect to learn to:

  • Identify key differences between print and Web typography.
  • Apply best practices for CSS font stacks and Web font options, including use of @font-face and Typekit.
  • Create an online presence for a print magazine with a new logo, Web fonts, and a "Style Tile" that communicates design goals.
  • Analyze how font size, measure, and line height affect readability on the screen.
  • Explore the effects of simple and complex visual rhythms for text layout.
  • Implement a grid-based layout for multiple devices using an existing grid framework.
  • Design and build page layouts for a print magazine's online presence using a pre-built CSS grid framework.
  • Enhance Web text and retain viewer attention with proper HTML5 semantics and CSS3 effects.
  • Combine text with information graphics to tell help users digest complex information.
  • Incorporate a grid layout, typographic embellishments, and an infographic into a longform article for an online magazine Web site.

Getting Started

Course Registration

  • Enroll today, start tomorrow
  • Study at your own pace
  • Complete within 3 months

Course Tuition and Fees 
Tuition$619
Registration Fee* $50
Total Course Price $669

Registration fees are nonrefundable after 5 days from enrollment. All tuition includes a digital materials fee for course content.

Click Register Now to enter your information and desired start date. An Admissions Advisor will contact you to arrange payment and provide you with an Enrollment Agreement.

Frequently Asked Questions (FAQ)

 

What Are The Courses Like?

Our courses are project-based. There are no set logins, so you can study at your own pace. In each course you’ll complete a series of lectures and projects designed to stretch your creative skills.

How Much Time Do I Need?

This course can be completed in 30 hours or less. You’ll have three months from enrollment to complete the course studying at your own pace. Extensions are available for those who need more time.

Who Are The Instructors?

Our courses are developed and taught by our faculty of professional artists, designers, and photographers. You’ll learn in-demand skills, get feedback on your work, and build a portfolio of creative work.

Is Sessions College accredited?

Yes. Since 2001, Sessions College has been accredited by the Distance Education Accrediting Commission (DEAC). The Distance Education Accrediting Commission is listed by the U.S. Department of Education as a recognized accrediting agency and is recognized by the Council for Higher Education Accreditation (CHEA).