Web Design - Midterm

*blank* is a tool which allows you not only create a wireframe but also present it as a high end phototype

- Adobe XD - Sketch *Answers "b" and "d" are correct*

Visual balance includes: *blank* balance

- asymmetrical - symmetrical *Answers "a" and "c" are correct*

Information traveling over the Internet from your computer to other computers

- is broken up into packets and transmitted following different paths to get to the destination then reassembled - uses special computers on the Internet called routers that act like traffic managers to keep things moving smoothly through the system - depending on the circumstances packets can be rerouted and end up at the final destination at different times and out of order *All answers are correct*

Rounding corners and rotating elements in a design are two ways to make a layout feel

- more organic - less geometric *Answers "a" and "d" are correct*

Media queries can be used to check many things, such as:

- width and height of the viewport. - width and height of the device. - orientation (is the tablet/phone in landscape or portrait mode?). *All of the above answers are correct*

All information on the Internet is made up of bits, which is

- yes or no - on or off - 1 or 0 *All of the above*

Your monitor used *blank* levels of red, green and blue light to create 16,777,216 distinct colors

256

Which statement is correct

Between "body tags" is where content to be displayed in the browser window will go

Grid Layout gives us a method of creating grid structures described in *blank*. It helps us to create layouts using media queries and adapt to different contexts

CSS and not in HTML

Your computer uses the DNS to talk to a server to look up the associated IP address. For what does DNS stand

Domain Name System

Which is not a browser

Dreamweaver

*TRUE or FALSE*: A wireframe should contain elements to represent design elements such as color, fonts, etc

FALSE

*TRUE or FALSE*: By default, a container has three grid items for each column, in each row, but you can style the grid items so that they will span multiple columns and rows

FALSE

*TRUE or FALSE*: HTML is a programming language; that defines the structure of your content

FALSE

*TRUE or FALSE*: Most, not all, modern browsers support CSS grid properties

FALSE

*TRUE or FALSE*: The "em tag" is used to signal that the text within the tag should be "emphasized" (or in the print world, "bold")

FALSE

*TRUE or FALSE*: The "justify-body property" is used to align the whole grid inside the container

FALSE

*TRUE or FALSE*: The content between "head tags" should show inside the main browser window

FALSE

*TRUE or FALSE*: The saturation or hue of a color is described as the strength or purity of that color

FALSE

*TRUE or FALSE*: Transmission Control Protocol (TCP) manages the sending and receiving of your data and confirms that it is displayed correctly on your browser window

FALSE

*TRUE or FALSE*: Unlike the id selector, the class selector is most often used on a single element

FALSE

*TRUE or FALSE*: Unlike the id selector, the class selector is most often used on an element

FALSE

*blank* are the most specific selectors in CSS

IDs

*blank* is a way to make a group of objects feel like a single unit

Proximity

There are three ways to insert CSS style, which is incorrect

Selector style sheet

Which statement is *NOT* true about TCP

TCP stands for Transfer Control Protocol

*TRUE or FALSE*: A Router directs the flow of an information request. Portals in the router allow data to flow the request through to a route

TRUE

*TRUE or FALSE*: A hexadecimal color code specifies the levels of blue, red and green light that go into a given color

TRUE

*TRUE or FALSE*: A responsive website design means: the site responds to different screen sizes, but the content is still viewable and the design still looks consistent

TRUE

*TRUE or FALSE*: Flexible Box makes it easier to design a flexible, responsive layout structure

TRUE

*TRUE or FALSE*: HTML was never intended to contain tags for formatting a document, to solve this problem, the World Wide Web Consortium (W3C) created CSS

TRUE

*TRUE or FALSE*: If you want your grid layout to contain four columns, specify the width of the four columns, or "auto" if all columns should have the same width

TRUE

*TRUE or FALSE*: Light and shadow are the most important visual cues to determine or create depth and volume in compositions

TRUE

*TRUE or FALSE*: Modern serif fonts provide a large amount of contrast between the thick and thin strokes, and their serifs are often completely unbracketed

TRUE

*TRUE or FALSE*: One of the most common methods we can use to hide the underlying form of an HTML element is to give it a background image

TRUE

*TRUE or FALSE*: Short for Picture Element, a pixel is a single point in a graphic image. Graphics monitors display pictures by dividing the display screen into thousands (or millions) of pixels, arranged in rows and columns

TRUE

*TRUE or FALSE*: Texture is anything that gives a distinctive appearance or feel to the surface of a design or object

TRUE

*TRUE or FALSE*: The CSS syntax is made up of three parts, a selector, a property and a value

TRUE

*TRUE or FALSE*: The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities

TRUE

*TRUE or FALSE*: The discovery component of the design process is about meeting the clients and learning what they do

TRUE

*TRUE or FALSE*: The effect known as simultaneous contrast can be painful when complementary colors are used in a foreground-background relationship

TRUE

*TRUE or FALSE*: The end of a stroke or stem that has no serif is known as a terminal

TRUE

*TRUE or FALSE*: The goal of a wireframe is merely to establish the layout structure and the positioning of elements

TRUE

*TRUE or FALSE*: The grid theory is vital to web and print design

TRUE

*TRUE or FALSE*: The server talks back to your computer in a language called Hypertext Transfer Protocol (HTTP)

TRUE

*TRUE or FALSE*: Tracking affects the space between the characters in a group of text

TRUE

*TRUE or FALSE*: Your domain name is associated with an IP (Internet Protocol) address which could be a number like a number like 172.16.254.1

TRUE

Which statement is incorrect

The information displayed between the "title tags" is shown as a headline in a body of text

According to the Beard Video "6 Steps to Effective Web Design Planning" getting to any page on a website should take

Three clicks or less

When websites have a dramatic difference between the layout of the homepage and the rest of the site,

a cohesive theme or style should exist throughout all routes (pages)

The colors displayed on your computer screen are based on a/an

additive color model

There are six classic color schemes, which of the below is not one of them

ambiguous

*blank* is a property used to determine whether the background image stays in the same location or moves with the content when the page is scrolled

background-attachment

A grid layout consists of a parent element, with one or more

child elements

Having proper *blank* between text and background colors is essential for interactive design, without it some people may not be able to read your site

contrast

Adding shadows to text and objects is a practical way of

creating depth in a layout

A set of tags and the content between them is a/an

element

CSS allows you to choose multiple fonts in order of preference. This is called a

font stack

A grid cell is the space between *blank* grid lines. So it is the smallest unit on our grid that is available for us to place an item

four

To select an element with a specific id, write a *blank* character, followed by the id of the element

hash (#)

The "grid-template-rows property" defines the *blank* of each row

height

Many of the responses that color psychologists accredit to certain colors are rooted in

individual experience

Kerning is the process of adjusting the space between

individual letters

To make an HTML element behave as a grid container, you have to set the display property to grid or

inline-grid

The design concept of emphasis includes:

isolation

Using a grid in web design is more than simply making elements on the page square and lined up:

it's about proportion as well

When a line is diagonal, it evokes a sense of *blank* and excitement

movement

The element selector selects elements based on the element

name

Complementary color schemes consist of colors that are located *blank* each other on the color wheel

opposite

Protocol is a/an *blank* used to communicate between machines

set of rules and standards

The concept of parallax scrolling is

that a stationary object is placed on a page and the rest of the objects on the page scroll over it creating a dimensional effect confined only to mobile devices

According to our web design textbook, Users are pleased by the design but drawn to

the content

In typography a tittle is

the dot above the lower case "j" and "i"

The primary colors of the traditional color wheel are

yellow, blue and red