ICT Web Design ALL ANSWERS
Carla is part of a group of students that are always looking for the best deals on food, clothing, event tickets, etc. Carla creates a wiki for her and her friends to share the best deals they find. Why did she use a wiki?
A wiki allows all group members to access, contribute, and share ideas and knowledge to create an online resource.
Which term describes the skeletal layout of a Web page, without colors or graphics?
A wireframe
The "look and feel" of a Web site impacts how visitors perceive the information contained in it, and how they judge the site's credibility. Which Web design term is used to describe a site's look and feel?
Aesthetics
Which of the following is a design principle used to create the look and feel of a Web site?
Aesthetics
Question 79 : Madeline has received some complaints that her Web site is difficult to read. She has asked for your help correcting this problem. You notice that most of the content is centered on the page and appears to run together. Which aesthetic principle should Madeline use to increase her Web site's readability?
Alignment
You are choosing the color scheme for a jewelry Web page for North Americans. Which color is considered to be powerful, sleek, and is used to market luxury products?
black
Victor is a blogger who wants to create a Web site. He does not need to extensively modify his content through a GUI Web editor. Victor simply wants something that will work well with blogs. What GUI Web editor should Victor use?
content management system
Which choice lists attributes that the HTML5 <video> tag can use?
controls and poster
Jordan is a part of a Web site development team designing a children's Web site. Jordan makes the argument that the text in the Web site should be written at an elementary school reading level. He also suggests the colors should be close to primary. This is because he has an understanding of the target audience's:
cultural demographics.
Kylah is looking at the code for her favorite Web page. She wants to see the specific code for text that she sees on the page. Which element surrounds the content that she wishes to view?
<body> </body>
Which element surrounds the HTML document content that will display in the browser window?
<body> </body>
Which HTML heading tag should you use to indicate the least important heading on your page?
<h6>
Which HTML tag is used to communicate with search engines and describe the Web page's content?
<meta>
Which of the following is a component of functional/usable design principles for Web sites?
Accessibility
Study the following text sample: Figure A Which font family does this text sample characterize?
Serif
In Web design, which color is considered a primary color?
blue
Emily wrote the following code: <p> This is my Title </p> Joe informed her that this code would not create a title tab on the top of her window. What does Emily need to modify to create the title?
container tag
Which site offers a free markup validation service?
http://validator.w3.org
Carson has created a hyperlinked image on his Web page. His hyperlink is to a Web page about sharks. When viewing his page he realizes that he has used an image of a kitten instead of a shark. To switch the kitten for a shark, Carson must change the value for which attribute?
src
Which code example correctly inserts an HTML comment into a Web page?
<! - - comment text - - >
Harry is browsing the internet and he arrives at a site that requires a username and password. Which of the following confirms the site is using SSL?
https://passwordsite.com
Look at the components of the following Web address: http://www.samplewebsite.com/information/developer What does .com indicate?
the top-level domain
Which HTML code will create a link that takes the visitor to an external Web site?
<a href=http://www.ICT.com> Visit ICT </a>
Which technology is used to create animation?
DHTML
Consider the following HTML code to create a hyperlink: <a href=http://www.ICT.com> Visit ICT </a> Which choice shows how this hyperlink will appear on the Web page to site visitors?
Visit ICT
A new client of Jessie's has a specific layout in mind for their Web page. Jessie has had several meetings with the client and many decisions have been made on content, navigation and such. Jessie meets again with the client and presents the client with a skeletal layout "blueprint" for the homepage. The client confirms that this is the layout that they have imagined. This "blueprint" is known as:
a wireframe.
Paige attempts to validate her HTML5 code. The validator indicates her image tag is invalid. She asks her teacher why this is the case. Her teacher reminds Paige that there are two main attributes that every image tag must have. The first is the src attribute. What is the second attribute?
alt
Which HTML attribute should you add to the <img> tag to describe the image in case a site visitor cannot view the image on your Web page?
alt
Some examples of semantic elements in HTML5 that did not exist in earlier versions of HTML are:
<nav>, <aside>, <footer>
Ariel is hired by a small company to help create a Web site. She is comfortable using an online site builder because of cost, template choices and ease of publishing. However, Ariel's client plans to grow in the near future and may want to add features, customize layouts, and change Web servers to better service their customers. Ariel decides to create the site using Dreamweaver instead. Why?
Online site builder templates are copyrighted and licensed for use only by sites that are using that Web host.
Which term describes the kinds of fonts selected, and how they are applied to text on a web page?
Typography
Hans is working on the navigation for a Web site. He wants to use a simple interface that can be used on every page to help quickly orient visitors about their position in the Web site. What should Hans add?
breadcrumb trail
Jared wants the following words to appear as text on his Web page as a hyperlink: Visit ICT How should Jared format his HTML code to create the hyperlink?
<a href=http://www.ICT.com>Visit ICT</a>
Jonathan is creating headings for his Web page. He wants the most important headings to be the largest and the least important to be the smallest. Which HTML heading tag should he use to indicate the most important heading on his page?
<h1>
Which statement correctly describes DHTML (Dynamic HTML)?
A combination of technologies that creates dynamic interactive Web content
Mario is creating a Web site for his local skateboarding club. He wants to post video to the site but does not want to have any copyright issues. What video should Mario avoid?
A video from a DVD that Mario purchased at the skateshop.
Which type of video can be copied and used on your personal Web page without violating any copyright rules?
A video that you recorded at your sister's birthday party
Which of the following is included in the process of testing page weight?
Check the size of the .html file, including multimedia and graphics.
Andrew has received complaints that some of the content on his Web site is difficult to see and read. Which usability principle should Andrew consider to correct the issue?
Choose a higher contrast between the page background and text colors
Macey has made a Web site of all of her favorite New England artists from the 1950's. She cites the source of every image that she has found. Macey also has confirmed that the images are of the original pieces and are not derivatives of the originals. However, she may still be in copyright violation. Why?
Citing material does not make you compliant with copyright law.
Charles has received complaints that his Web site is difficult to read. He asks for your help to correct the issue. You notice that all of the content is the same size and the text color is a somewhat darker shade of the page color. Which aesthetic principle should Charles use to increase the Web site's readability?
Contrast
Which type of audience information is the most useful to a designer when choosing the writing level and style for a Web site's content?
Cultural demographics
Which step in the Web site planning process includes sorting all Web site content (text, images, multimedia) into categories and subcategories?
Determining content structure
Which technology do Web hosting companies commonly provide to their customers so the customers can add, update, remove and modify large files on a server?
FTP
To create dynamic Web content, DHTML technology uses a combination of HTML, CSS, the Document Object Model (DOM) and:
JavaScript.
The load time for Jerry's Web site pages are very fast, except for one. On this page he has several images, but no more than any other page in the site. What could be a cause of the slow load time for Jerry's page?
Jerry used the wrong image format on the page which increased the page weight.
Which following statement about using online site builder templates is true?
Online site builder templates are copyrighted and licensed for use only by sites that are using that Web host.
Which of the following is a component of aesthetic design principles for Web sites?
Page layout
Which of the following is an advantage offered by online or GUI Web editors for creating a Web site, which text editors do not offer?
Pre-designed templates
Which color is considered a primary color?
Red
You are choosing the color scheme for a Web page. Which color is considered the color of extremes and is used to capture attention, and to indicate danger and anger?
Red
You are browsing a Web site. You enter a shopping cart page on which you can place an order. The page's Web address now begins with https:// instead of http:// and includes a lock icon. Which secure technology is in use?
SSL
Which term describes the pre-designed Web pages that a designer can use as a starting point?
Template
There are several steps you should complete when you are preparing to publish your Web site to the Internet. During which step would you verify that every hyperlink on every page functions correctly, that all your graphics include alternative text descriptions, and that all your animations and video files are working correctly?
Test your site pages.
Which type of Web page creation tool requires you to create Web pages by typing markup language tags into a document?
Text editors
Which type of Web site creation tool requires you to create Web pages by typing in markup language tags into a document and does not offer pre-designed templates?
Text editors
Olivia receives feedback on her Web design. It is suggested that she should use additional multimedia. What is this suggestion referring to?
The combined use of audio, video, animation and interactivity.
Shania wants to add an animated flower to her gardening Web site's homepage. What type of copyright-free image should she search for?
The file type: .gif
Which color is considered a secondary color?
Yellow
Rodney is having a meeting with a new client. He is told by his client that they expect one of every twenty unique Web visitors to purchase one of their products during the first month. This measurable amount is known as:
a goal.
In order to determine the functions and navigation requirements for a Web site, a designer needs to understand its target audience's:
computer experience.
Before you begin designing your Web site, you need to determine the features and functions that the site requires to meet its purpose and goals. In other words, you need to determine the site's:
scope.
Ethan receives feedback from individuals who have tested his new grocery store Web site. The top negative response is that people are unable to locate the store hours easily on the site. What design principle must Ethan address?
usability
Which color is considered a secondary color?
yellow
A company that specializes in customized socks has trouble with its Web site. The Web site does not appear in the search results for "customized socks". Angela is hired to help fix this problem. Which tag should Angela inspect first to see how the Web site is communicating with search engines?
<meta>
Which pair of HTML tags creates a numbered list?
<ol> </ol>
Dustin wants emphasis for a word, but only when it appears in a sentence. Which HTML tag is an example of the appropriate inline element?
<strong>
Leonardo is confused by tables in HTML5. He wants to add a heading for his table, but is not sure of the element. Which table element should he use to create a heading?
<th>
Juan is creating a Web site about his college experience. He wants a page in his site to have tips on buying textbooks. He wants the tips to appear as a bulleted list. Which pair of HTML tags should he use?
<ul> </ul>
Jonathan wants to create an online journal. He will use it to share with his friends all the cool places he visits while in Europe. Which social networking tool should Jonathan use to create a journal while on his trip?
A blog
Dante notices that pieces of HTML code appear with the content when he views his Web page in the browser. He concludes that he has errors in his HTML code. Which tool can he use to help him identify errors in his code?
An automated validator
Which Web site creation tool enables you to create Web pages directly on the Web host's computer and automatically update the site, without the need to upload files?
An online site builder
Consider the following example: The figure shows Home > Products > Outdoors > Gardening Tools. Figure A This link trail shows each Web page on the site that the user navigated through to get to the current page. What type of navigation is this?
Breadcrumb
Which type of Web site navigation helps orient site visitors and allows them to see the route they have taken?
Breadcrumbs
Your team leader has shown you an example of your new client's previous Web site. The informational text is centered on the page in a large column. The sections are indicated by a change in the text color. How would you recommend the page be altered to increase the Web site's readability?
Change the text alignment to indicate sections.
Which task is an accessibility guideline that designers should perform before publishing a site to the Internet?
Check that all graphics and multimedia have alternative text or display options available.
Gabriella is making a Web site for her short stories. She wants the visitors to be able to change the page color or fonts for easier reading, but she does not know the complex code for this. Gabriella copies and pastes the script from a Web site to achieve her goal. The term for the creation of this form of visitor interactivity is generally referred to as______________.
DHTML
Sylvia has left a brainstorming session in which the group has decided on the Web site pages and content for a new client. She is using the card sorting method to sort all Web site content (text, images, multimedia) into categories and subcategories. What is Sylvia doing?
Determining content structure.
Adrianna wants her new Web site to be easy to use. She has decided to use a breadcrumb trail to help orient visitors and allow them to find their way around the site. What type of planning is Adrianna performing?
Determining navigation structure.
Which step in the Web site planning process includes visualizing the step-by-step flow of interactions that visitors must complete to accomplish each task?
Determining site structure
Janet is ready to transfer Web page files from her computer to a Web server. The FTP service requires her to use a username and password. Which of the following is a set of rules that enables her large Web page files to be securely exchanged between her computer and the Web server?
FTPS
Which protocol enables you to transfer your Web site files to the Web server using encryption?
FTPS
Evan's boss has asked him to verify that the company Web site loads quickly, contains no "broken" links, and plays the introduction video correctly. Which design principle is Evan incorporating?
Functionality
Which image file format supports animation?
GIF
Which term describes measurable results expected in a given time frame?
Goals
Elijah found a great photo online and modified it to match the colors on his Web site. He explains that the photo was available under a Creative Commons license but specified ND-No Derivatives. Elijah has asked you if that means he can use the image on his Web site. Which response is the best way to answer Elijah's question?
He can use the photo on his Web site as long as he does not alter or modify the photo.
Cory is visiting a Web site that his colleague has created. He discovers some links go to the wrong page or do not work at all. What should Cory tell his colleague?
There is a problem with the Web site's functionality.
Rosie is placing a link in her personal Web page to her school's Web site. She uses the following HTML5 code: <a http://genericschool.edu> Visit Generic School </a> Why won't Rosie hyperlink function?
She must include the href attribute.
Dudley has sent you his Web site before he publishes it to the Web. He has chosen a pink background with red writing. The text is aligned to the left, appropriately spaced, and uses a consistent font. Your eyes strain to read the content. Why?
The contrast between red and pink is insufficient for easy readability.
Melissa has completed the design of a home page for a toy store. She submits the design to her supervisor. Her supervisor asks her to make the homepage feel more "fun". What does Melissa have to alter to satisfy her supervisor's request?
The home page aesthetics.
Andrew is hired to create a Web site for a technology start-up. He begins the Web site planning process with a conference with the client. What need(s) must be assessed during this first step?
The purpose, main goal and target audience.
Which statement demonstrates the best way to include animations on your Web page?
Use animations on the page only when they are relevant.
Faith and her team have created a Web page for a new online travel agency. They are ready to publish and Faith is following the ten steps for preparing her Web site before publishing. She has checked the content, verified every copyright and now her team is on the third step, testing the site pages. Which of the following is not part of this step?
View the Web pages in a variety of browsers and on multiple platforms and devices
Kelly is a novice Web designer. She has created a massive site built around a large hierarchical structure. She has placed a breadcrumb trail at the bottom of each page. Her experienced co-worker sees what she is doing and suggests placing the breadcrumb trail at the top of the pages. Why?
Visitors expect to find navigation tools at the top and/or down the left side of the page.
Your client has given you a document from the sales department describing each product. Their Web site is ready to be published, as soon as the product descriptions are updated. You quickly copy and paste the descriptions from their document, to the Web site and publish immediately. What critical error may have occurred?
You did not check their product description for grammar, spelling, and typographical errors.
Mauricio wants to chronicle his cross-country vacation with his family. He wants to keep a diary, but his friends want him to post his thought and experiences online. He decides to keep his diary online because he can also post images and video. What format should Mauricio use to allow his friends to see his thoughts and experiences on his trip?
a blog
Movies are Maxwell's passion. His movie streaming service works great on his tablet when he is connected at home. However, when he is connected at the library, the service pauses, skips and generally does not behave as expected. When he asks a librarian, the response is that "we have a slow internet." The difference in Maxwell's movie streaming service is a result of change in:
bandwidth.
Bao is ready to validate his code for Mr. Simmon's HTML5 project. He knows that there is a Web site which is recommended and is also free. When Bao searches for the term "validator" in his search engine, several Web sites are displayed. Which one should Bao use?
http://validator.w3.org
To determine download time for a Web page you are creating, you need to check the size of the .html file and all of its included resources, such as multimedia and graphics. This file size is called:
page weight.
Carrie has completed an online class on coding HTML5. She wants to show-off her new skills to her professor. Which type of editor should she use to create a simple Web page that best demonstrates her new skill without using a WYSIWYG?
plaintext editor
