CMP 130 Final

To style the div id="container" element, _____ is used as the selector.

#container

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 in her website

%

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. Maeve has created the website, but she is not able to include more than one blank space at a time. Even if she hits the SPACE button twice, the browser displays it as a single space. Which of the following would you suggest Maeve to use to overcome this problem?

 

When creating a file in VS Code for css what extension should you use?

.css

When creating a file in VS Code for html what extension should you use?

.html

Which video file format is supported by the HTML 5 video element?

.ogg

Which is the minimum viewport width for large desktop monitors?

1280px

Identify the minimum viewport width for small smartphones.

320px

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

The _____ HTML 5 semantic element contains information about nearby content and is typically displayed as a sidebar.

<aside> ... </aside>

Steve is new to web development, and he has been asked to create a website with a minimum of 10 webpages for one of his high school events using Hypertext Markup Language (HTML) 5. ​ Steve wants to insert the copyright information in the webpages for the images used in the website. Where would you recommend him to place this information?

<footer>...</footer>

Identify the meta tag that must be added to the head section of each responsive webpage to ensure that the page initially loads in a layout width that matches the viewport of the device.

<meta name="viewport" content="width=device-width,initial-scale=1">

The _____ HTML 5 semantic element contains a specific grouping of content on a webpage.

<section> ... </section>

Mark is a fitness trainer and uses a webpage that maintains his list of client information and training schedules. The developer who maintains Mark's webpage, 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 insert a table along with a caption element that reads "Mark's Fitness Schedule."

<table> <caption>Mark's Fitness Schedule</caption> . . .

Identify a correct format to insert the table header element "Days."

<th>Days</th>

Mark is a fitness trainer and uses a webpage that maintains his list of client information and training schedules. The developer who maintains Mark's webpage, 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>

Media queries can be implemented by coding them directly into a single Cascading Style Sheet (CSS) file using the _____ rule.

@media

VS Code and Visual Studio Code are 2 different editors

False

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

_____ is a website development strategy that strives to provide an optimal user experience of a website regardless of the device or browser used.

Responsive design

Javier develops sophisticated fashion websites. He has been asked by the owner of a leading fashion brand to create web content that boosts the overall look of the site and attracts more customers. Javier wants to enhance the look of the website by adding animation. What file format uses markup language and supports two-dimensional graphics, images, and animations ?

SVG

VS Code is cross platform and will work on Windows, Mac, and Linux.

True

Visual Studio Code is a free source-code editor made by Microsoft.

True

A(n) ______ element begins with an <a> tag and ends with an </a> tag.

anchor

A(n) _____ element is a composition that is independently distributable, such as a forum post, a magazine or newspaper report, a blog entry, a user-submitted comment, an interactive widget or gadget, or any other independent item of content.

article

A(n) _____ element is used as a sidebar and contains additional information about a particular item mentioned within another element.

aside

James has been assigned the task of creating a website for the Finneray University. The website should focus primarily on delivering the following information to visitors: the various departments, the courses offered by the university, the duration of each course, the expert faculties, the scholarship programs, the fee structure, and the campus housing facilities. James creates an article that describes all the different departments of the university. Along with each department, the webpage lists the courses offered by that particular department. James should use a(n) _____ if he wants to include more information about one of these courses, such as its duration or its fee structure.

aside element

The _____ on webpages can set a mood or tone and entice a user to make a purchase.

audio

The Hypertext Markup Language (HTML) elements that define the structure of a webpage must be within a(n) _____ element.

body

Jerema, the CEO of a leading garment manufacturing outlet, has assigned her assistant, Ann, the task of utilizing tables and their styling features to create an organized information store that contains all of Jerema's meeting schedules. Ann creates a table that has four rows and three columns that lists all the required information. Ann has used table styling properties to give the table a neat look. Although Ann has applied a border to the table element, each cell has its own border, making the table appear to have double lines between each table data cell. Which styling property should Ann use in this case to display the table with single, consolidated borders?

border-collapse property

The _____ property allows any specified padding or border to be included within the element's total size

box-sizing

The _____ is where you apply different styles to the webpage to cause it to change in a way that makes it easier to read and navigate for a particular viewport, such as a user viewing the webpage on a smart phone.

breakpoint

Emma is the supervisor at Rainbow Music. She is responsible for reviewing and editing the audio files before they are made accessible to the audience of the company's music website. ​ As an audio editor, Emma observes that most of the audio files are extremely large in size. Emma should utilize a _____ to reduce the size of an audio file, while maintaining enough quality to play the audio file on a computer.

codec

