Elance Web Design Test Answers 2015



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?

<meta http-equiv="refresh" content="30">
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="author" content="Hege Refsnes">
<meta name="description" content="Free Web tutorials on HTML and CSS">

 

 

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>
<heading>
<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?

<a href=”link” style=”declaration”;>My Link</a>
<a href=”link” class=”my-link”>My Link</a>
<a href=”my link, declaration”;></a>
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
em
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?

tags
codes
splashes
properties

 

 

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>
<heading>

 

 

Is the attribute "align" supported by html5?

No
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

No comments:

Post a Comment