Essential Question: How can I make a website that uses multimedia?
Mastery Objectives:
SWBAT create a website that uses multimedia.
SWBAT create a website that uses different colored hyperlinks.
SWBAT create a website that uses inline and block elements.
SWBAT create a website that uses favicons.
Directions: Create a website for your favorite group and information on concert events. Your web page should have the following:
Use VS Code to create your website.
Change the colors of the Alink, Vlink, and link so that it coordinates with a theme you design. HTML Link Colors
Have each link open in a separate window using "_blank" as the target. HTML Links Hyperlinks
Create a favicon and code it into your title. HTML Favicon
Create a second page that is linked to your first page with tour dates for other cities.
Hyperlink 3 images.
Use 3 different headings (h1, h2, h3, h4, h5, h6).
Use <strong> to bold your text at least one time in your project.
Use a block element and an inline element with borders. https://www.w3schools.com/html/html_blocks.asp
Use two <div> elements in your page. HTML Div Tutorial
Create classes for your <div> elements. HTML Classes - The Class Attribute
Create a table in your page that uses table headers and a border. HTML Tables
Add padding and spacing to your table. HTML Table Padding & Spacing
Include charset in your page. HTML Charset
Include <!DOCTYPE html> in your page. HTML Basic
Create a marquee. HTML Marquee Tag
Insert a video in your page with the player built-in. HTML Video
Insert audio in your page. HTML Audio
Make your page responsive so that it shows full-width regardless of what device you are viewing it on. <meta name="viewport" content="width=device-width, initial-scale=1.0"> HTML Responsive Web Design