Skip to main content
The following fields are required:
Error has occurred. Please reload this page and try the operation again.
  • Agents
  • Partners
  • Student Login
  • Instructor Login
UC Berkeley Extension Home Page
      • Areas of Study
        • Art and Design
        • Behavioral Health Sciences
        • Business
        • Construction and Sustainability
        • Education
        • Humanities and Languages
        • Sciences, Mathematics
          and Biotechnology
        • Technology and
          Information Management
        • Writing, Editing and
          Technical Communication
      • Online Learning
        • Online Courses and Certificates
      • Events
        • Information Sessions
        • Free and Low Cost Events
      • Academic Services
        • Enrollment
        • Transcripts
        • General Information
        • Community Guides
      • Course and Program Information
        • Latest COVID-19 Information
        • Online Course Policies
        • Certificates, Programs and CEUs
        • Concurrent Enrollment
        • Career Services
      • Student Aid
        • Disabled Students
        • Financial Assistance
        • Community Impact Scholarship
      • Voices
        • Voices Home
        • Educator Insights
        • Student Stories
        • Professional Pathways
        • Industry Trends
      • Events
        • Information Sessions
        • Free and Low Cost Events

  • Berkeley Global

Web Design With HTML5 and CSS3

DESIGN X455

11188390
Delivery Options Online

Get an introduction to HTML5 and CSS3 to create a small or personal website. After Applying web standards as you code and mastering the fundamentals of web development and design, you then proceed rapidly with semantic coding, starting from text editor in the browser and ending with a website on the Internet. Class discussions include alternative open source software and best practices for usability and HTML accessibility.

Learn to code web pages by creating a website and prototyping interactive sites using InVision to build a complete site worthy of a portfolio piece. You begin with the research phase, then continue to wireframing, prototyping and development. Industry standard tools applied in this course include InVision, Atom and GitHub. You build out a final website throughout the class by using HTML5, CSS files, video integration, CSS3 transitions and animations, transformations, responsive web design, version control of code, browser development tools and site deployment. We make coding doable and digestible for designers.

Take a moment to view Amanda Hinton’s B-52’s portfolio website which she coded and Kyra Polyudova’s website project fully designed from scratch.

Course Outline

Expand or collapse section

Course Objectives

  • Understand progressive enhancement as a best practice
  • Understand HTML5's document structure
  • Implement element semantic coding
  • Understand the Document Object Model
  • Be able to integrate cascading stylesheets (CSS)
  • Be able to identify principles of web design usability and accessibility
  • Be able to code web pages to create a personal website
  • Be able to identify images for the Web and understand file formats
  • Utilize correct file and folder structures
  • Be able to identify online resources related to your personal website
  • Understand the process to create a web hosting account and optional domain name

What You Learn

  • Understand Document Object Model structure
  • Integrate CSS files
  • Semantic coding
  • Identify HTML accessibility
  • Understand and implement JavaScript/jQuery plugins
  • Wireframe and design multipage website
  • Prototype interactive website using InVision
  • Code web pages to create a website
  • Learn about website optimization and performance
  • Understand document structure
  • Learn deployment and version control with Git

 

How You Learn

We are online! All of the design classes are conducted online and include video classes, mentor-led learning and peer-to-peer support through our student online platform, Canvas. 

  • Lectures
  • Reading assignments
  • Quizzes at instructor’s discretion
  • Small-group activities
  • Homework assignments
  • Capstone project

Is This Course Right for You?

This course is intended for anyone interested in building their own website. The course will be very fast paced and hands-on with an emphasis of during further exploration outside of the classroom. The topics and implementation will be vast, but taught in a smaller compartmentalized manner so students can feel confident and will be set up for success. The goal is to have a narrow scoped project, but open the possibilities of further learning experiences. No prior programming or knowledge is required. Our experienced instructor provides practical Information in web design skills and monitors your development along with peer-to-peer support on our student online platform.

Other classes to be considered: Graphic and Web Design Portfolio, UX Design Portfolio.

Loading...

Sections

Section 021

Mar 04, 2021 to May 06, 2021 Live Online

Course Fee(s)

Course Fee credit (2 units)

$917.00


Type Live Online

