Phone: 855.534.6298 Cart
0item(s)

You do not have any courses in your Wish List. Choose from popular suggestions below or continue with Subject or Grade

POPULAR SUGGESTIONS

Product was successfully added to your Cart.

HTML5 and CSS3 Programming (TCH351)

HTML5 and CSS3 Programming (TCH351)

Add to WishList

Quick Overview

This course is designed to teach students to build effective websites using real-world case scenarios. Each tutorial is based on a case problem that leads students through the creation of a website while they master new techniques and complex concepts. The course covers concepts such as page layout, basic graphic design, mobile design, working with tables and columns, designing forms, using multimedia, JavaScript, and exploring arrays, loops and conditional statements.
Teacher-Led Course (one-time payment)   $450.00

Monthly Fees: Due Today:

* Required Fields

Price as configured: $0.00

Details

This course is designed to teach students to build effective websites using real-world case scenarios. Each tutorial is based on a case problem that leads students through the creation of a website while they master new techniques and complex concepts. The course covers concepts such as page layout, basic graphic design, mobile design, working with tables and columns, designing forms, using multimedia, JavaScript, and exploring arrays, loops and conditional statements.

Course Outline

Getting Started with HTML5

  • Explore the history of the web
  • Create the structure of an HTML document
  • Insert HTML elements and attributes
  • Insert metadata into a document
  • Define a page title
  • Mark page structures with sectioning elements
  • Organize page content with grouping elements
  • Mark content with text-level elements
  • Insert inline images
  • Insert symbols based on character codes
  • Mark content using lists
  • Create a navigation list
  • Link to files within a website with hypertext links
  • Link to e-mail addresses and telephone numbers 

Getting Started with CSS

  • Explore the history of CSS
  • Study different types of style sheets
  • Explore style precedence and inheritance
  • Apply colors in CSS
  • Use contextual selectors
  • Work with attribute selectors
  • Apply text and font styles
  • Use a web font
  • Define list styles
  • Work with margins and padding space
  • Use pseudo-classes and pseudo-elements
  • Insert page content with CSS

Designing a Page Layout

  • Create a reset style sheet
  • Explore page layout designs
  • Center a block element
  • Create a floating element
  • Clear a floating layout
  • Prevent container collapse
  • Explore grid-based layouts
  • Create a layout grid
  • Format a grid
  • Explore the CSS grid styles
  • Explore positioning styles
  • Work with relative positioning
  • Work with absolute positioning
  • Work with overflow content 

Graphic Design with CSS

  • Create a figure box
  • Add a background image
  • Add a border to an element
  • Create rounded borders
  • Create a graphic border
  • Create a text shadow
  • Create a box shadow
  • Create linear and radial gradients
  • Set the opacity of an element
  • Apply a 2D and 3D transformation
  • Apply a CSS filter
  • Create an image map

Designing for the Mobile Web

  • Create a media query
  • Work with the browser viewport
  • Apply a responsive design
  • Create a pulldown menu with CSS
  • Create a flexbox
  • Work with flex sizes
  • Explore flexbox layouts
  • Create a print style sheet
  • Work with page sizes
  • Add and remove page breaks

Working with Tables and Columns

  • Explore the structure of a web table
  • Create table heading and data cells
  • Apply CSS styles to a table
  • Create cells that span multiple rows and columns
  • Add a caption to a table
  • Create row and column groups
  • Apply styles to row and column groups
  • Display page elements in table form
  • Create a multi-column layout 

Designing a Web Form

  • Explore web forms
  • Work with form servers
  • Create forms and field sets
  • Create labels and input boxes
  • Explore form layout
  • Work with date and time fields
  • Create a selection list
  • Create option buttons
  • Create check boxes and text area boxes
  • Create spinners and range sliders
  • Use data lists
  • Create form buttons
  • Validate a form
  • Apply validation styles

Enhancing a Website with Multimedia

  • Understand audio and video formats
  • Insert an HTML audio clip
  • Support multiple audio formats
  • Insert an HTML video clip
  • Write a video caption track
  • Format video captions
  • Create a CSS transition
  • Explore transition attributes
  • Create a CSS key frame animation
  • Apply a CSS animation

Getting Started with JavaScript

  • Insert a script element
  • Write JavaScript comments
  • Display an alert dialog box
  • Use browser debugging tools
  • Reference browser and page objects
  • Use JavaScript properties and methods
  • Write HTML code and text content into a page
  • Work with a Date object
  • Use JavaScript operators
  • Create a JavaScript function
  • Create timed commands

Exploring Arrays, Loops, and Conditional Statements

  • Create an array
  • Work with array properties and methods
  • Create a program loop
  • Work with the for loop
  • Write comparison and logical operators
  • Create a conditional statement
  • Use the if statement

 

Additional Information

Course Length 4 Months
Prerequisites N/A
Course Materials

Many K12 courses utilize physical materials in addition to the online content.  These materials may include the following.


K12
Standard Kits

STANDARD kits contain K12 course materials that are required for completion of the course.  These kits include K12 authored materials and/or difficult to procure materials that a student needs to complete a course. Printed reference guides are not included in Standard kits.


Consumable
Materials

CONSUMABLE kits contain only those materials from the standard kit that are intended for one time use. Families who purchase a Standard kit for Child A could later purchase a Consumable kit for Child B to complete the same course.


Additional
Materials

Offered for added convenience, ADDITIONAL kits contain easily obtained materials needed for the course which a family may already have in their home. 


Learning
Coach and/or Student Reference Guides are available for purchase with some courses.  Electronic versions of these reference guides are also available within digital courses.

Course Start Date

Courses Taught by a K12 Teacher

Courses with a teacher have designated start dates throughout Fall, Spring, and Summer. Full-year courses last 10 months and semester courses last 4 months. Courses are taught by teachers in K12 International Academy. For details on start dates, click here.

Teacher Assisted Yes, this course is taught by a K12 International Academy teacher. If you are looking for a teacher-supported option with additional flexibility and year-round start dates, click here to learn about the Keystone School, another K12 online private schooling option.
  1. Be the first to review this product

To use this course, you'll need a computer with an Internet connection.  Some courses require additional free software programs, which you can download from the Internet.

Hardware and Browsers (Minimum Recommendations)

Windows OS

  • CPU: 1.8 GHz or faster processor (or equivalent)

  • RAM: 1GB of RAM

  • Browser: Microsoft Internet Explorer 9.0 or higher, Mozilla Firefox 10.0 versions or higher, Chrome 17.0 or higher

  • At this time our users are encouraged not to upgrade to Windows 10 or Edge (the new browser)

 

Mac OS

  • CPU: PowerPC G4 1 GHz or faster processor; Intel Core Duo 1.83 GHz or faster processor

  • RAM: 1GB of RAM

  • Browser: Firefox 10.0 versions or higher, Chrome 17.0 or higher (Safari is not supported!)

Internet Connections

It is highly recommended that a broadband connection be used instead of dial up.

NEED MORE INFO

By requesting this information, you agree to have a K12 or school representative contact you directly at the number provided, whether by person or a device that will automatically dial your home or cell phone. Consent not required for purchases.

K12 Store
THANK YOU!

We have received your inquiry and you will start to receive additional information about our school offerings and programs. An enrollment consultant will contact you shortly.