4) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create and turn in a simple webpage that properly uses the background-color, color, text-align, width, height, padding (padding-top, padding-right, padding-bottom, padding-left, and/or padding), float, and clear properties. Due Wednesday, December 9th, 2015
CSS Background
CSS Text
CSS Dimension
CSS width Property
CSS height Property
CSS Padding
CSS Layout - float and clear
Example: How the background-color, color, width, padding, float, and clear Properties Can Be Used with Block-Level Elements to Create Webpage Layouts
5) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create and turn in a simple webpage that properly includes at least two <a> elements. One of the <a>elements should link to a bookmark within the webpage, and the other should link to a different webpage. One of the <a> elements should have a _blank target value, and the other should have a_top target value. Additionally, properly use the <img>, and <object> elements to include images on your webpage. Due Wednesday, December 9th, 2015
HTML Links
HTML Images
HTML Plug-ins
1) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create and turn in a simple webpage that properly includes a <!DOCTYPE html> tag, an <html>element, <head> element, <title> element, <body> element, <p> elements, <br> elements, and at least two different types of heading elements. You may include other elements, if you wish. Due Wednesday, December 2nd, 2015
HTML Introduction
HTML Editors: Follow the instructions in the tutorial.
HTML Basic Examples
HTML Elements
HTML Attributes
HTML Headings
HTML Paragraphs
HTML(5) Style Guide and Coding Conventions
2) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create and turn in a simple webpage that properly uses both internal styling and inline styling to change the default background color of the webpage, and default color, font-family, font-size, and horizontal alignment of elements in the webpage. Additionally, please demonstrate your ability to properly use the class attribute. Due Friday, December 4th, 2015
HTML Styles
HTML Styles - CSS
CSS Selectors
CSS Colors
CSS Color Groups Use this as a reference.
3) Review the following webpages, and fill out this form. Using Notepad as an HTML editor, create and turn in a simple webpage that properly uses <div> elements and class attributes together, in order to create a consistant layout. Additionally, please demonstrate your ability to properly use the <span> element. Due Friday, December 4th, 2015
HTML Block and Inline Elements
HTML Classes
HTML Layouts
<!DOCTYPE html>
<html>
<head>
<title>Mister Richards' Awesome Webpage Title</title>
<style>
.center {text-align:center;}
</style>
</head>
<body>
<h1>Mister Richards' Awesome Webpage</h1>
<h2>This Webpage Is So Awesome, The Title Needs A Subtitle</h2>
<div>
<p class="center">This is my awesome paragraph.<br />This paragraph is so <span style="color:red; font-family:sans-serif;font-size:200%;">awesome</span>, it needed a break in the middle.</p>
</div>
</body>
</html>
Project
Create a webpage.
Your webpage should include passages about you: What makes you, you? What are your favorite activities? What do you like about those activities? Who makes up the members of your family? What do you do with your family? What makes your family unique? Who are your friends? What do you have in common with your friends? What activities do you do with your friends? Etcetera. Do NOT use any last names.
Your webpage should include a passage about this class. Your friends, family, and anyone else to whom you show your webpage will want to know a little bit about this class; so tell them about it.
Your webpage should include your projects. Remember to save your projects as GIFs. Each project should have its own description. How did you create the project? Etcetera.
Your webpage should use Unity, and Emphasis. Due Wednesday, January 6th, 2016
Vocabulary
Quiz: Friday, December 11th, 2015
Web Page (or webpage) a web document that is suitable for the World Wide Web and web browsers. Typical web pages provide hypertext.
HTML: an abbreviation that stands for HyperText Markup Language. It is the language for describing the structure of Web pages.
HTML Element: the basic building block of HTML and is typically made up of two tags: an opening tag and a closing tag.
HTML Attributes: modifiers that are added to HTML opening tags. They are separated from the tag name in the opening tag by a space, and the value of the attribute is assigned with an equal sign.
CSS: an abbreviation that stands for Cascading Style Sheets. It is the language for describing the presentation of Web pages, including colors, layout, and fonts.