Co Info 757 Final Study Guide
Which of the following prefixes is used in linear gradient to provide support for Google Chrome?
-webkit-
Identify a pseudo-class used to style an unvisited link.
:link
A _____ is an area of the Internet a particular organization or person manages.
Domain
_____ is designed to exchange and transport data.
Extensible Markup Language XML
A webpage form must include a submit control, but not necessarily a reset control.
False
Applying a shadow to the header element diminishes its design quality.
False
When a border is applied to table elements, by default, every adjacent cell has a common border.
False
A wireframe is a predefined webpage that contains a specific Hypertext Markup Language (HTML) structure to be used by all pages within the website.
False
_____ is an authoring language used to create documents for the web.
Hypertext Markup Language (HTML)
_____ elements are displayed without line breaks so they flow within the same line.
Inline
_____ is a popular language used to create interactivity within a web browser.
Javascript
JPG uses a(n) _____, made exclusively for digital photos, to reduce file size.
Lossy Compression
Multiple colors can be used within a radial gradient.
True
In the context of exploring div elements, any word can be used as a(n) _____, as long as it does not contain spaces.
class name
Similar to the _____, the overflow property can help resolve display issues related to a nearby floating element.
clear property
Using _____ technologies, many websites allow customers to browse product catalogs, compare products and services, and order goods online.
e-commerce
An internal style sheet is also known as a(n) _____ style sheet.
embedded
Identify the style rule for an h1 element to center-align its content.
h1 { text-align: center; }
Identify a mobile website from the given Uniform Resource Locators (URLs).
http://m.phsc.edu/
The Cascading Style Sheet 3 (CSS3) _____ specifies the transparency of an element.
opacity property
The _____ is used to specify how to manage content when it "spills over" into another element.
overflow property
While processing a form, the _____ sends a separate data file with the name-value pairs to the URL (or email address) indicated in the action attribute.
post method
While styling for an anchor element within a section element, which of the following specifies a transparent background color?
section a { background-color: transparent; }
In <h1 style="font-color: navy">Special Note</h1>, the _____ is everything between the quotation marks.
style rule
Identify a style rule that should be used to set the height of a table data cell to 2em.
td { height: 2em; }
If a document has any errors, _____ gives a chance to identify and correct them.
validating
A _____ refers to the portion of a webpage that a user sees at any one time, regardless of device, browser, screen size, screen resolution, window size, or orientation.
viewport
A _____ shows the visual layout of a webpage to indicate where elements should appear.
wireframe
The _____ tags contain a specific grouping of content on a webpage.
<section> and </section>
The _____ was created to resolve the difficulty in remembering and using Internet Protocol (IP) addresses to access websites.
Domain Name System (DNS)
_____ can be implemented by measuring the widths of wireframe elements and content in relative units such as percentages and ems.
Fluid layouts
_____ files are not suitable for high-quality pictures or photos because of the small color palette in them.
GIF
_____ elements indicate that a new topic is starting and typically identify or summarize the topic.
Heading
_____ is an open-source server-side scripting language used for performing common tasks such as writing to or querying a database located on a central server.
PHP (Hypertext Preprocessor)
Only videos that create a rich experience for the user should be added to a webpage because:
informative video files can increase traffic to one's website.
The default style for the navigation list items displays them as _____ with a green background, a design that need not be changed.
textboxes
In the context of styling table elements, which of the following formats is used to specify the background-color property for a table header?
th { background-color: #F5F5F0; }
Identify a style rule that applies a thin (0.1em) solid black (#000000) border and 1em of padding to all sides of a table header and table data elements.
th, td { border: 0.1em solid #000000; padding: 1em; }
Media queries cannot determine the size of a viewport.
False
When the value is zero for a property, the unit of measurement does not matter.
True
While optimizing an image, too much compression can degrade the quality of the image.
True
When using images with large file sizes, a photo or graphics editor should be used to _____ the graphic for web use.
optimize
The _____ attribute of the video element specifies an image to be shown while the video is downloading, or until the user clicks the play button.
poster
_____ forces browsers to display a nonbreaking blank space.
 
For a description list, each description or definition should be marked between a pair of _____ tags.
<dt> and </dt>
Mark and Sebastian are building a new e-commerce site. Their goal is to focus on customers' needs and to gain popularity among their competitors. Before creating their website, Mark and Sebastian identify the location of main webpage elements using wireframe. They leave a few areas of the website intentionally blank to help balance the design of an asymmetrical page. What are these intentionally left blank spaces called?
Active White Space
A webpage with a _____ does not change when the browser window is resized or the page is displayed at varying resolutions.
Fixed Layout
PNG supports transparency, but not animation.
True
A _____ applies proportional size measurements to a webpage wireframe and content so that the content stretches, shrinks, and grows as the size of the viewport changes.
fluid layout
The _____ rule centers an h1 element.
h1 { text-align: center; }
A webpage with a fluid layout is also called a _____.
liquid layout
Aslina, a wildlife photographer, has started her own website that showcases her work. Identify the cascading Style Sheet (CSS) unit Aslina should use to measure the width of the wireframe elements and flexible images in her website.
%
Identify a style rule that displays elements in the chkbx class (the check boxes) inline while the elements retain their block element characteristics.
.chkbx { display: inline-block; }
figure img { opacity: 0.7; } Here, the opacity value will make the images appear _____.
30 percent transparent
Samantha is an entrepreneur and her company website has the following links: Home, About Us, Careers, Contact Us. She wishes to vary their appearance whenever they are visited or clicked. Samantha wants the color of Home to turn yellow when she moves the pointer over it. Identify the pseudo-class that should be used to perform this function.
:hover
_____ is an example of a comment in Hypertext Markup Language (HTML).
<!-- This is my comment -->
<div id="container"> is used to insert a div element with an id attribute value of container to a website template. The ending div tag here should be _____.
</div>
Gigano Mobiles, a smartphone manufacturer, is going to release its new flagship device next month. The Chief Executive Officer (CEO) of Gigano Mobiles asks Maeve, a website developer, to develop an exclusive website for the flagship device. Which tag should Maeve use in her webpage to display the information of nearby content in a sidebar? You Answered <section>
<aside>
Identify a code that creates a label and a text box for a visitor's first name.
<label for="fName">First Name:</label> <input type="text" name="fName" id="fName">
The _____ element must be used to create paragraphs in the main area of a Hypertext Markup language (HTML) code.
<p>
Identify the code used to create a table with one row and two columns.
<table> <tr> <td>Semester 1</td> <td>Semester 2</td> </tr> </table>
Mark is a fitness trainer and uses a webpage that maintains his list of client information and training schedules. Mark's webpage maintenance in charge, Jenny, has been asked to use tables instead of bulleted lists to keep track of all the data in an organized and clear manner. Identify the format used by Jenny to enter starting and ending table row tags with the following table data elements: Monday, Ben, and Cardio.
<tr> <td>Monday</td> <td>Ben</td> <td>Cardio</td> </tr>
Mark is a fitness trainer and uses a webpage that maintains his list of client information and training schedules. Mark's webpage maintenance in charge, Jenny, has been asked to use tables instead of bulleted lists to keep track of all the data in an organized and clear manner. Jenny has to create a table that contains one header row and three columns, one each for Balance exercise, Strength exercise, and Endurance exercise. Identify the format that Jenny uses to create this type of a table.
<tr> <th>Balance exercise</th> <th>Strength exercise</th> <th>Endurance exercise</th> </tr>
Media queries can be implemented by coding them directly into a single Cascading Style Sheet (CSS) file using the _____ rule.
@media
_____ appear below the header in the navigation area of a webpage.
Page links
_____ in a wireframe is the space between content areas.
Passive white space
Mark and Sebastian are building a new e-commerce site. Their goal is to focus on customers' needs and to gain popularity among their competitors. They built a website that provides an optimal viewing experience across a wide range of devices. Identify the website design that has been used by Mark and Sebastian.
Responsive design
_____ allows to create one website that provides an optimal viewing experience across a range of devices.
Responsive design
A hyperlink, more commonly called a link, is an element that connects one webpage to another webpage on the same server or to any other web server in the world.
True
A media query detects the media type and capabilities of the device that a browser is running on.
True
Although a table is inserted within the div class="desktop" section, the table will still be displayed in the tablet viewport.
True
An embedded style sheet takes precedence over an external style sheet.
True
For the creation of a fluid layout, percentages can be used to measure the width of each column in a webpage.
True
Hypertext Markup Language (HTML) combines tags and descriptive attributes that define how a document should appear in a web browser.
True
Images help break up text and contribute to the design and aesthetics of a website.
True
Inserting blank lines before or after HTML elements does not affect the structure of a webpage.
True
Tables can include headers and captions individually or in combination.
True
The selector of a Cascading Style Sheets (CSS) rule defines the exact formatting of a style.
True
Webpage content should be grouped to improve semantic design and search engine results.
True
The World Wide Web Consortium (W3C) recommends _____ all Hypertext Markup Language (HTML) documents and making it a part of webpage testing.
Validating
_____ is an effective troubleshooting tool during the development process and adds a valuable level of professionalism to one's work.
Validation
_____ define additional characteristics, or properties, of Hypertext Markup Language (HTML) elements such as the width and height of an image.
attributes
If the main element is displaced to the banner image area, the issue can be corrected by applying an overflow property with a value of _____ to the main style rule contained within the tablet media query.
auto
Kevin, a manager at FitPlus fitness club, owns a website that updates information regarding his fitness club. He had created background gradients by tiling gradient images across a page or element. Now, he wishes to remove these and add gradients supported by Cascading Style Sheet (CSS) 3. Kevin wants to apply a gradient that transitions from blue for the top portion of the page to white for the bottom portion of the page. Which of the following properties should he use?
background: linear-gradient(blue, white);
_____ is a language used to describe the formatting of a document written in a markup language such as Hypertext Markup Language (HTML) 5.
cascading style sheets
The border-collapse property with a value of _____ is used to display a table with single, consolidated borders.
collapse
When creating a webpage template, including _____ provides additional information about how to use the sections of the webpage.
comments
Jenny is a freelance web designer and uses style sheets that give her the flexibility to easily redesign or rebrand a website. Recently, Jenny has received a project wherein she needs to maintain a website for a leading orthopedic appliance manufacturer. Jenny decides to create an individual webpage for displaying the types of appliances manufactured by the company. She wants to give this webpage a style that is differentfrom the rest of the website. Which of the following Cascading Style Sheets (CSS) styles should Jenny use if she wants to set the background color for the body section to green for the current webpage alone?
embedded
The first step while using an _____ style sheet is to use a text editor to create and save a document with a .css extension.
external
Mark is given the responsibility of setting up a method for distributing information at the university where he works. Mark's assignment changes and he needs to develop a solution for the finance office at the university. He will need to allow vendors to submit their bills online and to check if the university has paid their bills. Which of the following technologies is the best choice for him?
extranet
A(n) _____ is a private network that uses Internet technologies to share business information with selected corporate partners or key customers.
extranet
According to the World Wide Web Consortium (W3C), the _____ "represents some flow content, optionally with a caption, that is self-contained and is typically referenced as a single unit from the main flow of the document."
figure element
Using _____, a website visitor can move from one page to another, view a page on another website, start a new email message, download a file, or make a phone call from a mobile device.
hyperlinks
The _____ is a term used to describe the ever-growing number of devices connecting to a network, including televisions and appliances.
internet of things
Identify a style rule that specifies a block display for label elements.
label { display: block; }
To reduce an image's file size, the GIF format uses a technique called _____ that maintains the file's color information.
lossless compression
For email links, use anchor elements to link to an email address by including the href attribute followed by _____ and then the email address.
mailto:
Each page can have only one _____ element because its content should be unique to each page.
main
Identify the style rule to apply a font color for a main article h2 element.
main article h2 { color: #000000; }
Identify the style rule to left-align an unordered list element contained within a main article element.
main article ul { text-align: left; }
_____ is a Hypertext Markup Language (HTML) structural semantic element.
nav
A(n) _____ defines different parts of a webpage document, such as chapters.
section element
A _____ creates an option menu from which a visitor makes one or more choices.
select control
A _____ element provides meaning about the content of the element.
semantic
When a Hypertext Markup Language (HTML) document is _____, it confirms that all of the code is correct and follows the established rules set by World Wide Web Consortium (W3C).
validated
_____ provide statistics on how many people visit a website as well as what browsers, devices, and choices the user made while at a website.
web analytics
A _____ analyzes current content, performs in-depth research, and then drafts recommendations for content to attract new clients.
web content strategist
A _____ is a simple, visual guide that clearly identifies the location of main webpage elements, such as the navigation area, organization logo, content areas, and images.
wireframe
Which of the following is the correct style rule to use the HTML object element to embed an audio file named audio.wav on a webpage?
<object data="audio.wav"> <param name="autoplay" value="true"> </object>
Mark is given the responsibility of setting up a method for distributing information at the university where he works. The content that needs to be distributed will include course lists with student data, lecture notes, and slides that should be available only to the students in a given course. Which of the following technologies is the best choice for Mark?
An intranet because it is a private network that can be limited to sharing information among members of a particular group
Steve is new to image file formats, particularly for the web, and he is unsure about which format he should use for different kinds of image files. Steve has recently purchased his first digital camera. Since he has started capturing and using digital photos instead of non-digital ones, which image file format will be best suited for his use?
JPEG
Internet Explorer supports the _____ video file format.
MP4
While styling a form for a mobile viewport, display the form elements as _____ so that each element appears on its own line and horizontal scrolling can be avoided.
blocks
In a list, including the _____ property adds a rounded border to each list item.
border-radius
In the above figure, _____ is added to a tablet viewport so that navigation links appear above the main element rather than within it.
clear: left;
The figure element may contain an optional _____, which is used to provide a caption for the figure element.
figure caption element
The declaration _____ indicates that the primary font that the browser tries to use is the Cambria font.
font-family: Cambria, "Times New Roman", serif;
Since browsers that do not support the video element ignore the <video> tag, one needs to _____.
insert text content between the <video> and </video> tags to alert users
<object data="audio.wav"> <param name="autoplay" value="true"> </object>
the audio starts playing when the webpage opens
<audio controls="controls" autoplay="autoplay"> Here the autoplay attribute specifies _____.
to start playing the audio file once the page is loaded in the browser
