Course

HTML/CSS Advanced

For Ages 12 - 17

course_description

HTML/CSS  Advanced is for students who wish to continue to develop their web development skills to a level where the students can develop sophisticated web sites. The course builds on the topics covered in HTML/CSS Foundations by introducing tables, forms, classes, methods and advanced CSS styling concepts. The course is student led, where students work at their own pace supported by an instructor. There are 40 short lessons in the course. Course completion requires the coding of a multi-page website that incorporates the concepts covered in the course.

 

Course Details

level
LEVEL
Intermediate
number of classes
NUMBER OF CLASSES
-
pedagogy
PEDAGOGY
Workshop
worksheet
COURSE WORKSHEETS
No
language
LANGUAGE
English
grade
GRADE LEVEL
Grades 3-8
instructor
STUDENT PER INSTRUCTOR
6 Maximum 4 Average
exercises
ADDITIONAL EXERCISES
Students Choice
location
LOCATION
Online
requisites
PRE REQUISITE
None
NoCredit
CardRequired
CreateYour
FreeAccount

Class Schedule

DateTimeAvailability
Fri Mar 31 2023 04:00 PM PST - 05:00 PM PSTYes
Sat Apr 01 2023 10:00 AM PST - 11:00 AM PSTYes
Tue Apr 04 2023 05:00 PM PST - 06:00 PM PSTYes
Thu Apr 06 2023 05:00 PM PST - 06:00 PM PSTYes
Fri Apr 07 2023 04:00 PM PST - 05:00 PM PSTYes
Sat Apr 08 2023 10:00 AM PST - 11:00 AM PSTYes
Tue Apr 11 2023 05:00 PM PST - 06:00 PM PSTYes
Thu Apr 13 2023 05:00 PM PST - 06:00 PM PSTYes
Fri Apr 14 2023 04:00 PM PST - 05:00 PM PSTYes
NoCredit
CardRequired
CreateYour
FreeAccount

Course Content

Course Introductions Video from HTML/CSS Advanced Course Videos
Play html-css-coding-classes-for-kids Course Introductions Video
Course Introductions

Welcome back, and congratulations on finishing HTML/CSS 2. In HTML/CSS 3, we will use the awesome power of CSS and HTML to create a blog, run for class president, or make a guide for your favorite game. I want you to get comfortable with coding HTML and CSS.

Researching Your Ideas Video from HTML/CSS Advanced Course Videos
Play html-css-coding-classes-for-kids Researching Your Ideas Video
Researching Your Ideas

Starting a new website is really exciting. I love getting inspiration from other sites and planning out what my site will look like. This is a very important step. Pick a subject that you're really interested in and investigate

Mock Up Tools Video from HTML/CSS Advanced Course Videos
Play html-css-coding-classes-for-kids Mock Up Tools Video
Mock Up Tools

After investigating a couple of websites, I now have some really good ideas for mine. I'm going to use a mockup tool so that I can experiment with different looks. Mockup tools make it easy to create a basic version, or mockup of what you want your page to look like.

Display Video from HTML/CSS Advanced Course Videos
Play html-css-coding-classes-for-kids Display Video
Display

Display is a CSS property that tells the browser how much space a tag takes up. To explain display, I'm going to use my previous project as an example so that I can highlight a couple of its sections and compare them.

Percentages Video from HTML/CSS Advanced Course Videos
Play html-css-coding-classes-for-kids Percentages Video
Percentages

You can change the width and height of a block tag with CSS. But you can't change the width and height of an inline tag as an inline tags width and height is always determined by its content. So let's look at how we can change the width of a block tag

Flexing Your Code Video from HTML/CSS Advanced Course Videos
Play html-css-coding-classes-for-kids Flexing Your Code Video
Flexing Your Code

We've looked at block tags like header, paragraph and h1. We've looked at inline tags like insert, and delete. One tag that isn't really block or inline is an image tag. Lets learn more.

Loading...