-
-
- Transfer Credit
- Online Learning
- Events
- Custom Programs
-
-
-
- Academic Services
- Course and Program Information
- Student Aid
-
-
-
Berkeley Global
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 Figma 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 Figma, Visual Studio Code 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.