Add JavaScript code to HTML documents and create a new CSS rule.
The browser’s default font will be displayed.
* Which two methods are used to apply Cascading Style Sheets aka CSS?
Embedding an internal style sheet in an HTML page
Linking an HTML page to an external style sheet
* Which value of the opacity property in CSS3, represents completely opaque?
* Which directive overrides normal cascading in CSS?
* What are Syntactically Awesome Style Sheets aka SASS used for with regard to adding functionality?
As a CSS extension language for preprocessing
* Which code block should be used to set the background image for a web page?
body { background-image: url(‘paper.gif’) }
* Which HTML tag is used to display text exactly as it is defined in the HTML markup?
* Which CSS state selectors show uninspected HREFs in red?
* Which type of address does the hyperlink ../about/map.html point towards?
Relative Uniform Resource Locator (URL)
* Which attribute is used with the <img> tag to display text if the image fails to load?
* Which property is used in CSS3 to specify the left or right alignment of an image?
* Which attribute is used to specify the format of a video file?
* Which valid code shows a functional, formatted hyperlink reference?
<a href=”http://www.wgu.edu”>WGU</a>
* Which pair of points is specified when defining a rectangular hot spot?
* Which two points are specified when defining a circular hot spot?
* Which table element is always required when adding a table to an HTML page?
* Which two actions should be used to address users with visual impairments?
Ensure that pages support screen-reader apps.
Provide text descriptions for images.
* Which two tags are containers for other tags?
* Which term describes the process of adding a pair of tags within another pair of tags?
* Which markup should be used to link a CSS document to a web page?
<link rel= “stylesheet” type=”text/css” href=”theme.css”>
* Which graphical image type scales without losing image quality?
* Which HTML5 tag is self-closing?
* Which HTML5 element is used to draw graphics on a web page?
* Which request method should be used in a form to append parameters into a query string?
* Which two form elements should use the same name for groups of related elements?
* Which method type securely sends form data that requires additional processing by the CGI script?
* What happens to data entered into a web form after the Reset button is selected?
It is cleared and the form fields are set to their default values.
* Which test is designed to detect the automated systems used by spammers?
* Which input tag type value is used to create a group of mutually exclusive options?
* Which attribute should be used to add default text to an input tag of type text?
* Which tag is a valid form field for exclusive use in HTML5?
* Which hosting option allows a company to ship specific hardware to the provider?
On a clone of production machines
* Which table property has top, bottom, and middle values?
* Which HTML5 element structure is defined for company services and blogs?
* Which protocol should be used for publishing multiple files to a website?
<meta name=”viewport” content=”width=device-width, initial-scale=1″>
* What is a benefit of a GUI editor?
Writes HTML code automatically
* What is the purpose of the W3C Authoring Tool Accessibility Guidelines?
To guide development of editors for developers with disabilities
* What does the W3C Authoring Tool Accessibility Guidelines evaluate?
Usability of the GUI editor by a user with disabilities
* What are two characteristics of <!DOCTYPE>?
Instructs a web browser which HTML version to use
Read by an HTML validation engine
* What are two characteristics of WYSIWYG editors?
Might fail to edit code that contains newer tags
Allow page creation by using a mouse
* What is the ethical risk to emailing surveys to people other than existing customers?
Organizations could be labeled as spammers
*What is a working definition of ethics for a web designer?
Make choices to avoid violating the rights of people
* Who is responsible for protecting a copyright?
The entity whose work is being used
* A user reports that when Navigate to 001 is clicked, the web page fails to navigate to that page. Given the following code: <h3><a name=”menu”>Menu</a></h3> <ul> <li><a href=”#”>Navigate to 001</a></li> <li><a href=”#”>Navigate to 002</a></li> <li><a href=”#”>Navigate to 003</a></li> </ul> Why is the navigation failing to work as expected?
The location should be specified within the href.
* What enables applications to add updates to an interface without the need to refresh the page?
* What is a benefit of using a virtual machine on a shared host?
Reduced costs with less physical equipment
* Which hosting solution requires the purchase of hardware and software?
* Which HTML5 geolocation API process retrieves the user’s latitude and longitude?
* What is a characteristic of a virtual server?
Multiple sites are hosted on individual servers.
* Which tag uses the manifest attribute to enable the offline support for a web page?
* What is the purpose of the WebM MIME type?
Uses a file format to stream online videos
* Which HTML5 element has a poster attribute?
* Which technique is used to reduce the number of calls for static files?
* Which responsibility is expected of a web project manager?
Communicating with all stakeholders
* What is the maximum recommended file size for a web page in order to avoid long download times?
* Which database type can store data in a single table only?
* Which audience development technique can initiate an interaction with an online visitor?
* What is used to give web applications the same responsiveness as desktop applications?
* Which advantage does a dedicated mobile website have, compared to a mobile application?
Standard Generalized Markup Language. Meta Language used to create other languages like HTML or XML
Use to place web pages inside each other to create separate panes in the browser window
required the exclusive use of CSS when defining layout instructions. Deprecated tags not allowed
** Which of the following is no longer necessary when you use HTML5 to develop Webpages?
Installing a third-party plug-in to include video
** DTD aka Document Type Definition
Defines the structure and the legal elements and attributes of an XML document.
*** ADA American’s with Disabilities Act
Section 508 of the Rehabilitation Act
** Section 508 of the Rehabilitation Act
– 2001
– Requires that government agencies must give individuals with disabilities access to information technology that is comparable to the access available to others
– Specific to Federal Agency, developed, procured, maintained and used
– Accommodations for all electronic and information technology
– Detail standards for websites
– The World Wide Web Consortium is the main international standards for Web
– Includes the WAI aka Web Accessibility Initiative. Technology, guidelines, tools, education, outreach and research and development
– Ensures core technologies are equally accessible
– Includes WCAG aka web content accessibility guidelines, universal set of standards promoting accessibility.
– Defines important technical specifications, such as how the main parts of a URL are composed.
Purpose and intended audience for a web site, and provides a rough outline of the pages needed
Ensure that you clarify technical concepts for a non-technical audience. All of these are things that we should do, but only one speaks most directly to the scenario at hand. The stakeholders responsible for funding most need to understand things outside their area of expertise, including the technical requirements of the site.
** Which task is associated with web site maintenance?
*** What is the functional purpose of HTML in web design?
*** Which type of editor is used to develop HTML and CSS files?
Pure text editors should be used when developing HTML and CSS files.
http is protocol
www is subdomain
.moc4u is domain aka resource name
.org is top-level domain
It is a file system object that organizes data within the file system of a storage device
It is a collection of data stored in one unit, managed by the file system of a storage device.
Its purpose is to store documents and organize data within the file system of a storage device.
It defines the location of stored data within the file system of a storage device.
*** Which folder contains the “page1.html” file?
*** Example of HTML file with the following elements
head (<head>), title (<title>), body (<body>), heading (<h1>), and paragraph (<p>)
** body {
background-color: lightblue;
}
** h1 {
color: white;
text-align: center;
}
** p {
font-family: verdana;
font-size: 20px;
}
A language that provides text and graphics formatting through the use of tags. Examples of markup languages include HTML, XML, and SGML. A structured set of computer code elements that are assembled in a specific way, which provide the formatting for how text and other web page features – a button that a user may click, or a text field into which a user will enter content – will appear.
** 1. Open Notepad++ or similar pure text editor.
2. Create a code snippet using proper XML structure. Use the example from earlier in the module to ensure that you use proper structure and syntax in your code.
3. Once complete, copy your code and paste in the text field, then click Submit.
4. You will receive feedback on the content and structure of the code you produced.
** Which characteristic of XML indicates it is an extensible markup language?
** Which two statements accurately describe the differences between HTML and XML?
– <!DOCTYPE html>: the document type declaration is mandatory and informs the browser which version of HTML is being used. The value html indicates HTML, version 5. A declaration is a statement that informs the browser of the information needed to correctly handle the elements within. In other words, the declaration tells the browser how to decode the tags that will follow.
– <html>: the element that encompasses the whole document
– <head>: the page header information
– <title>: that informs the page title to be used by the browser to be displayed over the window or tab displaying the web page
– <body>: the page body that encompasses the text to be displayed by the browser
– <h1>, <h2>, <h3>, <h4>, <h5>, <h6>: the headings of the web page main text that follow specific text formatting and also provide text structure
– <p>: the paragraphs of the web page text that hold the regular text
– <br>: the single tag to create a line break (remember that HTML does not take blank spaces or line breaks into account for display)
– <hr>: a tag to display a change of context, usually displayed as a horizontal line
– <strong>: a tag to modify the weight of text relative to surrounding text, which usually is equivalent to a bold font face
** Which HTML tag is used to indicate the first heading level in a web page?
** Which option indicates a correctly formatted comment for an HTML file?
** There are three different ways to insert CSS instructions into the HTML code:
*** Considerations for determining which CSS definition method to use:
Inline definition works well when CSS styles will be applied to specific sections of an HTML file, rather than the entire file.
The use of inline and internal definitions reduces the number of files your web browser must download before displaying the content on the web page, because the CSS style is embedded in the HTML file.
– Internal definition works well when the CSS styles will be applied to all elements within the HTML file.
– Coding CSS instructions inline or internally will also increase the amount of time needed to add each of the CSS style definitions to the HTML file, so these two methods are generally not recommended when applying style definitions to multiple pages within a website.
– When using external CSS files, the browser must download the HTML file first, then the CSS files.
– The primary advantage of CSS external definition is that it allows for design elements to be applied across multiple HTML files; the industry standard is to create an external styles.css file that holds all CSS definitions to be applied to your HTML files, making it easier to produce a more uniform design.
*** p { font-family:arial; text-align:right; }
*** What is the purpose of the CSS standard?
CSS was incorporated in the WWW standards to facilitate the formatting of HTML files.