Web Design Vocabulary

Web Design Vocabulary

By Cristian Figueroa 

5th Period

Lesson 3

Document toolbar- you can change page views, title the page, and access short cuts

Document window- the primary workspace for creating and editing Web pages

Font face- a set of characters (letters and numbers) that have a defined style

Heading- displays larger and bolder than regular text and has extra white space above and below it to help it stand out

Horizontal space- the space to the right and left

Menu bar- where all the Dreamweaver’s commands can be accessed

Panel- a small window that contains commonly used tools that is docked at the top, bottom, or right side of the Dreamweaver interface

Sans serif font- where characters do not have small lines on the end of the letters and appear plain

Serif font- a font that has small lines or strokes on the ends of the letters

Title bar- displays the file name and the title of the document that is currently open

Vertical space- the space to the top and bottom of an image is called

Visual interface- a set of menus and tools used in place of writing code

Web safe colors- generally appear the same across all browsers

Lesson 11

Active white space- blank areas on a Web page that are placed on purpose

Alignment- when the content of a page has the same alignment

Consistency- to have uniformity from page to page

Grid- a conceptual design that divides a page into rows and columns in order to help the Webmaster structure the layout of a page

Passive white space- the blank areas on a Web page that are a result of incomplete or mismatched shapes

Proximity- refers to how close an element is to another

Repetition- the process of repeating elements throughout a website

Lesson 12

Print-based layout method- takes into account that people are already accustomed to viewing content in printer material in a certain way

Screen-based layout method- viewing information on a screen differently from that of printed material

Lesson 13

Analogous Color- three colors on the color wheel that are side by side

Bit- the smallest unit of information that a computer understands

Color wheel- ordered progression of hues that helps a designer easily understand and select color combinations

Complementary Color- colors that are located opposite from each other on the wheel

Cool Colors- hues that contain blue

Primary Hues- red, green and blue

Secondary Hues- cyan, magenta, and yellow

Shade- darkening a hue

Split-complementary colors- an uneven triangle on the color wheel

Tertiary Hues- red-yellow, green-yellow, green-cyan, blue-cyan, blue-magenta, and red-magenta

Tint- lightening a hue

Triad Colors- three colors on the color wheel that have an equal amount of distance between each one

Typography- the act or art of expressing an idea by utilizing typefaces or symbols

Lesson 14

Clip art- ready-made art that is available to use without having to edit it in any graphics applications

Compression- to make an image smaller

File format- the arrangement in which data is saved in order to display it in a certain way

GIF- a file format that can be viewed equally well on every kind of computer

Icon- a small symbolic graphic

Index color- a maximum of 256 colors

JPEG- (Joint Photographic Experts Group) type of file format that is best used with photo-like graphics

Raster- an image that is made up of pixels

Vector- image based on a mathematical formula