DGM 2120 UVU
Please complete the missing code for a comment tag.
!-- -->
Which of the following are true about a project manager?
-The manager is responsible for staying under budget and delivering on time. -The manager is the primary contact between the web team and the client
To transfer information using FTP you need a FTP program like FireFTP or FileZilla. You also need to know which of the following things?
.75/1 PARTIAL password login name ??host name?? (.5/1) if you add ??hosting company??
Sort the steps for using an FTP client to load your files to the server.
1. make sure you are connected to internet 2. Open an FTP client 3. Navigate to your root folder 4. Select files 5. Watch transfer 6. Check to see if web page
The last semester before the book was moved to a new URL, the traffic reached a high of ________ sessions for the semester.
120,000
Which of the following would be accepted by this pattern? pattern="[0-9]{3}[-][0-9]{2}[-][0-9]{4}"
123-45-6789 851-84-5589
Which of the following would be accepted by this pattern? pattern="[0-9 ]{10,12}"
540 241 1102 5402611102?
By the end of the tree years, Utah moved from first position to...
6th position
Over a three year period, the mobile traffic increased...
900%
Given the following code, how large would the paragraph text be in pixels?
9px
Which of the following would link to the PDF "application.pdf" if the PDF was in a sub folder called "PDFs" on your website?
<a href = "PDFs/application.pdf">Download the Application</a>
Which of the following is the proper syntax for link to a "within page" destination?
<a href="#mytarget">jump down the page</a>
Write in the opening tag that is used for a citation.
<cite>
Which of the following is the proper way to open and close a form element?
<form></form>
Which of the following are ways to organize information?
Alphabetically By location By category By timeline By price or consumer rank
The idea of clicking text to link to other pages of content was made possible in 1980's with the launch of personal computers by
Apple computer
Tables should be used for which of the following?
Arranging data in rows and columns.
TO see a world map showing the visitors to our website we set the left side category to...
Audience > Geo > Location
Which of the following would be accepted by this pattern? pattern="[a-zA-Z]{5,20}"
Cheney AndyWhitman
What does HTML stand for?
Hypertext Markup Language
What does the placeholder do?
It puts sample text in the field NOT It provides a default value
In December 1992 they were arguing about how to best add images to a web age. The idea if having an IMG tag was introduced by
Marc Andreessen of the Mosaic team
In which stage do you define the scope of the site content?
Site definition and planning
The values used for opacity are between
TRYING 0 and 1
Which of the following are true about a sponsor?
The sponsor acts as a liaison to the client organization The sponsor is the person the team works to please
Who invented the web?
Tim Berners-Lee
What is the "com" part of a URL called?
Top Level Domain
In which stage could we use Google Analytics?
Tracking, evaluation, and maintenance
Similar to how an ordered list works with an <ol> and </ol> wrapped around a limitless number of list items "<li></li>" how would you create a drop-down menu in a form?
Using the <select> and <option> elements.
The semester the website launched the number one state with 7,845 visitors was?
Utah
The Amazon site would be a good example of a
Web linked site
Select the best answer that describes a long tail phenomenon?
Where a few items get most of the attention
Which of the following is the correct way to have a background image tile vertically?
background-repeat: repeat-y
In the following code sample, what would be the color of the paragraphs?
blue
How would you get a single pixel, solid border between horizontal menu items to provide visual separation?
border-left, 1, solid
Which of the following are valid CSS color statements.
color: teal; color: #abc; color: #123456; color: #678;
Which would you use to add a border around a section of a form?
fieldset
Please complete the following HTML5 code for an image with a caption.
figure src alt figcaption /figcaption figure
Which files and folders can be accessed using "videos/" as the first part of the href?
flashvideos folder media.html quicktimemovies folder quicktime.html
Complete the CSS for floating an element to the left.
float left
Which property would you use to affect which font face is used in your document?
font-family
Which of the following CSS rules would remove the bullets or numbers from a list?
list-style-type: none;
Which line of code is terminated (closed) properly?
one
Look at the graphic and identify part 3
value
Which of these are valid attributes of an <input> tag?
value, type, name
Please complete the missing code to tell the phones not to lie about their width.
viewport device-width scale
What is missing in the following code: <p>If you love to read about <strong>cooking and eating, <em>this is the site for you!</em></p>
Option 1
Which of the following best describes the W3C?
Organization that monitors web technologies.
Please put these six major stages in order
Site definition and planning -1 Information architecture -2 Site design -3 Site construction -4 Site marketing -5 Tracking, evaluation, and maintenance -6
What is an FTP client?
Software designed specifically for the job of transferring files.
When using a text field, what purpose does the value attribute serve?
Specifies the default text that appears in the field when the form is loaded.
Please put these in the correct order for linking a Google map to your page.
TRYING 1- search 2- click 3- copy 4- remove
The Realtime Overview screen allows us to see which of the following?
TRYING What device they are using (desktop, mobile, tablet). How many are currently on our site. Where active visitors are located.
If the base font is set to the default, how big is 2em?
TRYING 32px
When the website launched the first semester, there were roughly how many sessions?
TRYING 80,000
Which of the following is the correct syntax for adding a background image through CSS?
TRYING background-image: url(champs.gif);
Which is the proper CSS for positioning a background in the bottom left corner?
TRYING background-position: left bottom;
Please complete the missing code to create a 10 pixel rounded border on all four corners of the figure.
TRYING border radius 10px
Using CSS how would you remove the border between table cells?
TRYING border-collapse: collapse;
Using web analytics allows us to...
TRYING collect measure report analyze
What word do I need to add to the opening audio tag to show play, pause, and volume?
TRYING controls
Please match the following dates and events
Textbooks launched - Aug 2011 Textbook moved to a new URL- Dec 31, 2014 High views- Dec 10, 2014
What can content developers learn from Google analytics?
The device you were using. Your physical location What internet browser you are using. How long you spent on a site.
Line height is best described by which of the following statements?
The distance from baseline to baseline. PLUS ONE MORE NOT M NOT 1.75 times the height of an uppercase letter X.
Please match the following
The hr tag defines a thematic break- HTML5 The hr tag represents a horizontal line- HTML4.01
Which of the following are true about a project manager?
The manager is responsible for staying under budget and delivering on time The manager is the primary contact between the web team and the client
Which is the correct way to affect the size of your font?
font-size
HTML5 added a new tag for the bottom of each web page. Please complete the missing code for this page footer.
footer> /footer>
Which of these statements in the site wide CSS page would change only the color of the text typed by the user to green?
form.conference label input {color: #0F0} form.conference label input {color: green}
Which of the following would be the best web format for 4 frame animation of a person losing weight.
gif
Which of the following shows the proper way to apply the same style property to a number of elements?
h1, h2, p, img { border: 1px solid #999; }
What would you add to the start of each of these in the CSS style sheet to make the connection?
h1- nothing id- # class- .
Breadcrumbs are best described as
hierarchical list of web links showing the structure of a site
Which of the following links from the flash.html page to the about.html page would work from a real web host?
href="../about.html" href="../../about.html" href="/about.html"
Which of the following links from the media.html page to the champs.jpg image would work from a real web host?
href="/images/champs.jpg" href="../images/champs.jpg"
Which of the following is a valid link from your page to Apple's web site?
href="http://apple.com/" href="http://www.apple.com/"
Please type the missing code.
html head title
Which of the following are legitimate protocols for the internet?
http rss smtp ftp
Which of the following is used only once in a document and identifies a unique element in a document?
id
Which of the following is an empty element and does not have a closing tag?
img
Please complete this code to insert an image into the page.
img = alt
road runner holdco llc and time warner cable internet llc were the leaders for
internet providors
Which of the following would be the best web format for a large picture of the company president?
jpeg
Which of the following would be the best web format for a picture of a sunset?
jpg
Which of the following would be accepted by this pattern? pattern="[0-9a-z]{7,10}"
l3tm3in
Which of the following would place a name or visible description to a section of the form by adding text to a field set box?
legend
What caused the space identified in this photo as B?
margin
Complete the code below to limit the page width while still allowing it to shrink smaller.
max-width
HTML5 added a new tag for the menu items. Please complete the missing code for this menu bar.
menu> menu>
When looking at a map, darker blue means...
more traffic
Complete the missing parts of this HTML5 form input so it shows the number key board on a phone (NOT the phone number keyboard).
number name
Which of the selectors do not need a "#" or a "." when called in CSS?
ol? ?container?---- smoothe? NOT p container TRY P ol?
Most people are finding our textbook using
organic search
The html has the following code in the body of the document.
p sesame {font-family: Verdana;}
What caused the space defined by A?
padding
Which of the following would be the best web format for a logo that was round?
png 24
Look at the graphic and identify part 2
property
What does this attribute in the opening form tag allow the form to do? enctype="multipart/form-data"
provides file upload control
Type the missing parts of this radio button input.
radio, name
Which of these is the color Red?
red #FF0000 #F00 rgb(255, 0, 0)
Google tracks visitors using Cookies which means that...
when I look at the site on a phone and then a tablet I am listed as a new visitor. when I clear my cache and then go back to the site I am listed as a new visitor. when I look at the site on a laptop and then a tablet I am listed as a new visitor.
Which of these input types would include the @ symbol on a supporting mobile device?
type="email"
Which of the following inputs will allow the user to upload a photo of themselves?
type="file"
Please match the team role with the primary responsibility
usability lead - Shape the overall user experience information architect- Organizes and categorizes web site structure and content art director- Establishing the site typography web technology lead- Acts as the bridge, translator, and plain-English communicator between the geeks and artists site editor- Responsibility for the written content and editorial quality
Is the place holder text in the input a valid entry?
yes
Which of the following are required for a nice looking border in CSS?
(.33/1) color style margin space width NOT EVERYTHING BUT COLOR-(0/1) NOT ALL
The following code has been isolated because everything on the page after it does not work. Somewhere in these four lines there is an error causing the whole page to break. Find it and choose the fix below:
<h1></h1>
Write the opening tag for making text italicized.
<i>
Which of the following is the correct syntax for adding an image in HTML?
<img src="parrot.jpg" alt="photo of a parrot" />
Often, you need to send information that does not come from the user. In these instances, you use a hidden form control. One example is when declaring which email address to submit the form to. How would you create a hidden field?
<input type="hidden" />
Which of the following will connect an external style sheet to your HTML5 document?
<link rel="stylesheet" href="/path/stylesheet.css" />
Which of the following is not part of a web page's basic structure?
<p>
Which of the following shows the user a drop down list.
<select>
Which of the following code examples for a table are correct?
<table><tr><td></td><td></td></tr></table> <table><tr><th></th><th></th></tr></table> <table><tr><th></th><td></td></tr></table>
Which of the following code segments are used to make a comment box in a form?
<textarea></textarea>
Which of the following file names will allow your web site to open automatically?
?index.html?
Which of the following is a link that has the mouse over it?
a:hover
Which of the following controls the look of a link when the mouse is over the link?
a:hover {}
Which of the following styles a link that has not yet been visited?
a:link
Which of the following is a link that has already been clicked?
a:visited
Which two of these would combine (one in a:link and one in a:hover) to display one background image inside a button that slides up or down.
background: url(mybutton.gif) top left; background: url(mybutton.gif) bottom left;
A good site header provides
basic navigation links an identity for the company information about where users they are within the site • a search box
When looking at a google map, what is used to indicate more or less traffic?
darker blue color fill larger circles PLUS ONE MORE
Look at the graphic and identify part 4
declaration
A number of elements and attributes in HTML have been [_________], which means they are being phased out and discouraged from use.
deprecated
In order to get an anchor inside a list item to respond to width and height, the CSS must also include...
display:block??
Which of the following CSS selectors will change the color of the menu item to red?
div#mymenu a {color: red;} #mymenu a {color: red;} div#mymenu ul li a {color: red;} #mymenu ul li a {color: red;} a {color: red;}
For which of the following examples would a POST method be most appropiate?
Sending secure information like credit cards.
A basic site or training site would be a good example of a
Sequence site
How do you remove the default space between content on a web page and the edge of the page?
Set the margin and padding of the body to zero.
Which of the following are being changed by this CSS rule?
Setting the color of the background changing the text color to teal
Please match the team role with the primary responsibility
Shape the overall user experience- Usabilty lead Organizes and categorizes web site structure and content- Information Architect Establishes Typography- Art Director Acts as the bridge, translator, and plain-English communicator between the geeks and artists- Web Technology Lead Responsibility for the written content and editorial quality- Site Editor
By default, google analytics sets the date range to show
the previous 30 days
The code below will color every other row of the table green; Please complete the code.
tr child background-color
The code below will change the background color of the row that the mouse is over. Please complete the code.
tr:hover background-color
Which of the following will render the lightest grey color?
#EEEEEE;
Which of these is pink (light red);
#F77 #FF7777 rgb(255,128,128) pink
Which of the following would center your <div id="container"> no matter the width of the web browser?
#container { margin: 0 auto;} #container { margin: auto; } #container {margin-left: auto; margin-right: auto; }
An inline frame is used to
- embed another document within the current HTML document - used to embed google maps in your age - embed youtube videos in your page
Which of the following is NOT a domain suffix?
.mac
For which of the following would the GET method be most appropriate?
Send modifyable information through the URL
What organization regulates and oversees the registering of domain names?
Corporation for Assigned Numbers and Names (ICANN)
Which of these statements in the site wide CSS page would change only the color of word "Name:"?
FOR SURE form.conference span {color: red;} PARTIAL(.67/1) form.conference span {color: red;} .conference span {color: red;} NOT form.conference span {color: red;}
Which of the following is a property of a CSS rule?
Float
What is the cost of Google Analytics?
Free for small sites
What is the name of the free open-source image editing program similar to Photoshop?
GIMP
Which of the following web analytics program was used in this demonstration?
Google Analytics
What number code would you use to create the Euro currency symbol?
How about this> &# 8364;
By the end of the project in 2014, the number two country visiting the site was the surprising...
India
In which stage do you build prototypes to test navigation?
Information architecture
What does this code inside an input do? value="Student"
It does nothing if the user fills in a different value It provides a default value
The National Center for Supercomputer Applications, a research institute at the University of Illinois at Champaign-Urbana build a web browser
Mosaic
Which of the following is the proper syntax to identify a point in a page to navigate TO?
NOT <a id="#mytarget">Song Three</a>?
Which of the following would link to the music file "mysong.mp3" if the html and mp3 files were in the same folder on your website?
NOT <embed = "mysong.mp3">Play my song</embed> TRYING <a href = "mysong.mp3">Play my song</a>
Which of the following CSS rules would cause your link's background color to go red when a mouse pointer is moved over it?
NOT all the hovers NOT a:hover { background-color: red;} a:hover { background-color: #00FF00;} TRYING link:hover { background-color: red;}
Which of the following links from the index.html page to the soccer.jpg image would work from a real web host?
NOT href="/images/soccer.jpg" href="images\soccer.jpg" (.5/1) href="images/soccer.jpg"
Which of the following CSS rules would allow you to use your own graphic for the bullets in a unordered list?
NOT list-style-image: background-img: NOT bullet-graphic: NOT creative-bullets: NOT background-img:
Which of the following links from the flash.html page to the about.html page would work from a real web host?
NOT href="../about.html" href="../../about.html" href="/about.html"
Which of the following would be the best web format for a 3 color logo that was square?
NOT swf gif jpeg TRYING bmp
Which of the following would alter the font size of an unordered list's list items inside of a division with the id "features" to 20 pixels size?
NOT ol li { font-size: 20px; } WRONG features ul li { font-size: 20px; } p { font-size: 20px; } #features ul li { font-size: 20px; } .features ul li { font-size: 20px; } div#features ul li { font-size: 20px; } PARTIAL (.5/1) div#features ul li { font-size: 20px; }
What element displays white space exactly as it is typed and uses a mono-spaced font family?
NOT q
Which of the following CSS rules would center your text?
NOT text-align: center; NOT align: center; NOT letter-spacing: center; NOT text-margin: 0 auto; TRYING text-align: left;
Please match the following properties with possible values.
PARTIAL text-indent - .25IN text-align - center margin - 30px 10px text-decoration - emphasis font-variant - 30em font-style - strong TRY INDENT- px, %, OR em TRIED .25 center 30em none emphasis-? strong TRIED 30EM Center 30px 10px none emphasis strong TRIED (.67) 30EM Center 30px 10px none strong small caps TRYING 30EM CENTER 30PX 20PX NONE SMALL CAPS OBLIQUE
Robert Nyman suggested several items to check for when evaluating a document for proper semantic markup.
PARTIAL Can you see relationships between parts? Does it make sense? Can you identify how parts are related? Can you see the source code? ???mobile devices??? (TRYING NOT)
Please complete the following CSS to include the "curve.gif' image which is inside the "images" folder AND change the font color to 2323DD.
PARTIAL (.33/1) background-color curve.gif color PARTIAL (.67/1) background curve.gif color
Complete the missing pieces of this form.
PARTIAL (.33/1) input type input
The people who created the ogg audio file format wanted which of the following?
PARTIAL (.5/1) Ogg is designed to provide for efficient streaming Ogg unrestricted by software patents
Which of the following are automatic display features of the text displayed inside a table header?
PARTIAL (.5/1) bold centered larger font size NOT Bold Larger font size
Which of these is Blue?
PARTIAL (.67/1) #00ffff #0000FF rgb(0,0,255) #00F;
Which of the following would cause a link to "MySamplePDF.pdf" to break once you upload your site to a server?
PARTIAL (.67/1) Putting the file in a different folder on the server. Failing to upload the "MySamplePDF.pdf" file.
Which of these statements in the site wide CSS page would change only the color of "Personal Info"?
PARTIAL (.67/1) form.conference fieldset legend {color:red;} .conference fieldset legend {color:red;}
Match the tag with the correct list element term.
PARTIAL (.83/1) li - list item ul - unordered list ol - ordered list dt - describes the term in a list~ dl - definition list~ dd - describes a definition list ~
Complete the missing code to make this media query effective in when the browser is wider than 600 pixels wide.
PARTIAL .75/1 @media and min-width 601px
The world wide web began it's life in a ...
Particle Physics Lab in Switzerland
Which of the following best describes what HTTP is?
Protocol used for transferring web documents on the internet.
Which of the following describes the purpose of the action attribute?
Provides the location or URL of the application or script where the collected information should be sent.
Which two attributes must be included in every <img> element in order for a page to validate?
SRC="" alt=""
Why did Ron Hammond write his own textbook?
To help students afford college.
Please complete the missing code to create a line as shown around these images.
border 1 solid #
Please complete the CSS below to remove the border spacing from the table.
border collapse collapse
Please complete the code to create an 8 pixel drop shadow around the paragraph.
box shadow 8px #
Type the missing portion tag to force a single return (NOT a double return).
br
Which of the following CSS statements would force the footer to display below the floated elements?
clear: both; NOT clear:floated;
A bounce on your site can be caused by which of the following?
clicking on a link to one of your social media sites directly typing in a different site's URL closing their browser
Which of the following are valid colors?
color: teal; color: #123456; color: CornflowerBlue; color: #ABCDEF; color: #123; color: AliceBlue; color: rgb(25,50,100);
Select the best answer to complete this statement.
convey meaning and content structure
The purpose of semantic markup is to ...
convey meaning and content structure
Complete the missing code for a copyright entity and a bullet entity.
copy bull
Which of these attributes will force the user to enter a value before the form is submitted
required
Which of the following is NOT a way to specify the white in CSS?
rgb(FF,FF,FF)
Using image sprites will
save bandwidth. allow you to use images for navigation reduce the number of server requests. prevent loading delays
Look at the graphic and identify part 1
selector
In which stage is maintainable code a concern?
site construction
Which of the following is an attribute?
src
Please match the term with the best description.
superordinate headline- h1 subordinate headline- h2 signifies importance- strong conceptually related items- span document copy- body
Which of the following would force a link to open in a new window when clicked?
target="_blank"
Match the following table element with its definition:
td- column tr- row th- header
Which of the following are valid for the text indent property?
text-indent: 30px text-indent: 2em text-indent: 25% text-indent: 6em
Please complete the code below to build a box for comments.
textarea textarea>
Complete the following HTML code for creating a link to the page titled "recipes.html" that is in a folder called "thanksgiving": <a href=" _____________ /__________________">Recipes</a>
thanksgiving recipes.html
