Point Pleasant High School Mid-term Study Guides 2009-10
Please select your course:
Computer Concepts and Applications
Intro to Web
Intro to Web Mid-Term Study Guide
- Basic HTML tags and vocabulary
- PhotoShop Tools, Layers, Effects, Animation, Saving for web and devices
TAGS:
See complete list at the World Wide Web Consortium (W3) link: http://www.w3.org/TR/REC-html40/index/elements.html
Basic Tags
<html></html> Creates an HTML document
<head></head> Sets off the title and other information that isn't displayed on the Web page itself
<body></body> Sets off the visible portion of the document
Body Attributes
<body bgcolor="pink"> Sets the background color, using name or hex value
<body text="black"> Sets the text color, using name or hex value
<body link="blue"> Sets the color of links, using name or hex value
<body vlink="#ff0000"> Sets the color of followed links, using name or hex value
<body alink="#00ff00"> Sets the color of links on click
<body ondragstart="return false" onselectstart="return false"> Disallows text selection with the mouse and keyboard
Text Tags
<pre></pre> Creates preformatted text
<hl></hl> Creates the largest headline
<h6></h6> Creates the smallest headline
<b></b> Creates bold text
<i></i> Creates italic text
<em></em> Emphasizes a word (with italic or bold)
<strong></strong> Emphasizes a word (with italic or bold)
<font size="3"></font> Sets size of font, from 1 to 7
<font color="green"></font> Sets font color, using name or hex value
Links
<a href="URL"></a> Creates a hyperlink
<a href="mailto:EMAIL"></a> Creates a mailto link
<a href="URL"><img src="URL"> </a> Creates an image/link
<a name="NAME"></a> Creates a target location within a document
<a href="#NAME"></a> Links to that target location from elsewhere in the document
Formatting
<p></p> Creates a new paragraph
<p align="left"> Aligns a paragraph to the left (default), right, or center.
<br> Inserts a line break
<ol></ol> Creates a numbered list
<ul></ul> Creates a bulleted list
<li></li> Precedes each list item, and adds a number or symbol depending upon the type of list selected
<div align="left"> A generic tag used to format large blocks of HTML, also used for stylesheets
<img src="name"> Adds an image
<img rajaram="name" align="left"> Aligns an image: left, right, center; bottom, top, middle
<img src="name" border="1"> Sets size of border around an image
<hr /> Inserts a horizontal rule
<hr size="3" /> Sets size (height) of rule
<hr width="80%" /> Sets width of rule, in percentage or absolute value
<hr noshade /> Creates a rule without a shadow
Tables
<table></table> Creates a table
<tr></tr> Sets off each row in a table
<td></td> Sets off each cell in a row
<th></th> Sets off the table header (a normal cell with bold, centered text)
Table Attributes
<table border="1"> Sets width of border around table cells
<table cellspacing="1"> Sets amount of space between table cells
<table cellpadding="1"> Sets amount of space between a cell's border and its contents
<table width="500" or "80%"> Sets width of table, in pixels or as a percentage of document width
<tr align="left"> or <td align="left"> Sets alignment for cell(s) (left, center, or right)
<tr valign="top"> or <td valign="top"> Sets vertical alignment for cell(s) (top, middle, or bottom)
<td colspan="2"> Sets number of columns a cell should span (default=1)
<td rowspan="4"> Sets number of rows a cell should span (default=1)
Photoshop Tools
1 – Rectangular marquee tool Used for making selections of items with a rectangular shape.
2 – Lasso Tool Used for drawing the shape of whatever you would like to select.
3 – Crop Tool Used for cropping the size of the image to whatever you like.
6 – Eraser Used to erase whatever you like.
7 – Blur Tool Used for blurring whatever you continue to click on.
8 – Pen Tool Used to create paths or shapes.
9 – Path Selection Tool Used to select and or move paths you have created.
11 – Hand Tool Used to naviage your view especially when zoomed into large percentages.
12 – Foreground/Background Used to select the color of the foreground and background
13 – Move Tool Used to move things in your document
14 – Quick Selection Tool Used for selecting shapes or other parts of an image from its background to be removed or relocated.
15 – Eye Dropper Tool Used to change the foreground/background color to whatever color you click on in your document
16 – Brush Tool Used to paint whatever you like with whatever type of brush you choose.
17 – History Brush Tool Helps with mistakes and can use previous states of the image
18 – Paint Bucket Used for filling areas with color.
20 – Text Tool Used for adding text horizontally or vertically.
21 – Shape Tool Used to create shapes from rectangles to polygons, to even custom shapes.
PhotoShop Layers
web design resource links
Computer Concepts and Applications Study Guide
Microsoft Word
Key Skills
- Identify and use Word Toolbars
- Create business formatted documents: Letter, Memo, Web page
- Use Task Pane for clipart, templates, and advanced formatting
- Save files as Word documents (.doc) Web pages (.html) and PDF (.pdf)
Key Vocabulary
- Word
- Internet Explorer (IE)
- Bridge
- H drive (H:)
- L drive (L:)
- Toolbars: Menu, Standard, Format, and Picture
- Task pane
- Template
- Letter
- Memo
- Web page
- Business Format
- Document
- Image
- Clipart
- Table
- Spell check
- Right-click
- Left-click
- Save
- Save As
- Save as web page
Microsoft Excel
Key Skills
- Create and save a workbook (.xls)
- Enter data into a spreadsheet
- Use basic math function (like SUM)
- Use Financial Functions (like PMT)
- Create charts and graphs (like Bar Chart)
Key Vocabulary
- Excel
- Toolbars
- Data
- Spreadsheet
- Workbook
- Cell
- Column
- Row
- Function
- “F of x” button (function button) Fx
- SUM
- PMT
- APR
- RATE
- IPMT
- PPMT
- NPER
- PV
- FV
- Chart
- Graph
- 3D Chart
resource links
computer concepts