Shared Flashcard Set

Details

Fundamentals of Web Design FWD
Full Sail FWD lectures 1-8 review questions
80
Other
Undergraduate 3
07/22/2006
Click here to study/print these flashcards.

Create your own flash cards! Sign up here.

Additional Other Flashcards

 

 

Cards

Term
HTML - HyperText Markup Language
 Definition
The "Language of the Web" A collection of Tags, Attributes, & Values that build up an electronic document (Ex:Web Pages)
Term
What are the four required tages in an HTML doucument?
 Definition
The tag The head> tag The tag The <body> tag</b></td></tr> </table></td> </tr> <tr><td height="10" colspan="2" bgcolor="#f0f0f0"></td></tr> <tr valign="top"> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Term</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>The <html> tag</b></td></tr> </table></td> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Definition</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>The "root element. Opens at the top of the document. Closes at the end of the document. Everything goes inside the opening & closing tags.</b></td></tr> </table></td> </tr> <tr><td height="10" colspan="2" bgcolor="#f0f0f0"></td></tr> <tr valign="top"> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Term</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>The <head> tag</b></td></tr> </table></td> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Definition</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>Goes inside the <html> tag Contains document iformation Not used for content Includes related documents Cascading Style Sheets JavaScript Documents Loads before the rest of the document.</b></td></tr> </table></td> </tr> <tr><td height="10" colspan="2" bgcolor="#f0f0f0"></td></tr> <tr valign="top"> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Term</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>The <title> tag</b></td></tr> </table></td> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Definition</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>Goes inside the <head> tag Gives the document a title Displays in the Title Bar of the browser window. Should be short & descriptive Used when search engines index pages</b></td></tr> </table></td> </tr> <tr><td height="10" colspan="2" bgcolor="#f0f0f0"></td></tr> <tr valign="top"> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Term</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>The <body> tag</b></td></tr> </table></td> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Definition</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>Immediately follows the closing </head> tag.<br />This is where the good stuff is...<br />Contains the actual content of the website<br />The information the user sees, Text, Images, etc...</b></td></tr> </table></td> </tr> <tr><td height="10" colspan="2" bgcolor="#f0f0f0"></td></tr> <tr valign="top"> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Term</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b>A sample HTML page</b></td></tr> </table></td> <td width="354" background="http://media.flashcardmachine.com/images/preview_card_back.gif"> <span style="font-size:11px;font-weight:bold;">Definition</span><br /> <table border="0" cellpadding="4" cellspacing="0" width="350" height="200"> <tr valign="middle"><td align="center"><b><html> <head> <title>page title goes here body information goes here
Term
What are the three most used browsers?
 Definition
Internet Explorer - 85%

Firefox - 10%

Safari - 3%
Term
what three extensions will help you the most in Firefox?
 Definition
HTML Validator

Web Developer Toolbar

X-Ray
Term
What does HTML stand for?
 Definition
Hyper Text Markup Language
Term
HTML is a collection of_______,_______,
_______,that build up an electronic document
 Definition
tags, attributes, values
Term
What tags open and closes an HTML document?
 Definition
< html> < /html>
Term
What tag follows the tag & contains information that loads before the visible portion of the web page?
 Definition
< head> < /head>
Term
What tag describes the contents of the document, is important to search engines, & is found inside the ?
 Definition
< title> < /title>
Term
What tag contains all the text & images that are displayed in the viewport?
 Definition
< body> < /body>
Term
Headings
 Definition

used to label a word, phrase, or sentence that describes the content that follows
Term
Paragraph
 Definition

used to label a distinct section of sentences that begin on a new line
Term
How can you make your job easier in web design
 Definition
Good organization
Term
What do we use to transfer files?
 Definition
A File Transfer Protocol (FTP) Client
Term
Local:

Remote:

SFTP:
 Definition
Your computer

The web server

Secure File Transfer Protocol
Term
CSS is the language web designers use to change:
 Definition
Fonts, Colors, Background images & colors, Layout
Term
CSS goes in a sparate file
 Definition
example.css
Term
CSS is attached to a HTML document inside the
Definition
Term
Wireframes
 Definition
are the blueprints or storyboards of web page designs.
Term
What do we use to transfer files?
 Definition
A File Transfer Protocol (FTP) Client
Term
What does SFTP stand for?
 Definition
Secure File Transfer Protocol
Term
What is the file extension for a Cascading Style Sheet?
 Definition
example.css
Term
CSS files are attached in the ______of a
HTML document
 Definition
Term
CSS files are attached in the ______of a
HTML document
 Definition
Term
Wireframes are the _______ or _______
of web page designs.
 Definition
blueprints,storyboards
Term
structure----------->HTML

presentation-------->CSS

behavior------------>JS

why?
 Definition
Better compatibility between platforms & browsers
Some browsers don't understand CSS
Some people turn off JavaScript
Less Code
Term
Semantic
 Definition
The word semantic means "of or relating to meaning."
Term
Everything in XHTML is a parent-child relationship
 Definition

