2019 Supp Flashcards
List any four (4) disability or human physical factor to consider when building a web site.
Vision impairment: Ensure compatibility with screen readers and offer adjustable font sizes and color contrasts.
Motor disabilities: Design for keyboard navigation and provide large clickable areas for ease of use. Hearing impairment: Offer text alternatives for audio content and provide captions for videos. Cognitive disabilities: Simplify layout and language, provide clear instructions, and minimize distractions.
c) Both the <a> and the <link></link> tags are used to establish document relationships. State any two differences between the two.</a>
<a> is used to create hyperlinks within the document or to external resources, while <link></link> is used to link external resources like stylesheets or icon files to the document.</a>
<a> is an inline element and can be placed within the document body, while <link></link> is a meta element and is typically placed in the <head> section of the HTML document.</a>
d) Describe the following web typography terms.
i.Kerning
ii.Leading
Kerning: Adjusting the space between individual characters in a font for better visual harmony.
ii. Leading: Determining the vertical space between lines of text for readability and aesthetic appeal.
f. With the mailto action, one can collect data from a form and send it to any email address. Write a form element which collects and send form data to joel@joelsklar.com. Only the form element is required, no input fields.
<form>
<!-- Form content goes here (input fields, text areas, etc.), but none are required as per your request -->
<input></input>
</form>
a) Describe the three ways of combining CSS with HTML code?
inline. In this method, CSS styles are directly applied to individual HTML elements using the style attribute. For example:
<p>This is a paragraph with inline CSS.</p>
internal. CSS styles are placed within the <style> element in the <head> section of the HTML document. Styles defined here apply to the entire document. For example:</style>
<head>
<style>
p {
color: blue;
font-size: 16px;
}
</style></head>
<body>
<p>This is a paragraph with internal CSS.</p>
</body>
external.CSS styles are stored in a separate external file with a .css extension, and then linked to the HTML document using the <link></link> element in the <head> section. For example:
<head>
<link></link>
</head>
<body>
<p>This is a paragraph with external CSS.</p>
</body>
b) What are the four (4) navigations questions any user should be able to answer when creating usable navigation scheme?
Where am I on the website?
What can I do here?
Where can I find something specific? How do I get back to where I was?
c) What is the difference between Sans-serif and serif?
Serif fonts have small decorative lines or strokes at the ends of characters,
sans-serif fonts do not have these decorative lines.
Sans-serif fonts are often perceived as more modern and clean, while serif fonts are considered more traditional and formal.
d) Define the W3C and state its purpose.
W3C stands for World Wide Web Consortium. Its purpose is to develop and maintain standards and protocols to ensure the long-term growth of the web.
e) Most web-capable graphics editors let designers save images in an interlaced (progressive) format. Explain what interlacing means.
Interlacing displays a blurry, then clearer image as it downloads, giving a quicker sense of the content. It’s different from progressive which downloads the image line by line.
b) What are the four (4) image file formats you can use on a website?
JPEG, PNG, GIF, and WebP.
c) In addition to 10 input types that have been available since the inception of HTML, 13 new types are offered with HTML 5. List any two (5) new form input types that are offered with HTML 5.
Email: <input></input> - Specifically for email addresses, providing validation for correct email format.
URL: <input></input> - Used for entering URLs, with built-in validation for proper URL format.
Date: <input></input> - Enables users to select a date from a calendar widget.
Number: <input></input> - Allows input of numeric values, with controls like spin buttons for easy adjustment.
Color: <input></input>
d) For planning purposes, Web Developers are always encouraged to define a Site Map. Describe a site map and state its purpose.
A site map is a visual representation of the structure and hierarchy of a website, typically in the form of a hierarchical diagram. Its purpose is to outline the organization of website content, including pages, sections, and links, to help users and developers understand the website’s layout and navigation.
e) Why is it encouraged to use external cascading style sheets?
allows for better organization, easier maintenance, and improved site-wide consistency.
f) When will it be appropriate to use an internal cascading style sheet?
when you want styles to apply specifically to a single HTML document and you don’t need those styles to be shared across multiple pages.
a) One of the questions that are always asked when designing for the user is “How much content is too much?” Explain what this question mean when designing for the user in web development?
refers to finding the balance between providing enough information and overwhelming users with text, images, or other elements. Too much content can make it hard for users to find what they need and hurt their overall experience.