Access classroom-style interactive learning from anywhere in the world! Attend scheduled online sessions with your instructor and classmates in addition to completing your coursework.

Live Online format allows you to take classes from anywhere with an internet connection. Classroom sections will be taught in this format through Spring 2021. Learn more about this format.

Beginning August 15, 2020, you must have a Zoom account to participate.

Many schools are now accepting transfer credit for online coursework, including health and sciences programs. Check with your institution before enrolling.

Days

Th

Time

6:30PM to 9:30PM Pacific Time

Dates

Mar 04, 2021 to May 06, 2021

Schedule and Location

View Details

Instructional Hours

30.0

Delivery Options

Online

Available for Credit

2 semester units

Instructors

  • William Fuller

Section Notes

This course runs from March 04 to May 06, 2021.

Live Online format allows you to take classes from anywhere with an internet connection. Access classroom-style interactive learning from anywhere in the world! Attend scheduled online sessions with your instructor and classmates in addition to completing your coursework via Zoom and our student platform called Canvas.

The following minimum recommendation for UX Design:

  • Apple MacBook or PC

    • 8 to 16GB RAM

Section 022

Jun 10, 2021 to Aug 12, 2021 Live Online

Course Fee(s)

Course Fee credit (2 units)

$917.00


Type Live Online

Access classroom-style interactive learning from anywhere in the world! Attend scheduled online sessions with your instructor and classmates in addition to completing your coursework.

Live Online format allows you to take classes from anywhere with an internet connection. Classroom sections will be taught in this format through Spring 2021. Learn more about this format.

Beginning August 15, 2020, you must have a Zoom account to participate.

Many schools are now accepting transfer credit for online coursework, including health and sciences programs. Check with your institution before enrolling.

Days

Th

Time

6:30PM to 9:30PM Pacific Time

Dates

Jun 10, 2021 to Aug 12, 2021

Schedule and Location

View Details

Instructional Hours

30.0

Delivery Options

Online

Available for Credit

2 semester units

Instructors

  • William Fuller

Section Notes

This course runs from June 10 to August 12, 2021.

Live Online format allows you to take classes from anywhere with an internet connection. Access classroom-style interactive learning from anywhere in the world! Attend scheduled online sessions with your instructor and classmates in addition to completing your coursework via Zoom and our student platform called Canvas.

The following minimum recommendation for UX Design:

  • Apple MacBook or PC

    • 8 to 16GB RAM

This course applies to the following programs:

Professional Program in Graphic Design

Expand or collapse section

Required Courses

  • Visual Design Principles
  • Illustrator I
  • InDesign
  • Typography Fundamentals
  • Photoshop I
  • Web Design With HTML5 and CSS3
  • Graphic and Web Design Portfolio

Courses for Further Advancement

  • Animation Design and Video Production
  • Diagramming and Prototyping for UX
  • Illustrating Children's Books
  • Essentials of User Experience (UX) Design
  • User-Interface (UI) Design
  • Branding
  • Expressive and Experimental Typography
  • Information Architecture (IA) and Content Strategy

Learn More About this Program

Professional Program in User Experience (UX) Design

Expand or collapse section

Required Courses

  • Essentials of User Experience (UX) Design
  • Diagramming and Prototyping for UX
  • Visual Design Principles
  • User Research for UX
  • Information Architecture (IA) and Content Strategy
  • User-Interface (UI) Design

Electives

  • UX Design Portfolio
  • Qualitative Research: Design, Implementation and Methods
  • Quantitative UX Metrics and Research
  • Human-Centered Design for Data Visualization
  • Design Thinking and UX Strategy
  • Accessibility in UX Design
  • Service Design
  • Web Design With HTML5 and CSS3
  • Typography Fundamentals
  • Illustrator I
  • Photoshop I
  • InDesign
  • Branding

Learn More About this Program

Notes

Departmental contact: extension-graphicdesign@berkeley.edu | (510) 643-8916

UC Berkeley Extension UC Berkeley Extension Footer Logo

1995 University Ave., Suite 200

Berkeley, CA 94704-7000

extension@berkeley.edu

  • About Us
  • Administration
  • Contact Us
  • Gifts
  • Jobs