This is a link
Term
XHTML 1.0 Strict Guidelines
 Definition
Open with the proper DOCTYPE, Namespace, & Content-type
Write all tags attributes in lowercase
Quote all attribue values
Close all tags
All attributes must have values
Term
CSS Rules
 Definition
Assigns values to properties based on the chosen selector.

selecor {property:value;}

body {font-size:small;}
Term
CSS Rule
 Definition
Declaration
body {font-size: small;}
Selector Property Value
Rule
Term
CSS Selectors

Tag
 Definition
Global
Term
CSS Selectors

Class
 Definition
Custom name
Used repetitively
Term
CSS Selectors

ID
 Definition
Custome name
Unique
Term
What are the three layers of web design?
 Definition
Structure, Presentation, Behavior
Term
Why should we separate structure from presentation?
 Definition
Faster, Easier, Greater Compatibility
Term
What is the term that gives meaning to the text inside HTML tags?
 Definition
Semantics
Term
What are the five parts of non-empty HTML element?
 Definition
/*--attribue value
This is a link
Start Tag Content End Tag
Element--*/
Term
What are the five rules of an XHTML document?
 Definition
1-Open with the proper DOCTYPE,Namespace, & Content-type
2-Write all tags & attributes in lowercase
3-Quote all attributes values
4-Close all tags
5-All attributes must have values
Term
What are the three parts of a CSS rule?
 Definition
Declaration
body {font-size: small;}
Selector Property Value
Rule
Term
What are the three basic types of selectors?
 Definition
Tags Classes ID's
Term
Tag selectors are_________,they apply to every instance of that element.
 Definition
Global
Term
Class selectors can be used________,they can be applied to multiple elements.
 Definition
Repetitively
Term
ID selectors are________, they can only be applied ONCE per XHTML document.
 Definition
Unique
Term
Divisons
Definition
Block Level
Used for Layout
ID's
Term
Box Model
 Definition
Content,Padding,Border,Margin
Term
Multiple Column Layout
 Definition
Floats
Measure,Measure,Measure
ContentWidth + Padding + Border + Margin
=Size
Term
A division is a _______level element, meaning that every instance starts on a new line
 Definition
Block
Term
What is the semantic meaning of a division?
 Definition
Section of the page with related information
Term
Divisions are typically associated with what HTML attribute?
 Definition
ID's
Term
What HTML & CSS is necessary to center a web page layout?
 Definition
A division that encompasses all other div's

Adjust the left & right margin of that div to auto
Term
What proprty is CSS is used to create multiple columns?
 Definition
Floats
Term
What is the equation used to determine the actual width of a division in CSS?
 Definition
ContentWidth+Padding+Border+Margin=Size
Term
What are the three image formats for the web?
 Definition
JPEG, GIF, PNG
Term
What image format should we use for photographs & high color images?
 Definition
JPEG
Term
What images formats use color tables of 256 colors?
 Definition
GIF, PNG
Term
What images formats have transparency?
 Definition
GIF, PNG
Term
Why do we use Image Ready rather than Photoshop to slice & compress web graphics?
 Definition
On the fly optimization

Pixel perfect slicing

Image Ready is built for web, Photoshop is built for print
Term
What is the web content panel in IR for?
 Definition
show/hide slices
Term
What is the syntax for loading an image into HTML?
 Definition
[image]
Term
What is the syntax for loading an image into CSS?
 Definition
#myid {
background: url(../img/my.jpg);
}
Term
When should I use a class & when should I use an ID?
 Definition
Classes are used for styles that are repeated on the same page

ID's are used to specify unique sections of the page
Term
What is the CSS syntax to remove the border from a linked image?
 Definition
a img {border:none;}
Term
What is the CSS syntax for changing the states of links?
 Definition
a:link

a:visited

a:hover

a:active
Term
What is the CSS syntax for changing the margin to 10px top, 20px bottom, 30px left & right?
 Definition
#content {
margin:10px 30px 20px;
}
Term
What is the CSS syntax for changing the background color, image, and direction the image repeats?
 Definition
#content {
background: color url repeat;
}
Term
What is the CSS syntax for affecting all linked text, in a list element, inside the navigation id?
 Definition
#navigation li a {
font-size: 90%
}
Term
What attribute is required with the table tag in order to validate?
 Definition
summary
Term
What attribute is used to span accross rows?
 Definition
rowspan colspan
Term
What method did we use to alternate row colors in the table?
 Definition
Assign a class to the odd rows
Term
What does the action attribute of the form tag do?
 Definition
Tells the browser where to send information
Term
Name 3 different values for the type attribute for input elements:
 Definition
radio, button, text, checkbox, password, submit, image, file
Term
What is the purpose of the fieldset tag?
 Definition
Adds structure to forms
Term
What elemet assigns a caption to the fieldset?
 Definition
Term
What element allows the user to click on a word & bring the cursor's focus to its related textfield?
 Definition
Supporting users have an ad free experience!