Elance Resources and Guide: Skills Test Answers

Skills Test Answers - Web Design

In CSS, z-index is used to do what?

Increase speed; make the index page go zip

To create a big Z on the index page

Make images popup

Bring div elements to the front or back of other div elements on a webpage

Which one of these statements are TRUE about designing for the web

Browser rendering of fonts is different between most browsers.

You should design your site no wider than 1080px wide

You should never design your site to be responsive

You should save your images at four times their intended size to ensure the highest possible quality on the screen

Progress trackers

should be avoided, if users see their are multiple steps, they are less likely to complete the form.

is a good technique to help users have context where they are in a multi-step process.

should only be used when the entire page reloads between steps.

distract users from the form itself.

True or False? HTML5 uses some self-closing tags.

True

False

What is the tag for an inline frame?

iframe

inlineframe

inframe

frame

Which of the following would create a shadow on a div with text inside it?

box-shadow

Light box

text-shadow

Fancy box

What is the "Three-click rule" ?

Three mouse clicks on a button or element should be considered as an element to be highlighted.

Three mouse clicks is a click-limit for a button to trigger an action

A special use case if the user is using the old three button mouse.

A web user should be able to find any information with no more than three mouse clicks.

The most important thing to consider when designing for the web is to

have as many attractive elements as possible to ensure users are impressed with your site.

design for the intended audience

use rounded corners to make the page feel softer and help users feel comfortable interacting with the page

make the default font-size 20px to ensure that all content is readable.

Search boxes should be:

clearly visible, quickly recognizable, and easy to use

designed with an icon of a magnifying glass, always

used only when the content of the site can not be organized categorically

displaying a speech or image search option, like Google

True or false? It is possible to combine structures (e.g, linear and hierarchical).

False

True

What are the general syntax for inline image?

src=img

img src=file

img=file

src=image

Which of the following will NOT be found in the <head> section ?

Metatags

head

DOCTYPE

Table

Title

Organic SEO (Search Engine Optimization) most accurately means:

Using Google Adwords pay-per-click to improve rankings of a web page

Using strategic keywords and phrases to improve the search engine rankings of a web page

Use meta tags with names of competitors, in an attempt to attract better rankings and therefore more viewers, with a strong ROI

Home grown wording and imagery that appeals to users

To create a link to an anchor, you use the______property in A tag.

href

tag

name

link

CSS3 offers developers the ability to create rounded corners and drop-shadows without using images. What are the benefits of NOT using images?

More flexibility with crossover from web to mobile

Quicker loading times

Better SEO results

All of these

DOM is best described as:

A language-neutral object oriented system applied to HTML

Javascript

The new HTML6

PHP combined with JQuery

A “Tableless” website refers to:

None of these

A website with less tables

An ecommerce website that does not sell tables

A website that does not use tables for layout.

You cannot designate an inline image as a hypertext link.

False

True

How would one create a link that enables users to e-mail you?

<a ref="mail:support@mailtome.com">Click here to mail us</a>

<a ref="mailto:support@mailtome.com">Click here to mail us</a>

<a href="mailto:support@mailtome.com">Click here to mail us</a>

<a href="mail:support@mailtome.com">Click here to mail us</a>

<a src="mailto:support@mailtome.com">Click here to mail us</a>

tracking and leading cannot be controlled in web design.

TRUE

False

Which one of the following elements are still usable with HTML5 doctype?

Font

Frame

Center

Div

Which of the following ATTRIBUTE use define the author of a page?

Interpret this statement: <strong>Michelle</strong>

It will print out Michelle in bold font

It highlights Michelle as being strong

It makes Michelle strong

In Web design, what are the aspects of space that you should be considering:

Margins

Line spacing

All options

Padding

White space

Which of the following is a correct JQuery statement?

$(document).ready(function())

<?php echo '<p>Is this JQuery?</p>'; ?>

document.write("Is this JQuery?");

How would you write Hello in an alert box?

alert ("hello");

alert "hello"

alert ("hello")

alertbox ("hello");

When designing call to actions, it's best to

Not using any styles on the button or link for user familiarity and also for optimizing SEO

Add motion or blinking effects to the static state of the button to make it as clear as possible

