Web Design Fundamentals Study Guide Questions
Course Introduction
Web Design Fundamentals introduces students to the core principles and techniques of designing user-friendly websites. The course covers essential topics such as visual hierarchy, color theory, typography, layout, usability, and responsive design. Students will learn to plan, structure, and create web pages using HTML and CSS, as well as explore basic web accessibility standards. Through a combination of lectures, hands-on projects, and critiques, students develop foundational skills needed to design effective, visually appealing, and functional web interfaces.
Recommended Textbook HTML5 and CSS3 Illustrated Complete 2nd Edition by Sasha Vodnik
Available Study Resources on Quizplus
16 Chapters
1187 Verified Questions
1187 Flashcards
Source URL: https://quizplus.com/study-set/2836 Page 2
Chapter 1: Getting Started With HTML
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56542
Sample Questions
Q1) User agents are built around software known as ____ engines that translate web page elements into visual, auditory, or tactile representations based on these standards.
A) server
B) rendering
C) sensing
D) Creation
Answer: B
Q2) Scott recommends that the website be tested using _____ .
A) Google Chrome
B) Mozilla Firefox
C) Microsoft Internet Explorer
D) All of the above.
Answer: D
Q3) Common mobile user agents are Safari and Chrome.
A)True
B)False
Answer: True
Q4) A website's ease of use is known as ________________. Answer: usability
To view all questions and flashcards with answers, click on the resource link above. Page 3
Chapter 2: Structuring Content in a Web Document
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56543
Sample Questions
Q1) In the figure above, item _____ points to a semantic element.
A) 1
B) 2
C) 3
D) 4
Answer: A
Q2) A few commonly used characters have an abbreviation-based alternative code known as a <u>numeric </u>character reference._________________________
A)True
B)False
Answer: False
Q3) While you can use the _____ as a parent element on your page to group related content but it has limited semantic meaning.
A) article
B) section
C) div
D) nav
Answer: C
To view all questions and flashcards with answers, click on the resource link above. Page 4
Chapter 3: Getting Started With CSS
Available Study Resources on Quizplus for this Chatper
71 Verified Questions
71 Flashcards
Source URL: https://quizplus.com/quiz/56544
Sample Questions
Q1) An ____ style sheet,is a separate file containing style information that multiple web pages can link to.
A) internal
B) Internet
C) external
D) extended
Answer: C
Q2) In the figure above, a(n) ____ was used to obtain the consistent look and feel between the web pages.
A) inline stylesheet
B) embedded stylesheet
C) external stylesheet
D) W3C compliant stylesheet
Answer: C
Q3) A(n) ________________ style sheet is a section of CSS code entered in the head element of an HTML document.
Answer: embedded
Q4) In the figure above, which lines of code set the formatting for the footer?
Answer: 21-23, 27-30
To view all questions and flashcards with answers, click on the resource link above. Page 5
Chapter 4: Laying Out Elements With CSS
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56545
Sample Questions
Q1) Referring to the figure above, letter c indicates element ____.
A) padding
B) border
C) margin
D) content
Q2) You can apply a z-index value only to an element for which you've declared a value for the position property.
A)True
B)False
Q3) The size of the ____, border, and margin all increase the amount of space on a web page that an element occupies or influences.
A) picture
B) frame
C) style
D) padding
Q4) You can determine top and left positioning values by calculating the amount of space you need to move an element, or by simple trial and error.
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above. Page 6
Chapter 5: Formatting Text With CSS
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56546
Sample Questions
Q1) With the rgb system, each value ranges from 0-____ or 0-100%, which represent the amounts of red, green, and blue in the color.
A) 143
B) 146
C) 242
D) 255
Q2) text appears bold
A)font-style
B)font-variant
C)font
D)font-weight
E)font-size
Q3) Referring to the figure above, Arial and Tahoma are examples of ____ fonts.
A) Serif
B) Sans serif
C) Fantasy
D) Cursive
Q4) "Arial, helvetica, sans-serif" is a widely used sans-serif font ________________.
To view all questions and flashcards with answers, click on the resource link above. Page 7
Chapter 6: Inserting and Working With Links
Available Study Resources on Quizplus for this Chatper
74 Verified Questions
74 Flashcards
Source URL: https://quizplus.com/quiz/56547
Sample Questions
Q1) The :focus and ____ can be used interchangeably.
A) :link
B) :visited
C) :hover
D) :active
Q2) A ____ is a categorization of a Web page element, but it is based on a relationship or condition of the element at a given moment, rather than on a static property value.
A) pseudo-category
B) pseudo-class
C) parent-category
D) parent-class
Q3) To change an element from a block-level element to an inline-element, you use the CSS <u>display </u>property._________________________
A)True
B)False
Q4) A(n) _______ is a generated URL that uses especially short domain names and specially crafted paths to represent larger unwieldy links as manageable links.
To view all questions and flashcards with answers, click on the resource link above. Page 8
Chapter 7: Inserting and Working With Images
Available Study Resources on Quizplus for this Chatper
74 Verified Questions
74 Flashcards
Source URL: https://quizplus.com/quiz/56548
Sample Questions
Q1) You can add a link to an image in an HTML document by enclosing the img element in an a element.
A)True
B)False
Q2) The coordinates for an image map are measured from the ____ and _____ edges of the image.
A) top, right
B) top, left
C) bottom, right
D) bottom, left
Q3) Encodes the appearance of a graphic as geometric shapes
A)bitmap image
B)vector graphic
C)PNG
D)JPEG or JPG
E)GIF
Q4) The GIF file type does not support transparent pixels.
A)True
B)False
Q5) You use the _____ property to set how transparent an image is.
Page 9
To view all questions and flashcards with answers, click on the resource link above.
Chapter 8: Organizing Content With-Lists And-Tables
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56549
Sample Questions
Q1) CSS lets you specify that you want elements treated as components of a table, but without marking them semantically as tabular data.To implement this layout, you use ____elements, such as divs.
A) table-level
B) block-level
C) eye-level
D) cell-level
Q2) Unordered list items are displayed with a ____ at the start of each line.
A) letter
B) number
C) bullet
D) Any of the above.
Q3) The final list that Quinn is creating is the name of famous people he has worked with and the instrument they play.He wants to be able to specify a name-value pair.He would use the ____ list.
A) description
B) ordered
C) unordered
D) Any of the above.
Q4) The HTML ol element creates a type of list known as a(n) ________________ list.
Page 10
To view all questions and flashcards with answers, click on the resource link above.
Chapter 9: Implementing Responsive Design
Available Study Resources on Quizplus for this Chatper
74 Verified Questions
74 Flashcards
Source URL: https://quizplus.com/quiz/56550
Sample Questions
Q1) You use the @media keyword tocreate a media query for responsive design using which media type?
A) min-width
B) max-width
C) print
D) screen
Q2) It's considered acceptable to incorporate a newer CSS feature not supported by older browsers as long as it doesn't affect the meaning or functionality of page content.
A)True
B)False
Q3) One of the most commonly hidden web page elements for smaller screens is the <u>nav</u> bar._________________________
A)True
B)False
Q4) A media __________ specifies conditions that specific media must satisfy for the rules in a media query to be applied.
Q5) Why does responsive design often use percentages to size elements?
Q6) What is the relationship between media queries and media features?
To view all questions and flashcards with answers, click on the resource link above. Page 11
Chapter 10: Creating and Processing Web Forms
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56551
Sample Questions
Q1) A __________ allows users to enter multiple lines of text.
A) text area
B) text box
C) label
D) fieldset
Q2) fieldset
A)A group of related form fields and associated labels
B)All the elements that are part of a form
C)Where users enter or select data
D)Text describing a field
E)Text describing the topic of a fieldset
Q3) A(n) ________________ is a box that users can click to add or remove a check mark, enabling users to select or deselect it.
Q4) You can add the <u>selected</u> attribute to an <u>option</u> element in order to make it selected by default._________________________
A)True
B)False
Q5) You can create different kinds of fields with the input element by specifying different values for the __________ attribute.
To view all questions and flashcards with answers, click on the resource link above. Page 12
Chapter 11: Creating Visual Effects and Animation
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56552
Sample Questions
Q1) The __________ keyword prevents a gradient from repeating.
Q2) Referring to the figure above, what does the code #d823c5 specify?
A) the starting point and direction
B) the starting color
C) an intermediate color
D) the ending color
Q3) An animation created using animationproperties and the @keyframes rule is known as a(n) __________.
A) transform
B) transition
C) keyframe animation
D) JavaScript animation
Q4) Referring to the figure above, when are the declarations applied to the elements selected by the style rule?
A) when the web page is first rendered by the browser
B) when a user moves the mouse pointer over the elements
C) when a user clicks the elements
D) when the elements have valid content
Q5) Describe how to create a circle using CSS, including 3 properties required to do so and their values.
13
To view all questions and flashcards with answers, click on the resource link above.
Chapter 12: Incorporating Video and Audio
Available Study Resources on Quizplus for this Chatper
74 Verified Questions
74 Flashcards
Source URL: https://quizplus.com/quiz/56553
Sample Questions
Q1) Referring to the figure above, which code is a cue time range?
A) WEBVTT FILE
B) 1
C) 00:00.000 --> 00:31.000
D) A bush with purple flowers is covered with many dark butterflies, some of which slowly beat their wings.
Q2) A(n) __________ image is displayed before a video is played.
A) poster
B) fallback
C) lead-off
D) alternate
Q3) The audio/mpeg MIME type is associated with the <u>AAC</u> audio format._________________________
A)True
B)False
Q4) When using MPEG-4, the common video encoding is ____.
A) AAC video
B) H.264 video
C) VP8 video
D) Theora video
Page 14
To view all questions and flashcards with answers, click on the resource link above.
Chapter 13: Programming Web Pages With Javascript
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56554
Sample Questions
Q1) JavaScript supports the use of symbols known as __________ to compare or change the values of multiple objects or properties.
A) statements
B) functions
C) operators
D) variables
Q2) Writing code to look up and change data associated with parts of HTML documents requires a standardized way of referring to the parts of a Web page; this system is known as the Document _________ Model.
A) Element
B) Object
C) Property
D) Method
Q3) Name 3 ways that the punctuation for a function is similar to that of a CSS style rule.
Q4) A(n) <u>property</u> is a JavaScript instruction that performs an action._________________________
A)True
B)False
To view all questions and flashcards with answers, click on the resource link above.
Page 15
Chapter 14: Integrating Social Media
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56555
Sample Questions
Q1) Referring to the figure above, which item sets the default text of the tweet?
A) a
B) b
C) c
D) d
Q2) YouTube
A)tweet
B)post video
C)post photos
D)Like content
Q3) Social media sites provide tools that developers can use to create widgets.
A)True
B)False
Q4) Referring to the figure above, item c is a(n) __________.
A) Facebook Like button
B) Twitter feed
C) embedded video
D) embedded Instagram image
Q5) When content is __________ on another site, it is displayed with formatting that matches the host site.
Page 16
To view all questions and flashcards with answers, click on the resource link above.
Chapter 15: Optimizing Your Web Site for Search Engines
Available Study Resources on Quizplus for this Chatper
75 Verified Questions
75 Flashcards
Source URL: https://quizplus.com/quiz/56556
Sample Questions
Q1) __________ are sets of terms and definitions that can be used to indicate the semantic value of specific types of information.
A) schemas
B) vocabularies
C) algorithms
D) bots
Q2) You can install a program such as the free, open-source Lynx browser, or an extension to another browser to let you view only the __________ of a web page.
Q3) Tyler uses the code Disallow: /testto instruct bots to not index the test____.
A) directory
B) image
C) site
D) file
Q4) Referring to the figure above, the ________ value specifies the unique string that identifies the schema you're using.
A) itemtype
B) itemprop
C) itemscope
D) footer
To view all questions and flashcards with answers, click on the resource link above. Page 17
Chapter 16: Testing and Improving Performance
Available Study Resources on Quizplus for this Chatper
70 Verified Questions
70 Flashcards
Source URL: https://quizplus.com/quiz/56557
Sample Questions
Q1) You can reduce the size of some image files that are part of your website without affecting their content.
A)True
B)False
Q2) To create a spritesheet, you use __________.
A) image editing software.
B) Chrome Device Mode
C) any web browser
D) an image optimization tool
Q3) Browsers generally limit the number of __________ that can be requested from a single server simultaneously.
A) bytes
B) lines of code
C) files
D) favicons
Q4) Both __________ and iOS phones are used by significant numbers of people, so testing on the most widely used versions of these mobile operating systems is important.
Q5) To use a spritesheet on a web page, you specify it as the __________ image for multiple elements.
To view all questions and flashcards with answers, click on the resource link above. Page 18