Libby, an academic organizer and planner, works for various universities where students can utilize the courseware created by Libby to enhance their verbal and reasoning skills. Libby has assigned James, a website designer, the task of using multimedia to enhance her website so that it provides the students with an easier and more interactive method of learning. ​ Libby asks James to incorporate video resources on the website that would allow the students to access a variety of courseware. To do so, James has decided to use external media files and the _____ element, which would define a container for an external application.

embed

Today, most websites use a(n) _____ , a small image that appears on the browser tab that represents the business.

favicon

According to the World Wide Web Consortium (W3C), the _____ element "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

The figure element may contain an optional _____ element, which is used to provide a caption for the figure element.

figure caption

The _____ property allows the positioning of an element to the right or left of other elements.

float

To create a(n) _____ grid, you design a webpage that uses a grid or columns.

fluid

Responsive designs are based on _____.

fluid layouts

The _____ area of a webpage contains the copyright and contact information.

footer

Websites that make visitors create an account or register for an event use _____ to collect information about their customers

forms

In the context of a style rule including a selector and a declaration, _____ formats h1 elements using blue text

h1 {color: blue;}

A _____ is located at the top of a webpage and identifies the site, often by displaying the business name or logo.

header

A(n) _____ displays text as bold and center-aligned.

header cell

The _____ is an empty Hypertext Markup Language (HTML) tag

image tag

A feature of the Cascading Style Sheets (CSS) properties is that paragraphs and headings can _____ the font and color rules for the body selector.

inherit

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 been contracted for a project wherein she needs to maintain a website for a leading orthopedic appliance manufacturer. Jenny wants to enhance the look of the webpage by formatting individual sections of the webpage. Which of the following Cascading Style Sheets (CSS) styles should Jenny use so that the style changes the content marked up by a specific pair of tags but does not affect other content in the document?

inline

An external style sheet is also called a(n) _____ style sheet.

linked

Zach, a consultant, has recently launched a website for his business. His audience includes people who use both desktops and smartphones. Zach wants to detect the approximate pixel size of the current viewport so that it will help him selectively apply Cascading Style Sheet (CSS) rules that work best for that viewport size. Identify the concept of responsive design will help Zach get the required information.

media queries

Many websites use _____ to enrich the user experience and provide interactivity.

multimedia

Using a _____ element directly below the header element and then inserting the navigation links in this element ensures that the links appear near the header, where visitors can access them easily.

nav

To follow proper syntax with ______ elements, close each tag in the reverse order as you opened them.

nested

Developers use _____ to measure the widths of the wireframe elements and flexible images.

percentages

To create a class selector, the style rule should begin with a _____ followed by the class attribute value.

period

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

The _____ attribute of a link element uses the stylesheet value to indicate that a document is linked to a style sheet

rel

The _____ element defines different parts of a webpage document, such as an introduction, new products, or service information.

section

Ben has been assigned the task of restyling the website of a leading fashion brand. While restyling the About Us page, Ben notices that it contains groups of content that are not currently wrapped within a semantic element. These groups of content include the Designer Clothing group, the Casual Clothing group, and the Formal Clothing group. Ben should use a(n) _____ to group each of these areas together.

section element

Which control creates an option menu from which a visitor makes one or more choices?

select

If one wants to format the content in the div id="container" section, then #container should be used as a(n) _____.

selector

A _____ element provides meaning about the content of the element.

semantic

The <article> ... </article> tags are referred to as HTML 5 _____ elements.

semantic

Which layout is used by the mobile-first approach to prevent horizontal scrolling and minimize vertical scrolling?

single-column layout

Aslina, a wildlife photographer, has started her own website that showcases her work. While developing her website, she wants to follow a mobile-first strategy. What viewport should she focus on first?

smallest

Emma is the supervisor at Rainbow Music. She is responsible for reviewing and editing the audio files before they are made accessible to the audience of the company's music website. ​ Emma embeds an audio file onto the music webpage. Which element should she use inside the audio element to enable it to work in all browsers?

source

Adding _____ content to a template saves time.

static

In <h1 style="font-color: navy">Special Note</h1>, the _____ is everything between the quotation marks.

style rule

Which graphic presents related information in rows and columns, and is especially useful when comparing types of data or listing topics and details?

table

One of four values--left (the default), center, right, or justify--can be used by the _____ property.

text-align

The audio element attribute src specifies _____.

the location of the audio file

Mike is working on the development of a webpage for FreshGroceries. He has been asked to create a list of all the essential daily household goods that people can purchase easily through this online grocery store. Mike wants to further enhance the look of the webpage. He decides to display an image of some of the highly rated products beside the grocery list items instead of a standard bullet. On acquiring the required image from the owner of FreshGroceries, Mike saves it as a file named grocery.png. Which of the following style rules should be used to define the use of this image as a bullet for the unordered lists?

ul { list-style-image: url(grocery.png); }