Draw user attention with considerate prominance through size, color and position

Which is a good way to implement Responsive Web Design?

Only javascript.

Mostly CSS3 with some jQuery

Using only images.

HTML5 only.

HTML and PHP

Which of the following is not a method for adding CSS to an HTML page.

Adding Inline CSS to the HTML

Linking to a separate CSS file

Entitling CSS to the HTML

Embedding CSS into the HTML

Social media apps such as Facebook offer interfaces to web developers to integrate into their own web projects. These are referred to as:

ADI

API

Interactive Modules

Social Widgets

True or False? HTML stands for HyperText Markup Logistics.

False

True

True or False? No matter which word is used, Java and Javascript are still one in the same.

False

True

What is a common database querying language.

Foxpro

Wordpress

Access

MySQL

PHP

Designing a UI refers to:

Any of these

Designing and Developing the user interface for mobile web

Designing the user interface for mobile apps

Designing the user interface in Photoshop for web

When a user interacts with a menu, what's a good way to provide feedback?

Changing the color or background of the menu

Playing a sound

Changing the font size of the menu

Which of these browsers is notorious for giving web developers a headache, not to mention more work to do?

Firefox

Internet Explorer

Chrome

Safari

Software programs, like your Web browser, use a mathematical approach to define color.

True

False

The page title is inside the____tag.

body

head

div

table

It's important and helpful to design forms in an order and position as they normally are presented (e.g. address or credit card information forms)

True, it helps create a good user experience and builds trust.

False. I can be as creative as possible without thinking about the user experience.

Choose the correct HTML tag for the largest heading

<h6>

<h1>

<head>

<h2>

A “responsive” website is one that:

Has a lot of mouseovers or rollovers for users

Links to businesses that will respond to your query

Resizes to fit different screen sizes

Reacts to the click of a mouse

When designing a responsive web site, it's important to

All of them.

Build the site on a scalable grid for easy and clear content "collapsing".

Make images and videos responsive.

Hide interactive elements for smaller sizes.

Use condensed fonts for smaller screen sizes.

True or False? Apache is a popular open source web server.

False

True

In relation to the web, CMS stands for:

Competent Malware Safety

Content Management System

Computer Master Science

Content Management Services

Tables can be nested (table inside of another table).

True

False

<p> and <br> have the same effect

False

True

A URL redirect is:

When a domain is forwarded to another domain

when a domain name or a URL is directed to another domain or URL.

A pop-up activator

None of these

When a link on a website leads to another site

Visual hierarchy helps

establish a pace and order for reading and priority of content

you make critical decisions on how to write the HTML for the site

you add more photographs to a design

SVG is

An acronym for Slicing Virtual Graphics.

A vector based graphic file format supported in most modern browsers.

A new and higher resolution raster image type for use on mobile devices

A new, secure, file transfer protocol for getting your website online.

SASS and LESS are

Special tools in Photoshop, specifically to help making web design graphics easier.

None of these.

Well respected web design sites that help shape web design best practices.

Precompilers that use a syntax with more features that can make writing CSS easier.

What is the full form of CSS?

Colored Style Sheets

Creative Styling Sheets

Colored Styling Sheets

Cascading Style Sheets

Creative Style Sheets

True or False? ASP.NET and PHP are one in the same.

False

True

The <h1> tag:

defines the least important text

defines the most important text

defines the most important call to action

defines the most important heading

What is the correct HTML tag for inserting a line break?

<enter>

<break>

<lb>

<br>

What does FTP stand for

File Transfer Protocol

Fast Temporary Prototype

File Type Protocol

Feel The Pain

Fast Track Program

Which of the following affects the User Experience of the website?

All of them.

The responsiveness of the layout.

The number of javascript libraries and style-sheets added.

The layout of the website.

The quality and size of the images.

Which of the following affects SEO?

Alt and Title tags

All of these

Visible page content

Web page titles

H1 is the smallest header tag.

True

False

Which of these is not a responsive technique for images

Using absolute width and height values for images

Using max-width or min-width css properties to allow an image to shrink and grow in it's space

Using SVG graphics that scale with the size of a website

Using percentage values on image width properties to keep an image at a size relative to it's container

Where is "RewriteEngine on" used?

CSS3

