2nd Quarter Reviewer

Grade 8

Wireframes
Website wireframes are simple line drawings that help you visualize the placement of elements on your webpage. You
can use OmniGraffle software; it is the best software for creating wireframe. You can use simple shapes when creating
website wireframes.
Include all the important elements of webpage:
1. Header/Footer
2. Content
3. Menu/Navigation
Keywords

 Tags- code that acts as a label that web browser interprets.

 Elements- a complete tag with opening and closing tags.

 Attribute- a property value that customizes or modifies and HTML Element.

Different types of alignment:

1. Center- center your content on the page. (Ex: <h1 align= "center ">
2. Left- align your content with the LEFT MARGIN.(Ex: <h1 align= "left ">
3. Right- align your content with the RIGHT MARGIN (Ex: <h1 align= "right ">
4. Justifies- distribute your text evenly between the margins. (Ex: <h1 align= "justify ">

Facts about HTML

 HTML is a programming language. Short for Hypertext Markup Language.

 Notepad is commonly used text editor on Windows.
 Notepad is a simple document that can be accessed through WWW.
 code that acts as label that web browser interprets

Attributes:

 bg color - attribute used to set the background color.

 <img>- used to embed an image in an HTML page.
 Title attribute defines some extra information about an element.
 Font size – example: <font size="+4">

Three Ways on how to Create Website Wire Frame

 Drawing it by Hand on Paper.

 Using Adobe photoshop, illustrator, paint, or other graphics software.

 Using Software created for this type of task like OmniGraffle.

Basic HTML Colors