Coding ch4
To transfer information using FTP you need a FTP program like FireFTP or FileZilla. You also need to know which of the following things?
Host Name Login Name Directory for the HTML Pages +
For which of the following examples would a POST method be most appropriate?
Sending secure information like credit cards.
Type the missing parts of this radio button input.
radio name
Is the place holder text in the input a valid entry?
Yes it is valid
Please complete the code below to build a box for comments.
textarea> textarea>
What is missing from this HREF to navigate up one folder level? href="[one]/products/drill.html"
.. double dots
By default, google analytics sets the date range to show
30 days
Which of the following is not part of a web page's basic structure?
<p>
Which of the following would be accepted by this pattern? pattern="[a-zA-Z]{5,20}"
AndyWhitman Cheney
Which of the following CSS statements would force the footer to display below the floated elements?
clear: both
Which of the following is the proper syntax to identify a point in a page to navigate TO?
<h1 id="mytarget">Song Three</h1>
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>
Which of the following shows the user a drop down list.
<select>
Which of the following code segments are used to make a comment box in a form?
<textarea></textarea>
Which of the following code examples for a table are correct?
<tr><td></td><td></td></tr> <tr><th></th><th></th></tr> <tr><th></th><td></td></tr>
Which one of the following will NOT make the font face change to Verdana?
? not ( body {font-family: Verdana;})
Which of the following will connect an external style sheet to your HTML5 document?
? not (<link rel="stylesheet" href="/path/stylesheet.css" kind="text-css" />)
What is the "com" part of a URL called?
Top Level Domain
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;
How would you get a single pixel, solid border between horizontal menu items to provide visual separation?
border 1 solid partial??
Which of these are valid attributes of an <input> tag?
name value type
Which files and folders can be accessed using "videos/" as the first part of the href?
quicktime.html quicktimemovies folder flashvideos folder media.html
Which of these attributes will force the user to enter a value before the form is submitted
required
Please put these in the correct order for linking a Google map to your page.
search for location click the link copy and paste remove the extraneous
Which of the following CSS rules would center your text?
text-align: center;
Complete the following HTML code for creating a link to the page titled "recipes.html" that is in a folder called "thanksgiving": <a href=" thanksgiving / recipes.html ">Recipes</a>
thanksgiving recipes.html
The code below will color every other row of the table green; Please complete the code.
tr child background
Which of the selectors do not need a "#" or a "." when called in CSS?
try only "p"
Which of the following are valid for the text indent property?
all
Which of the following CSS selectors will change the color of the menu item to red?
all but a color red. one is wrong though. no idea which.
Which of the following is a property of a CSS rule?
float
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 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>
Complete the missing pieces of this form.
form and then method and then input
Which of the following would cause a link to "MySamplePDF.pdf" to break once you upload your site to a server?
everything but "a slow connection"
Which would you use to add a border around a section of a form?
fieldset
Which line of code is terminated (closed) properly?
Example One
In the following code sample, what would be the color of the paragraphs?
blue
Complete the missing parts of this HTML5 form input so it shows the number key board on a phone (NOT the phone number keyboard).
{0-9} class
Which of the following would center your <div id="container"> no matter the width of the web browser?
{margin: auto;} {margin: 0, auto} {margin: 0}
HTML tables became part of
HTML 3.2
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.
Which of these is Blue?
#0000FF #00ffff rgb(0,0,255) #00F; ?
Which of the following will render the lightest grey color?
#EEEEEE;
Which of these is pink (light red);
#FF7777 rgb(255,128,128) + + ?
Given the following code, how large would the paragraph text be in pixels?
.75em is 9px
Which of the following is NOT a domain suffix?
.mac
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" />
When the website launched the first semester, there were roughly how many sessions?
80,000
Over a three year period, the mobile traffic increased...
900%
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 would link to the music file "mysong.mp3" if the html and mp3 files were in the same folder on your website?
<a href = "mysong.mp3">Play my song</a>
Which of the following is the proper syntax for link to a "within page" destination?
<a href="#mytarget">jump down the page</a>
TO see a world map showing the visitors to our website we set the left side category to...
Audience > Geo > Location
What does the placeholder do?
It puts sample text in the field
For which of the following would the GET method be most appropriate?
Send modifiable information through the URL
What is an FTP client?
Software designed specifically for the job of transferring files.
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.
Select the best answer that describes a long tail phenomenon?
Where a few items get most of the attention
Which of the following CSS rules would allow you to use your own graphic for the bullets in a unordered list?
list-style-image
Which of the following CSS rules would remove the bullets or numbers from a list?
list-style-type: none;
Which of the following is a link that has the mouse over it?
a:hover
Which of the following CSS rules would cause your link's background color to go red when a mouse pointer is moved over it?
a:hover { background-color: red;}
Which of the following controls the look of a link when the mouse is over the link?
a:hover {}
Which of the following is the correct syntax for adding a background image through CSS?
background-image: url(champs.gif);
Which of the following are being changed by this CSS rule?
changing the text color to teal Setting the color of the background
In order to get an anchor inside a list item to respond to width and height, the CSS must also include...
display block
The code below will change the background color of the row that the mouse is over. Please complete the code.
hover background-color (but this will give you partial...)
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" ?
Complete the code below to limit the page width while still allowing it to shrink smaller.
max-width
What does this attribute in the opening form tag allow the form to do? enctype="multipart/form-data"
provides file upload control
The html has the following code in the body of the document.
p sesame {font-family: Verdana;}
Which of the following would be the best web format for a logo that was round?
png 24
What element displays white space exactly as it is typed and uses a mono-spaced font family?
pre
Look at the graphic and identify part 2
property
Which of the following is an attribute?
src
Please complete the missing code for a comment tag.
!-- -->
If the base font is set to the default, how big is 2em?
32px
Complete the missing code to make this media query effective in when the browser is wider than 600 pixels wide.
@media and min-width 601px
Tables should be used for which of the following?
Arranging data in rows and columns.
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
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.
In which stage is maintainable code a concern?
Site construction
Which of the following are true about a project manager?
The manager is the primary contact between the web team and the client The manager is responsible for staying under budget and delivering on time.
Look at the graphic and identify part 4
declaration
The Distributed Name Service
is a mapping service for IP numbers +
Which of the following inputs will allow the user to upload a photo of themselves?
not type="filePath" type="file"
Which of these is the color Red?
rgb(255,0,0) red #FF0000 #F00
Which of the following is NOT a way to specify the white in CSS?
rgb(FF,FF,FF)
Using image sprites will
save bandwidth. increase data flexibility prevent loading delays reduce the number of server requests. allow you to use images for navigation & remove the need for PHP
Match the following table element with its definition:
td is table column
Which of these input types would include the @ symbol on a supporting mobile device?
type="email"
Look at the graphic and identify part 3
value
Please complete the missing code to tell the phones not to lie about their width.
viewport device-width scale
From the file "quicktime.html" how would you link to the "index.html"?
<a href="../../index.html">Home</a>
Line height is best described by which of the following statements?
The distance from baseline to baseline. ? maybe Similar to leading in traditional typesetting.
Which of the following styles a link that has not yet been visited?
a:link
Type the missing portion tag to force a single return (NOT a double return). < />
br
Which of the following is a valid link from your page to Apple's web site?
not href="www.apple.com/"
By default, google analytics sets the date range to show
not previous 90 days
The number one position on the mobile traffic report the first semester was...
not set
The values used for opacity are between
0 and 1
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 abc-de-fghi 851-84-5589 123456789 584 58 4457 all except abc-de-fghi
Please match the following properties with possible values. text-indent, text-align, margin, text-decoration, font-variant, font-style
30em, center, 30px 10px, none, small-caps, oblique
Which of the following would be accepted by this pattern? pattern="[0-9 ]{10,12}"
540 241 1102 5402611102 but not 012345678
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 will connect an external style sheet to your HTML5 document?
<link rel="stylesheet" href="/path/stylesheet.css" />
A project that does not have a detailed list of all the information that should exist on the final website is missing...
Content Inventory
What is the "first.html" part of a URL called?
Document Name
Please match the following
HTML 5 The hr tag defines a thematic break and The hr tag represents a horizontal line 4.01
What is the "www.webdesign.com" part of a URL called?
Host name
What number code would you use to create the Euro currency symbol?
How about this> &# 8364;
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
Sort the steps for using an FTP client to load your files to the server.
Make sure connected to internet Check to see if your web pgs are available Open an FTP client Navigate to your root Select the files Watch the transfer
The people who created the ogg audio file format wanted which of the following?
One format to handle audio, video, and text Ogg is designed to provide for efficient streaming maybe Ogg allows manipulation of high quality digital multimedia
What is the "http://" part of a URL called?
Protocol
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.
Please match the team role with the primary responsibility
Shape the overall user experience Usabilty lead Information Architect Organizes and categorizes web site structure and content Establishing the site typography Art Director 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
In which stage do you define the scope of the site content?
Site definition and planning
What are the core skills you need to build a website?
Site production Graphic design for the web Web technology Information architecture and user interface design Project management Strategy and planning
Which of the following is a link that has already been clicked?
a:visited
What is the "2010/samples/first.html" part of a URL called?
absolute path or directory path
Which of the following are valid colors?
all except: color: #GGAA99; color: rgb(266,156,0); color: rgb(220,230,240,250); color:#22;
Please complete the following CSS to include the "curve.gif' image which is inside the "images" folder AND change the font color to 2323DD.
background "images/curve.gif" color maybe without the quotations
Which is the proper CSS for positioning a background in the bottom left corner?
background-position: left bottom;
Which of the following is the correct way to have a background image tile vertically?
background-repeat: repeat-y;
Please complete the missing code to create a 10 pixel rounded border on all four corners of the figure.
border radius 10px
Please complete the CSS below to remove the border spacing from the table.
border collapse collapse
Using CSS how would you remove the border between table cells?
border-collapse: collapse;
Please complete the code to create an 8 pixel drop shadow around the paragraph.
box shadow 8px #
What code would you use if you wanted to add a solid line used to divide sections of content?
br
Which of the following are valid CSS color statements.
color: #123456; color: teal; color: #678; color: #ABC; (all but #red)
What word do I need to add to the opening audio tag to show play, pause, and volume?
controls
Select the best answer to complete this statement. The purpose of semantic markup is to ...
convey meaning and content structure
A number of elements and attributes in HTML have been [_________], which means they are being phased out and discouraged from use.
deprecated
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?
div#features ul li { font-size: 20px; } #features ul li { font-size: 20px; }
Which of these statements in the site wide CSS page would change only the color of "Personal Info"?
form.conference fieldset legend {color:red;} form.conference legend {color:red;} .conference fieldset legend {color:red;}
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 these statements in the site wide CSS page would change only the color of "Personal Info"?
form.conference legend {color:red;} form.conference fieldset legend {color:red;} .conference fieldset legend {color:red;}
Which of these statements in the site wide CSS page would change only the color of word "Name:"?
form.conference span {color: red;} form.conference label span {color: red;} .conference span {color: red;}
What would you add to the start of each of these in the CSS style sheet to make the connection?
h1 Nada id # class .
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; }
Breadcrumbs are best described as
hierarchical list of web links showing the structure of a site
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 links from the index.html page to the soccer.jpg image would work from a real web host?
href="images/soccer.jpg" href="/images/soccer.jpg"
An inline frame is used to
i chose all but one of em maybe isn't right.
Which of the following is used only once in a document and identifies a unique element in a document?
id
Which of the following are required for a nice looking border in CSS?
idk maybe not margin
By the end of the project in 2014, the number two country visiting the site was the surprising...
india
A good site header provides
information about where users they are within the site • a search box an identity for the company basic navigation links
In which stage do you build prototypes to test navigation?
information architecture
road runner holdco llc and time warner cable internet llc were the leaders for
internet providors
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
When the website launched the first semester, there were roughly how many sessions?
not 70,000 and not 90,000
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>
What is the "www" part of a URL called?
not Directory Path, i think subdomain
Which of the following would be the best web format for a 3 color logo that was square?
not bmp nor pct nor gif nor swf maybe jpeg?
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"
