1. Objective 207.02 8% Select and utilize tools to design and develop websites.

2. Common Web Design Languages
Hypertext Markup Language (HTML)
Basic framework for all web design.
Written using “tags” that a web browser uses to interpret the code and generate the content on the webpage.
Tags denote structured elements like headings, paragraphs, lists, etc.

3. Common Web Design Languages
Cascading Style Sheets (CSS)
Separates layout and design features (color scheme, fonts, menu styles, etc.) from the actual content of the website.
Easiest way to make site- wide design changes.
CSS file combines with HTML file to create a complete website.

4. Common Web Design Languages
JavaScript
Client-side web development.
Creates standalone computer actions that run entirely on the user’s machine.
Quicker and more secure.

5. Common Web Design Languages
PHP-server-side Web Development
Connects an HTML file to a database of information on an external server.
Creates dynamic websites with enhanced user interactivity.

6. Common Web Design Languages
Adobe Flash
Commonly used to create Internet games and advertisements.
Animation, audio, and video capability.
Allow for enhanced design features.

7. Web Design Production Terms
Root Folder
A central location of storage for every file involved in designing a website; allows the website to be moved from computer to computer.
Wireframe (Skeleton)
A visual guide to how web page content will be organized; assists in the arrangement and scaling of design components.
Similar to storyboarding in animation or video.

8. Web Design Production Terms
Graphics Optimization
Designing and exporting graphics with the specific purpose of using it on a website; allows for quicker loading times.
Adobe PhotoShop has save for Web or optimize options.

9. Web Design Production Terms
Alternative Text
Textual descriptions of graphics and other design components on a web page; aids in search engine optimization.
Image Map
A single graphic that is divided into sections and linked to different locations.
Hotspot
Specify a particular area as a link; can be drawn over a block of space, words, or an image.

10. Web Design Production Terms
Rollover
Feature that indicates interactivity to the user; normally causes a component of a web page to visually change when the user’s cursor hovers over it.
Web Form
An interactive feature that allows a user to submit information.

11. Advanced Style Sheet Terms
Class Style
Used to specify a style for a group of components in a website; allows you to set up a particular style for many HTML elements tagged with the same class.
ID Style
Used to specify a style for a single, unique element in a website.

12. Advanced Style Sheet Terms
Internal Style Sheet
A CSS document contains the design properties of the website.
Embedded into the HTML file so can be moved with the website files.
External Style Sheet
Housed separately from the HTML file and therefore can be attached to many different websites.

13. Advanced Hyperlink Terms
Absolute Link
Contain a complete web address; always includes domain name of website.
Great explanation here! e-vs-relative-pathslinks/
Absolute Paths Examples

14. Advanced Hyperlink Terms
Relative Link
Starts from the home page or root folder of the website and creates a path to the destination of the link.
Relative Paths Examples
index.html
/graphics/image.png

15. Advanced Hyperlink Terms
Link (mailto)
Does not link to an Internet location; causes the user’s computer to open the default program and prepares a blank to the specified address.

16. Advanced Hyperlink Terms
Link Target
Specifies the window or frame the link will open in:
_self -- opens in the same window and frame.
_top -- opens in the same window, making the frame full size.
_parent -- opens in the parent page’s frame.
_blank -- opens in a new window and frame.