Copyright © UC Regents

Powered by Destiny One
Facebook Facebook Icon Twitter Twitter Icon LinkedIn LinkedIn Icon YouTube YouTube Icon Instagram Instagram Icon

Join us on WeChat!

Image of UC Berkeley Extension's WeChat QR code

We use cookies to give you the best experience on our website. By clicking Accept, you consent to our cookie policy and privacy policy.

Session Time-Out

For security reasons and the protection of your personal information, your session will time out due to a period of inactivity in minute(s) and second(s). Click Extend My Session to continue. For security reasons and the protection of your personal information, your session timed out after a period of inactivity. You will be redirected to the home page.

Confirm

Alert

Course Fee

DESIGN X455 - 021 - Web Design with HTML5 AND CSS3

Processing...

Online

William Fuller

Steve Fuller, B.S., is a Software Engineer who has focused on frontend web technologies to create dynamic and user friendly applications for the past 5 years. He began with Incentive Networks, a startup, serving loyalty applications to companies including British Airways, Qantas, and Norwegian Airlines among others. He then took a position at ASUS North America as a Front End Developer to lead projects delivering microsites, building and maintaining internal applications, researching and reporting on analytics of sites, and providing knowledge in design and development to the marketing team. Currently, he is a Software Engineer at Airbnb designing and building internal applications and supporting the Airbnb Career pages and Talent Systems team.

Course Fee

DESIGN X455 - 022 - Web Design with HTML5 AND CSS3

Processing...

William Fuller

Steve Fuller, B.S., is a Software Engineer who has focused on frontend web technologies to create dynamic and user friendly applications for the past 5 years. He began with Incentive Networks, a startup, serving loyalty applications to companies including British Airways, Qantas, and Norwegian Airlines among others. He then took a position at ASUS North America as a Front End Developer to lead projects delivering microsites, building and maintaining internal applications, researching and reporting on analytics of sites, and providing knowledge in design and development to the marketing team. Currently, he is a Software Engineer at Airbnb designing and building internal applications and supporting the Airbnb Career pages and Talent Systems team.

Processing...

Privacy Policy

Cookie Policy

This statement explains how we use cookies on our website. For information about what types of personal information will be gathered when you visit the website, and how this information will be used, please see our privacy policy.

How we use cookies

All of our web pages use "cookies". A cookie is a small file of letters and numbers that we place on your computer or mobile device if you agree. These cookies allow us to distinguish you from other users of our website, which helps us to provide you with a good experience when you browse our website and enables us to improve our website.

Types of cookies we use

We use the following types of cookies:

  • Strictly necessary cookies- these are essential in to enable you to move around the websites and use their features. Without these cookies the services you have asked for, such as signing in to your account, cannot be provided.
  • Performance cookies- these cookies collect information about how visitors use a website, for instance which pages visitors go to most often. We use this information to improve our websites and to aid us in investigating problems raised by visitors. These cookies do not collect information that identifies a visitor.
  • Functionality cookies- these cookies allow the website to remember choices you make and provide more personal features. For instance, a functional cookie can be used to remember the items that you have placed in your shopping cart. The information these cookies collect may be anonymized and they cannot track your browsing activity on other websites.

Most web browsers allow some control of most cookies through the browser settings. To find out more about cookies, including how to see what cookies have been set and how to manage and delete them please visit http://www.allaboutcookies.org/.

Specific cookies we use

The list below identify the cookies we use and explain the purposes for which they are used. We may update the information contained in this section from time to time.

  • JSESSIONID: This cookie is used by the application server to identify a unique user's session.
  • registrarToken: This cookie is used to remember items that you have added to your shopping cart
  • locale: This cookie is used to remember your locale and language settings.
  • cookieconsent_status: This cookie is used to remember if you've already dismissed the cookie consent notice.
  • _ga_UA-########: These cookies are used to collect information about how visitors use our site. We use the information to compile reports and to help us improve the website. The cookies collect information in an anonymous form, including the number of visitors to the website, where visitors have come to the site from and the pages they visited. This anonymized visitor and browsing information is stored in Google Analytics.

Changes to our Cookie Statement

Any changes we may make to our Cookie Policy in the future will be posted on this page.