Section 1
Preview this deck
A web design team was working together to create a website. They each used a version of code that they were most comfortable with. They website is not rendering properly in their customers browsers. What do they need to do to solve the problem?
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (85)
Section 1
(50 cards)
A web design team was working together to create a website. They each used a version of code that they were most comfortable with. They website is not rendering properly in their customers browsers. What do they need to do to solve the problem?
They need to rewrite the code so that it conforms to a single W3C HTML Standard
Julie is redesigning the website for Kimber's Dance Studio. She plans to set her styles using RGB colors and wants to use pure blue. What color code will she use?
0, 0, 255
What tag is used to create an unordered list?
<ul></ul>
When previewing a webpage using a GUI HTML editor, web designers are limited to
the browsers installed on their computer or device.
Angelica is creating a style sheet to format the pages on her company's website. One section will have a dark green background with white text. Which hexadecimal reference will Angelica use to specify the text color for this portion of the webpage?
#FFFFFFF
Cecily created her company's Intranet site using proprietary HTML. The company recently updated its software and has mandated the use of a new web browser. The Intranet site that Cecily developed no longer renders its content consistently. What should she do to ensure that the websites content renders consistently regardless of the browser used?
Update the website so that it uses a single HTML standard consistently.
Create an HTML hidden comment tag
<!--Last modified 11/12/16, John Smith -->
Fred wants to establish a mobile presence for his website. What should he do to ensure that he offers mobile-friendly content to the largest audience possible?
He should create a mobile website.
What HTML tag creates a hard return?
<br />
Why doesn't the following code validate as HTML5? <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <title>This is the Title</title> <head> <body> <p> Super important information </p> <body>
There is no closing </html> tag.
List some considerations you should make during the initial meeting with stakeholders:
You should explain technical concepts because the stakeholders may not understand technical terms and requirements.
What does a royalty- free license allow you to do when using stock images on a website?
Use the images without paying a fee for each use.
HTML validator website-
https://validator.w3.org
I need the new HTML5 structural elements to be styled consistently in all browsers. I need to create each element using JavaScript and add a CSS rule to set the element type to ensure that the site will render successfully in older web browsers. What element type should the CSS rule set them to be?
block
Create a partial url to link to your index page.
<a href="index.html"> Home </a>
Cat is visiting the website for the Worlds Best Icecream but she is questioning the validity of the website because she keeps encountering hyperlinks that lead to error pages. What maintenance task should the website owner do to fix this?
Ensure that all of the hyperlinks point to valid webpages.
Sarah needs to center and indent a quote on his company's webpage. What is the best way to do this using HTML5?
<blockquote>
Whose input needs to be considered during the initial website planning meeting?
The stakeholders
Rupert works as a web designer and does not know anything about managing a web server, bandwidth or a database. What type of company should she outsource these tasks to?
A cloud service provider
To ensure cross-platform compatibility and functionality web developers should validate their webpages and:
test webpages in the most common browsers, including current and older versions.
Text level element (give examples)-
tags that affect a single word or character <br> <strong> <em>
Jolene needs to link to embed an image that is in a direction named "images" that is one level higher than the webpage that she is currently editing. What source code will she use?
../images/picture.jpg
In what circumstances would purchasing stock photos for a website be a good idea?
When you are short on time, but have enough money in the budget to purchase the photos.
What software application allows web designers to edit and validate source code as well as preview their web pages in multiple browsers?
A Graphical User Interface (GUI editor)
Why doesn't the following code validate as HTML5? <!DOCTYPE html> <html> <head> <title>This is the title of my website</title> </head> <body> <p> <blockquote>"This is a really important quote" - Someone Famous</blockquote> </p> </body> </html>
Blockquote is a paragraph level tag and therefore should not be inside of a <p> tag
What tag is used to create an ordered list?
<ol></ol>
When planning a webpage it is important to adhere to the organizations design standards. What do these standards include?
Information about the organizations branding and marketing
Trade secret-
Intellectual property that protects documents such as business plans and sales contracts
Fully qualified url-
<a href="c:\documents\johnsmith\home\index.html"> Home </a>
Infringement-
A violation of copyright or trademark
List considerations that need to be made when creating mobile websites:
Use ample whitespace to give the impression of an uncluttered website. Eliminate all website banners and advertisements That the website pages will be viewed on a smaller screen.
Block level element (give examples)-
tags that affect an entire paragraph <p> <blockquote> <h1>
Copying HTML and CSS from another website is considered ________________________.
unethical
Non-Disclosure Agreement-
A legal document preventing a person from sharing intellectual property or trade secrets.
What is the purpose of leaving comments in your code?
To explain the purpose of code sections to other developers, or to leave yourself reminders
Create the non-keyboard entity that will add a single space.
XML-
A web language used to describe data elements on the webpage.
What's the difference between a mobile app and a mobile website?
A mobile app is faster because it does not necessarily use the browser. A mobile website will reach a greater audience.
What are the HTML5 structure tags?
<header> <footer> <nav> <article> <aside>
Lisa's image is loading on her page and looks perfect. But her image tag will not validate. Which attribute is she missing?
the alt attribute
On-site web analytics
Tracks and analyzes the actions of a user while they visit your website. Such as how long they visited a page and which pages they visited.
A single document that contains information about the stakeholders, the website goals, the development process, the site navigation and the required technologies.
Wireframe
What is the tag used to determine what version of HTML the webpage uses?
the <!DOCTYPE> tag
After Victor met with the stakeholders he emailed them a storyboard for approval. What does this document include?
A statement discussing the purpose of the website and the intended audience and a rough outline of the pages needed.
Alana is coding a Web site using a GUI editor. While she works she wants to be able to quickly check her code for errors and ensure that it complies with the HTML standard. What should she do?
Use the built in validation tool.
What file formats support animation?
GIF89a and PNG
Write the tag used to center a paragraph.
<p style="text-align:center"> </p>
H1-H6 create what?
heading tags- which are paragraph level elements
What are the parts of a wireframe?
determining website goals, outlining the development process and site navigation, and identifying required technologies.
I used an image map as my navigation. I need to add text-based navigation onto my page as well. Where should I put it?
In the <footer>
Section 2
(35 cards)