HTML5

When using Apache in the .htaccess file

While editing PHP Errors

Javascript

Allowing white space in your design is a good design tool to_____.

allow room for future advertising or feature placement.

reduce a page view's complexity and increase user's speed of comprehension.

keep fonts from overlapping and causing visual issues when people zoom in.

give space for animations like drop down navigations and expandable content.

Which resource allow us to use fonts that are not system fonts?

@True-Font

@Embed-Font

@font-face

@Use-Font

As you’re building your template, some of the divs seem to be stacking rather than aligning next to each other as you had intended. Which of the following is a solution to get them to align next to each other?

{ position: relative } with specific coordinates

{ float: right }

{ float: left }

Any of these

Some CSS3 declarations are not compatible with older browsers, especially IE8 and earlier versions. What could be a solution?

All of these

Create alternative stylesheets and add PIE.htc

Don’t use CSS3 rounded corners or shadows that are not compatible with these older browsers

Use images instead of CSS3

Sprites are

An image with multiple graphics in it that can be used as a CSS background-image to show only parts of the sprite.

All of these.

A design term to reference the rendering quality of font's and images on the web.

A unit of measurement to measure performance and runtime of design assets in the browser.

The asterisk (*) in css refers to:

Any Element

All websites

All links

Everything in the web code

Viewport dimensions at which we decide to alter the page design, are known as:

Compound fractures

Media Queries

Flexible grids

How would you target “My Link” in a Strict doctype?

All of these

What is the preset order of direction listing when using a CSS shorthand property, which can be extended as "property-right" or "property-bottom"?

top right bottom left

top left bottom right

right bottom left top

left top right bottom

bottom left top right

All HTML tags are enclosed in what ?

? and !

. and <!--

# and #

</>

Which of the following is NOT a component of Responsive Web Design?

Web fonts

Fluid grid

Flexible images

Media Queries

Responsive typography generally uses what unit of measurement to scale up and down

percentages

pixels

points

In HTML, the names of IDs and Classes are referred to as

Syntax

Selectors

Styles

Reference

What declaration would generate a "scrollbar" IF text exceeded a div's fixed size?

{ overflow : auto }

{ overflow: hidden }

{ overflow: visible }

None of these

To adjust leading, one would need to use which CSS property?

leading

max-height

line-height

lead-height

min-height

Relative path make your hypertext links______.

Portable

Discrete

uniform

When designing forms it's helpful to

avoid designing focus states, they are distracting and confuse users.

hide submit buttons until the form has finished being filled out

put a "Reset Form" button next to the submit button

consider streamlining the process by using things like autocomplete comboboxes and date pickers

What's the name of the meta tag used for mobile website design

device-type

description

content

viewport

maximum-scale

In a CSS Stylesheet, the commands or styles for each ID and Class are called:

Styles

Syntax

Standards

Declarations

Which of the following is a type of HTML code that controls the appearance of the document contents?

Skeuomorphism is used in web design to

make users have to focus more by skewing the typography to force more concentration while reading

enhance and make traditional user experiences more interactive

make the site feel more physical and touchable by using graphic textures like leather and paper

help users acclimate to elements on a page because they resemble and retain cues from the physical object with the same function

Which DTD does NOT allow inline styling?

4.01 Transitional

!Doctype HTML

None of these

XHTML 1.0 Strict

True or false: The default browser font size is 16px

True

False

What is the default CSS position of an element?

Relative

Static

Absolute

Inherit

Fixed

Why do you need a humans.txt file in your web development?

This file is an extension of the robots.txt file in a human readable format.

This file credits and identifies the people who may take part in the creation of the website.

This file is used by web spiders to identify website owners.

In web design terminology, 'widows' and 'orphans' refer to

A user who cannot log in to his/her account

A page on a website that no other site page links to

An image that clashes with the rest of the site design

A DOM element take out of document flow

An isolated line or word of text

Choose the correct HTML tag for the largest heading

<head>

<h1>

<h6>

Is the attribute "align" supported by html5?

Yes

If you want to increase the font size by 2 relative to the surrounding text, you enter +2 in the tag.

True

False

Which attribute you should use to create a "tooltip" for an image?

Alt

Tip

Title

Tooltip