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

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

Advanced Hyperlink Terms Absolute Link Contain a complete web address; always includes domain name of website. Great explanation here! http://www.coffeecup.com/help/articles/absolut e-vs-relative-pathslinks/ Absolute Paths Examples http://www.mysite.com http://www.mysite.com/graphics/image.png

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

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

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.