Posttest: Creating Web Pages
Identify HTML elements. The ___ element is embedded in the <head> element of an HTML file, while the ___ element is nested in the file's <body> element.
<meta> AND <img>
Which tag appears in the <head> element of an HTML file?
<title>
Match the usability issue with an example where it is needed.
A new designer has been hired and needs to quickly learn how to update the web page. -> simple design A designer only wants to have one HTML page that works on all screen sizes. -> reactive layout A designer wants to easily switch between page styles without changing the page's HTML. -> separation of content and design Users for the website include the elderly with poor vision. -> user-controlled text sizes
Select the result of the following code. <ul><li>item 1</li><li>item 2</li></ul>
Block with two dots, item, then number
What is the output of the following HTML code? <p>Please <a href="http://www.newwebsite.com"> click here</a> to visit our website.</p>
Please click here to visit our website. (click here is in blue)
Match the example of different selectors to the instance of the element it styles.
all headings at level 1 -> h1 all headings (level 1) with the class b -> h1.b all elements with the attribute b -> [b] all headings (level 1) that are also bold -> h1 b all headings (level 1) that have the id set to b -> h1#b
Calvin wants to create a responsive web page where elements change size according to the size of the window. How would he specify element sizes on a web page with such a fluid layout?
as percentages
Which component of a web page reveals its purpose to the user?
call to action
Suppose you want an element to be at the same position with respect to the browser window even if a user scrolls the web page. Which positioning method should you use?
fixed
Complete the sentences about using videos on a web page. When choosing a video format for a web page, you need to consider both the_____ of the video. Alternatively, you can get it on your site by uploading the video to a third-party site like YouTube and then ____ it.
frequency and data rate / file extension and file size (WRONG) AND embed (RIGHT)
Complete the sentences about the aesthetics of web design. There are many approaches to laying out a page. One type is a/an ____ layout. This puts each content item into same-sized containers. Another type of layout is the split-screen layout. This type is notable due to the contrast between each half and its ____.
grid AND symmetry
What are the three valid ways to assign a color in CSS?
hexadecimal color name AND rgb
Complete the sentences relating to class, id, and span attributes. One attribute that can be used to link to a certain area of a page is the ___ attribute. Once defined, this can then be set as the value for the ____ attribute of an <a> tag.
id AND href
How can you place a paragraph of text in a box smaller than the text content and add a scroll bar? You can do this by using the _____ property and setting it to_____.
overflow AND auto
Amara is a designer. She has been asked to create a web page for the Department of Philosophy at a university. What would be an appropriate aesthetic for Amara to aim for?
tradition