Nationally RecognizedHTML/CSS Advanced
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
CardRequired
FreeAccount
Class Schedule
| Date | Time | Availability |
|---|---|---|
| Fri Mar 31 2023 | 04:00 PM PST - 05:00 PM PST | Yes |
| Sat Apr 01 2023 | 10:00 AM PST - 11:00 AM PST | Yes |
| Tue Apr 04 2023 | 05:00 PM PST - 06:00 PM PST | Yes |
| Thu Apr 06 2023 | 05:00 PM PST - 06:00 PM PST | Yes |
| Fri Apr 07 2023 | 04:00 PM PST - 05:00 PM PST | Yes |
| Sat Apr 08 2023 | 10:00 AM PST - 11:00 AM PST | Yes |
| Tue Apr 11 2023 | 05:00 PM PST - 06:00 PM PST | Yes |
| Thu Apr 13 2023 | 05:00 PM PST - 06:00 PM PST | Yes |
| Fri Apr 14 2023 | 04:00 PM PST - 05:00 PM PST | Yes |
CardRequired
FreeAccount
Questions? Please email us at [email protected]
Course Content
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
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
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
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
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
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.