WGU C779 Web Development Foundations Study Guide Questions and Answers 2022/2023| 100% Correct Verified Answers

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

‘* Which file type allows a client to integrate to a vendor’s purchasing system by transmitting data points when a user clicks send?

XML

* What enables applications to add updates to an interface without the need to refresh the page?

Ajax

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

In-house

* Which HTML5 geolocation API process retrieves the user’s latitude and longitude?

getCurrentPosition()

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

<html>

* What is the purpose of the WebM MIME type?

Uses a file format to stream online videos

* Which HTML5 element has a poster attribute?

Video

* Which technique is used to reduce the number of calls for static files?

Caching

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

100 KB

* Which database type can store data in a single table only?

Flat file

* Which audience development technique can initiate an interaction with an online visitor?

Push technology

* What is used to give web applications the same responsiveness as desktop applications?

Ajax

* Which advantage does a dedicated mobile website have, compared to a mobile application?

Cross-platform usability

*** SGML

Standard Generalized Markup Language. Meta Language used to create other languages like HTML or XML

*** HTML Frameset

Use to place web pages inside each other to create separate panes in the browser window

*** HTML 4.01 Transitional

allowed developers to insert formatting using either CSS or traditional layout instructions. Allowed deprecated logs. Rendered in browsers that did not support HTML 4.01 features such as CSS

*** HTML 4.01 Strict

required the exclusive use of CSS when defining layout instructions. Deprecated tags not allowed

*** HTML 4.01 Frameset

Pages that used HTML frames, which placed Web pages inside each other to create separate panes in the browser window. Some felt that frames provided additional functionality or enhanced a site’s look and feel.

*** XML

Extensible Markup Language, a way of writing data in a tree-structured form by enclosing it in tags. Describes function and context of data. Allows data to be interchanged with all other applications. XHTML allows XML to merge with HTML. Can be formatted into web page, pdf, csv, braille.

** Which of the following is no longer necessary when you use HTML5 to develop Webpages?

Installing a third-party plug-in to include video

** HTML5

– Not based on SGML
– DTD aka Document Type Definition no longer required
– Meets modern requirements with fewer plug-ins

** DTD aka Document Type Definition

Defines the structure and the legal elements and attributes of an XML document.

*** ADA American’s with Disabilities Act

– 1990
– Broad application of accessibility standards
– Relevant in the US
– Accommodations such as text-based alternatives to all non-text content, images with text based descriptions, easy to read forms by screen-readers

** You have contracted with a division of the US Department of the Interior to create web pages for a site that has visitors who may be visually impaired. Which must you consider as you design web pages for maximum accessibility by this audience.

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

** W3C

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

** Storyboard

Purpose and intended audience for a web site, and provides a rough outline of the pages needed

** As leader of your company’s web team, you have been asked to give an oral presentaiton of plans for your company’s new web site. What must you do to ensure that the stakeholders responsible for funding the project understand the goals of the site?

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 hosting solution is characterized by a service provider that allocates space for your equipment but does not provide the server hardware?

Co-Location

** Which task is associated with web site maintenance?

Removing dead links

*** URL

Uniform Resource Locator; a location or address identifying where documents can be found on the Internet; a Web address. Marks the webpage.

*** What is the functional purpose of HTML in web design?

Browsers decode HMTL to render a webpage. All browsers have to comply with HTML standards as defined by W3C.

*** Which type of editor is used to develop HTML and CSS files?

Pure text editors should be used when developing HTML and CSS files.

*** Breaking down URL

http is protocol
www is subdomain
.moc4u is domain aka resource name
.org is top-level domain

*** Director

It is a file system object that organizes data within the file system of a storage device

*** File

It is a collection of data stored in one unit, managed by the file system of a storage device.

*** Folder

Its purpose is to store documents and organize data within the file system of a storage device.

*** Path

It defines the location of stored data within the file system of a storage device.

*** Which folder contains the “page1.html” file?

“my_dir/buffer” The “my_dir” folder is the parent of the “buffer” and “temporary” folders. A reference to a file inside the “temporary” folder has this folder as a starting point.

*** Example of HTML file with the following elements

head (<head>), title (<title>), body (<body>), heading (<h1>), and paragraph (<p>)

** body {
background-color: lightblue;
}

This is an example of CSS

** h1 {
color: white;
text-align: center;
}

This is example of CSS

** p {
font-family: verdana;
font-size: 20px;
}

This is an example of CSS

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

This is an example of HTML

** <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

This is an example of HTML

** <?xml version=”1.0″ encoding=”UTF-8″?>
– <note>
<to>Andrew Johnson</to>
<from>Abraham Lincoln</from>
<heading>Thank you</heading>
<body>You have served your country well as Vice President.</body>
</note>

Example of XML

** <?xml version=”1.0″ encoding=”UTF-8″?>
<breakfast_menu>
<food>
<name>Belgian Waffles</name>
<price>$5.95</price>
<description>Two of our famous Belgian Waffles with plenty of real maple syrup</description>
<calories>650</calories>
</food>
</breakfast_menu>

Example of XML

** Markup language

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.

<hierarchy title=”vehicles” />
<level1 text=”Vehicle”>
<level2 text=”Motorcycle”></level2>
<level2 text=”Car”>
<level3>”Sedan”</level3>
<level3>”SUV”</level3>
</level2>
<level2 text=”Truck”>
<level3>”Light”</level3>
<level3>”Heavy”</level3>
</level2>
</level1>

** Which characteristic of XML indicates it is an extensible markup language?

The set of XML tags is unlimited. XML is considered extensible because the set of possible tags is not limited and the addition or removal of elements will likely not affect the processing of the XML file.

** Which two statements accurately describe the differences between HTML and XML?

– HTML can tolerate simple syntax mistakes, while XML does not accept any syntax mistakes.
– HTML can tolerate simple syntax mistakes, while XML does not accept any syntax mistakes.

** There are many elements in the current version of HTML (HTML5), but most web pages contain some basic tag elements that are present in most, if not all, HTML files, regardless of the version. These commands are:

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

** HTML comments

HTML comment syntax is any text string that starts with the sequence <!– and ends with –>. Annotations that are not required by the browser, but are useful to increase the readability for users.

** Codepen

– a free coding environment for basic use that allows you to test out JavaScript for mapping
– an online code editing workspace for testing and viewing working snippets of code. To begin, you must first set up a free account at Codepen here.

** Which HTML tag is used to indicate the first heading level in a web page?

<h1>

** Which option indicates a correctly formatted comment for an HTML file?

<!– this is a section –>

** There are three different ways to insert CSS instructions into the HTML code:

– inline definition: defines the style attribute within each HTML tag
– internal definition: defines styles within style tags in the header of an HTML file
– external definition: defines styles in a separate file that is referred as a link in the header of an HTML file

*** Considerations for determining which CSS definition method to use:

Inline and Internal

*** Inline

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

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

*** External

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

*** The basic structure of CSS commands is a sequence of CSS rule-sets. Each rule-set is composed of:

– one selector that describes the HTML tag to which it applies
– a set of declarations delimited by curly brackets and ended with semicolons, with each declaration being composed of a property: value pair

*** p { font-family:arial; text-align:right; }

– p is the selector
– font-family is the property of the first declaration
– arial is the value of the first declaration
– text-align is the property of the second declaration
– right is the value of the second declaration

*** What is the purpose of the CSS standard?

CSS was incorporated in the WWW standards to facilitate the formatting of HTML files.

*** p { text-align:right; arial; }

This rule-set is an invalid CSS, since it has an invalid property:value pair (there is one property and two values).