Section 1
Preview this deck
Karen is the Webmaster for her company. Management would like to make the company's intra net site more effective by providing links to internal HR forms for all employees to access. These forms are currently stored on the company's file server and are updated quarterly. For security reasons, the Web server does not allow linking to the company's file server. How should Karen create these links?
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (104)
Section 1
(50 cards)
Karen is the Webmaster for her company. Management would like to make the company's intra net site more effective by providing links to internal HR forms for all employees to access. These forms are currently stored on the company's file server and are updated quarterly. For security reasons, the Web server does not allow linking to the company's file server. How should Karen create these links?
Upload the forms to the Web server and create local relative links to the files.
Marion is formatting a simple Web page. She has been asked to create headings before the first and third paragraphs. To accomplish this most efficiently, which type of HTML elements should Marion use?
Paragraph-level elements
Katie developed her corporation's intra net site using proprietary HTML language extensions based on the company's current browser. The company has recently updated its systems to include the use of a new browser. Now the intra net site that Katie developed no longer renders its content consistently. What should Katie do to ensure that this site's content renders consistently regardless of the browser used?
Update the site using a single language standard consistently, such as HTML5 or XHTML
You are creating a style sheet to format the pages on your company's Web site. One section will have a black background with white text. What is the hexadecimal reference you would use to specify the text color for this portion of the Web page?
#FFFFFF
To ensure the maximum cross-browser compatibility and consistent functionality, Web developers should:
Test their pages in the most common browsers, including the most used and latest releases.
Prior to HTML5, structuring a Web site using style sheets with the <div> tag and its 'd' attribute has been an acceptable practice to govern the document's structure. With the emergence of HTML5, what five new elements were introduced for more effectiveness?
<nav>, <article>, <aside>, <header>, <footer>
Which choice describes a correct order of precedence for implementing CSS?
Inline styles override all other styles.
Matthew has embedded a video in his Web page using the HTML5 video format. The video is not rendering properly. He asks Arlene to help determine the problem, so she reviews his code, which appears as follows: <video height = "210" class= "center" controls ="controls> <video src = "video.ogg" type="video/ogg" /> Your browser does not support the HTML5 video element. </video>
The second instance of the <video> element should be replaced with the <source> element.
Which Web-based validation tool is used to validate Cascading Style Sheets (CSS)?
www.jigsaw.w3.org
You are modifying an existing Web page that needs to validate as HTML5 code. To create a rectangular hot-spot in an image map that links to www.xyz.com, which code would you nest inside the <map> </map> container tags?
<area shape="rect" coords="78, 0, 156, 75" href="http://www.xyz.com" alt="xyz" />
Web developers typically include comments in their code for which reason?
To explain the purpose of code sections to other developers
Which line of code instructs the browser to look for a directory named mysite that begins one level higher than the page you are currently viewing?
./mysite/index.html
When developing Web pages, it is important to test the pages with:
Current and older versions of multiple browsers.
Which choice lists the CSS standard(s) that HTML5 supports?
All CSS standards (CSS1, CSS2 and CSS3)
Consider the following HTML5 code: <!--NAVIGATIONAL SIDEBAR --> <nav> <img height="129" src="syb/SYBSumReptCV.jpg" width="100" alt = "link to a PDF file. Go to www.adobe.com to download Adobe Reader" /> <br/> <br/>SYB <br/>Summary Report </nav> Also consider the following CSS code: nav { float:left; width:165px; background:#fc3 url(navbg_04.gif) repeat-y top right; height :662px; } this HTML5 and CSS code directs the sidebar background image to:
display at the top-right of the sidebar
Which choice lists the HTML5 elements that define the document structure for a Web page?
<header>, <footer>, <nav>, <article>, <aside>
Aisha is coding a Web site using a GUI HTML editor. She wants to quickly check her code for errors and compliance with HTML standards as she works. How can she best accomplish this?
Validate the code using the GUI validator.
When the user clicks the Submit Query button on a form, the browser sends the information entered in the form to the Web server as a raw text string. The basic element of a raw text string is a name = value pair. A CGI script parses and formats the raw text string into a human-readable format. Which attribute of the form field elements organized information input by the user into name = value pairs?
Name
Which HTML validator is best for a final check before a new Web site is published?
W3C validator at http://validator.w3.org
When developing a Web site, which of the following actions would be considered unethical?
Copying some code from another Web site
Marion has been hired by a popular national salon business to refresh its existing Web site and update it to valid HTML5 code. MONEY IS NOT AN ISSUE BUT TIME IS.(<----clue) Marion is asked to complete the project within eight weeks. The site currently includes 10 pages and connects to a back-end database so that customers can sign in for a personalized experience. Marion suspects that most of the existing code will need to be replaced. Marion must ensure that she has plenty of time for the testing phase, so shw needs to complete the planning phase, in which she selects the multimedia for the site, within the next couple days. Which strategy should Marion use in the planning phase?
Purchase stock photos from online resources.
Acme Company has been receiving complaints from its suppliers saying that its extranet site does not render correctly in all their employees' browsers. The suppliers are asking that the extra net site be fixed so that everyone can access it, regardless of browser type. When examining this problem, the Acme Web Development team finds that many developers worked on the site and each used code that he or she was comfortable with. To resolve this problem, what can the Acme developers do?
Edit the code so that it conforms to a single W3C HTML standard.
To insert a graphic in a Web page and successfully validate the page as HTML5, the <img> element must include:
The alt attribute
Sampson has used HTML5 to create a Web page that contains image-based navigation buttons. He would like to add text-based navigation to help ensure accessibility. Which of the following HTML5 elements should he use?
<footer>
Since the advent of HTML5, which choice accurately describes a difference between a mobile app and a mobile Web site?
A mobile app is faster because it does not necessarily use the browser.
Marion has been hired by a small business to determine why its Web site does not attract users. As Marion interviews different members of the company, she learns that when the site was first created, the external Web developer did not produce any documents specifying the basic requirements for the site. As a result, the site did not have a defined purpose and was not designed for the company's audience. Additionally, the site navigation did not make sense from a users point of view. Marion considers this information, then she recommends that the company create which document?
Storyboard
When you are using stock images in your Web site, a royalty-free license allows you to:
Use the images without paying a fee for each use.
Which <1mg> tag attribute is required in order for HTML5 documents to validate without error?
alt
Which type of intellectual property includes business plans, proprietary code and sales contracts?
Trade secret
Consider the following HTML5 code: <!DOCTYPE.html> <html lang="en"> <head> <title< My Favorite Movie Quotes</title> <link rel="stylesheet" href="css/styles.css"/> </head> <body> <p> This Web site is devoted to my favorite movie quotes. These iconic movie quotes have been used time and again but will never lose their appeal. </p> <p> Captain (Strother Martin) in Cool Hand Luke (1967) <blockquote> "What we've got here...is a failure to communicate." </blockquote> </p> </body> </html> The code does not validate as HTML5. Why?
The <blockquote> tag should be used outside the <p> tags.
Web pages structured with which tag will fail W3C validation tests, no matter what standard is used?
<table>
You need to center and indent a quote on your Web page. Which is the best way to accomplish this using HTML5?
Use the <blockquote> element.
A user is submitting data from a form on your Web page to a database using a CCI script. Which attribute of the form field elements organizes the user's information into name=value pairs?
Name
Which code is best for embedding video into an HTML5 page?
<video width="360" height = "270" controls = "cpmtrp;s" poster="image.png"> <source src="video.mp4" type="video/mp4" /> <source src= "video.web" type="video/webm" /> <source src="video.ogg" type = "video/ogg" /> Your browser does not support the HTML5 video element. </video>
Which type of application allows you to edit and validate your source code and preview your Web pages in multiple browsers?
GUI HTML editor
You are creating a style sheet to format your Web pages. For the page background color, you enter the hexadecimal code FF0000. What color will the page background be when you apply this style?
Red
Which HTML element aligns content both horizontally and vertically to the center of the table cell by default?
<th>
Which line of code uses the correct syntax to apply an external CSS style sheet to HTML documents?
<link rel="stylesheet"type="text/css"href="syb/syb.css"
To define a circle-shaped hot-spot for an image map, which of the following code fragments would you use?
<map name="globe"> <area shape="circle" coords="75, 90, 34" href = "globe.html" alt="world globe" /> </map>
You are developing a Web site in HTML5. You want the new HTML5 structural elements (such as <header> or <article>) to be styled consistently in all browsers. You must add a CSS rule that will change them to which element type, to ensure the site will render successfully?
Block
You have been asked to design and develop a Web site for a retirement community. What can you do to help make the site accessible to the elderly?
Comply with WAI's Web Content Accessibility Guidelines.
When establishing a mobile presence, which of the following offers mobile-friendly content to the widest possible audience?
Mobile Web sites
You can use the HTML <input>, <select> and <text area> tags to create form fields in a Web page by placing them between the <form> /form> container tags. Which attribute is used with the <input> element to designate the fields that will appear in the form?
The type attribute
When previewing a Web page using a GUI HTML editor, you will:
Be limited to the browsers installed on your computer or device.
Clyde is working on a web page for his company's intranet. He wants to insert an HTML comment within the page to let other developers know that the page validates as HTML5 and that he is the page author. Which line of code will insert the comment that Clyde requires?
<!--Clyde Davis, 9/17/2012. This code validates to HTML5-->
Which of the following HTML elements is a text-level element?
<br>
Which set of standards developed by the W3C Web Accessibility Initiative (WAI) project provides a universal set of standards promoting accessibility for all Web users, including those with disabilities?
Web Content Accessibility Guidelines
During the initial meeting to plan a new Web site, whose input must be obtained?
Stakeholders
Marsha's boss directed her to create a mobile version of the company's Web site. To ensure her mobile site is optimized, Marsha eliminates banners and advertisements. What other recommendations should Marsha follow?
Use white space to give the site an uncluttered look.
Which Web-based validation tool is used to validate HTML documents?
www.validator.w3.org
Section 2
(50 cards)
Which activity is most likely to be necessary during a web site planning meeting?
Explaining branding issues to members of the Web development team
Which choice lists the information you need in order to publish your Web site to the World Wide Web?
The host server's IP address, a user name and a password
Which of the following is an HTML phrase element that formats text in a fixed-width font?
<samp>
You want to create a table in which the top row spans three columns. Which tag would accomplish this goal?
<th colspan="3">
Which of the following is a valid HTML reference to a CSS file?
<link rel="stylesheet" type="text/css" href="syb/syb.css" title="stylesheet"/>
Which statement accurately describes a vector graphic?
It uses mathematical coordinates with lines, curves and shapes to create images and specify colors
As you passed your mouse cursor over a hyperlink on a web page, the text enlarged. Which of the following was used to accomplish this effect?
An event handler (Created with DHTML and javascript)
Which of the following is a drawback of using a text editor to create HTML pages manually?
Typing code may be too time-consuming for users with disabilities
How can you ensure that your Web pages are compliant with a W3C standard?
Use a code validation tool
You are applying a font type to a Web page using your GUI HTML editor. Which of the following should you consider?
The character sets available in most browsers
Samantha is creating a Web page using HTML5. The page uses image-based navigation buttons. To help ensure accessibility, Samantha wants to add text-based navigation to the page. Which HTML5 element should she use to accomplish this?
<footer>
Your team is creating web pages for the company intranet. Some of the pages include advanced technologies, so you need to ensure that certain current browsers are used to view the pages. You can implement browser recognition using either client-side scripts or server-side scripts. Which choice describes a drawback of using client-side scripting for this purpose?
The user can disable scripting in the web browser (also server-side scripts will require some setting up)
Skylar has been asked by the HR Department to create a Web page for the company's intra net site that compares the company's four different medical insurance plans. To accomplish this effectively in HTML5, Skylar should:
use document structure tags to lay out the page and use a table to organize the medical insurance plan information.
Consider the following Cascading Style Sheets (CSS) rule: body {background-color:lightblue;} Which is the "selector" portion of this rule?
The portion that reads "body"
You have included on your Web page a graphic image file that conforms to a relatively new standard. This graphic format is capable of supporting compression, animation and transparency. It is also an open standard. However, this image file format is not supported in older browsers. Which image file format are you using?
PNG
You want to create an internal hyperlink in your web page. Which choice describes the two steps you must perform?
Create an anchor <a>, then create a link that points to the anchor <href>
Consider the following HTML code: <blockquote> The Summer Youth Build allows students to help others while having fun on the job. <img src="syb/syb.png" alt="Join a summer build!" style="float:right"/> </blockquote> Where on the page will the image appear?
To the right of the text
Which statement about mobile apps is true?
Mobile apps are stand-alone applications that are downloaded from a vendor's software repository.
Which HTML element can be used to create a primitive table on a Web page using tabbed data?
The <pre> tag
You are developing new Web pages for your site using HTML5 and Cascading Style Sheets (CSS). Which Web-based validation tool can you use to validate your CSS code?
www.jigsaw.w3.org
Your Web team manager has directed you to create a Web form that allows the user to upload a file to your Web server. Which line of HTML code would accomplish this task?
<input type="file" name="File"/>
The process of wireframing typically includes determining Web site goals plus:
Outlining the development process and site navigation, and identifying required technologies.
Philip creates a Web form in HTML5, but the data will not process. He has the method attribute included in the <form> element. What is missing?
The act/on attribute of the <form> element
You want to add a table into your web document using a GUI HTML editor. You are using HTML5 and CSS. Which of the following describes a valid use of tables?
To make information appear in an organized manner
You are creating a Web document on a mobile device and will be out of your Internet Service Provider's coverage range for the remainder of the day. Which HTML5 API will allow you to continue working on the document?
Offline Web application
Consider the following HTML5 code: <!DOCTYPE html> <html lang="en"> <head> <title>My Favorite Quotes</title> <link rel="stylesheet" href="css/styles.css"/> </head> <body/> <p> This Web site is devoted to my favorite quotes. These iconic quotes have been used time and again but will never lose their appeal. </p> <p> Hamlet, from his soliloquy in William Shakespeare's play "Hamlet" </p> <blockquote> "To be or not to be, that is the question." </blockquote> </html> The code does not validate as HTML5. Why?
The <body> tag is not properly closed.
Violating a copyright or trademark is an example of what type of prosecutable crime?
Infringement
You are creating a table on a web page for your company's web site. Your web team leader has directed you to add more white space within the table cells so that content does not appear crowded. How can you accomplish this?
Increase cell padding (Increases amount of white space around the data in the cell)
You have decided to use relative links for your web site's local pages instead of specifying absolute URLs. Your supervisor has asked you to justify this decision. Which statement provides the best justification?
The site can be moved from one server to another with minimal disruption.
Marsha has been hired by XYZ, Inc., to update the company Web site. Marsha discovers that the existing Web pages were structured using tables. Marsha needs to explain to XYZ why the Web site needs to be recoded in HTML5 with CSS controlling the structure of the document. What is the most important reason for using HTML5 and CSS?
The Web site can be interpreted by any HTML5-compliant browser, including mobile devices.
Which technology provides specific elements and tags that allow text on a Web page to appear animated if a mouse cursor is passed over it?
Dynamic HTML (DHTML)
In the web form you are creating, you want a multiple-option select list to appear with five options. Which line of HTML code will help accomplish this?
<select name="work" multiple="multiple" size="5">
HTML comes in several versions. Which HTML version includes the Transitional, Strict and Frameset "flavors"?
HTML 4.01
Consider the following portion of HTML code for creating a table: <table border = "1"> <tr> <th> Price </th> <th> Quantity </th> </tr> <tr> <td> 13.95 </td> <td> 72 </td> </tr> </table> Also consider the corresponding CSS document code: table, td, th { border: 1px solid gray; } td, th { padding: 6px; border-spacing: 2px; } Which statement correctly describes the resulting table?
Each cell will have 6 pixels more than the default of space between the content and the cell border.
Using a linked style sheet, you have modified the look and feel of an HTML page. You noticed that the rules you applied remain in force unless explicitly overruled using other styles. Which term describes this phenomenon?
Inheritance
You are using a standard black font for text. When choosing a background color, what should you consider?
Using a light background color to avoid distracting users
When a developer wants to center a paragraph of text, which code should she use?
<p style="text-align: center"> This is the text to center</p>
Consider the following HTML code: <a href="indexes/index.html"> CCYP home </a> which type of hyperlink reference is given in this code?
partial URL (Instead of like a regular URL which points to a website, partial URL points to a document path)
Which example demonstrates the proper tag for inserting an image in HTML5?
<img src="image.gif" alt="This is an image."/> hint: (img src then alt attribute)
Extensible Markup Language (XML) is a simplified version of:
Standard Generalized Markup Language (SGML)
You are designing the front end for your company's new Web site. You want all design elements to support site navigation and ensure page accessibility as much as possible. Which point should you verify as you design your pages?
Color combinations should be as attractive and readable as possible
Which HTML tag is used to contain content in a table cell?
<td>
Which of the following is a typical problem that occurs when a hyperlink is not correctly coded?
Text and images disappear
You want to specify horizontal alignment for the content in a table row using a CSS property. Specifically, you want to move content over to the right. Which property and value pair would you use?
text-align = "right"
Which of the following is used in many programming languages to help end an infinite loop?
A break statement
Which of the following was issued by the U.S. government to ensure accessibility to various resources, including Web pages?
Americans with Disabilities Act (ADA)
Roberto is creating a Web page using HTML5. He wants to indent a quote on the page. Which element should he use to accomplish this?
<blockquote> (indents a block of text)
Which CGI technology uses the Java programming language to process data received from a Web form?
JSP (JavaServer Pages)
What is a mobile app?
A stand-alone application that is downloaded from a vendor's software repository onto a mobile device
Consider the following HTML code: <a href="http://192.168.2.3/indexes/index.html"> CCYP Home </a> Which type of hyperlink reference is given in this code?
fully qualified URL (Because it has an ip address)
Section 3
(4 cards)