Worksheets207 Web Design ADM Spring 2020
Total questions: 78
Worksheet time: 39mins
How will creating a flowchart impact the overall design of a website?
The client will be provided with multiple renditions of the website
The code of the website will be more streamlined
The pages of the site will be better organized
The site will be more likely to be found by search engines
How does using a file-naming convention help aid the process of designing a website?
Content of the site can be updated quicker
Files are easier to organize and access
Navigation of the site is easier
The site will become easier to find with search engines
Phillip is in the pre-production phase of creating his website. Which is an example of a process that he would complete during this phase?
Checking his page ranking with search engines
Deciding if HTML or HTML5 would work better for the website
Publishing the website to a server
Reviewing design comps with the client
Attiana is currently meeting with her client to create the project plan for a website. What is an example of something they would discuss during this process?
How to create hotspots on a website
Who the client is hoping will visit the website
The link targets for each page of the website
The multiple design comps for the website
What is an advantage of providing a client with design comps for a website?
They ensure compatibility with all browsers
They help the client make final decisions about page layout
They make the flowchart of the website easier to create
They raise the page rankings of the client's website
Arianna is in the post-production phase of creating her website. Which is an example of a process that she would complete during this phase?
Creating a flowchart
Checking for errors
Finding hexadecimal values
Linking pages together
Micah has put the HTML and CSS files from his website on an external server so users on the Internet can access them. What is this process classified as?
Debugging
Optimizing
Publishing
Redesigning
Gertie has chosen Dreamweaver to build websites. Which may be an advantage of using this program?
It is simple to use
It is guaranteed to create files that are compatible with every browser
She will save money by using this open source software
WYSIWYG software allows her to build a page without writing complex code
Joseph enjoys writing code. Which type of program would he most likely choose to design a website?
Internet browser
Text editor
Visual editor
CSS editor
Jennifer uses graphical layout instead of text-based coding to create her website. The software she uses is referred to as:
HTML
JAVA
PHP
WYSIWYG.
Which type of web design software will allow the user to edit the design components of a website without writing or editing code?
Internet browser
Text editor
Visual editor
CSS
How does publishing impact a website?
It finds errors in the source code
It helps it load quicker
It makes it viewable by users
It raises the page ranking
Taj has created a website that looks great on his own computer. He notices that when it is open on his client's computer, the font that is shown is different from the font that shows on his computer. What has Taj most likely done?
Not selected a web safe font
Not used a flow chart to plan his client's website
Not used colors noted by a hexadecimal code
Not organized his assets in the root folder with a file naming convention
Suki has created a website where each page looks great, but the client complains that the website is poorly organized. What has she most likely done?
Not selected a web safe font
Not used a flow chart to plan her client's website
Not used colors noted by a hexadecimal code
Not organized her assets in the root folder with a file naming convention
Damian feels he is doing a good job on a website, but his client is growing angry because they want to begin using the site. What has Damian and his client failed to do?
Agree on deadlines for the project
Set goals for the website
Define the target audience for the website
Create a budget
Naomi's client for a web design project provided her with many graphics and logos to use on their website. After she received all of the graphics, her next logical step would be to:
begin designing the website using the graphics and logos provided.
put all the graphics files on one computer and all the logos on a different computer.
rename and organize all the graphics in the root folder in alphabetical order.
convert all files to .JPEG format.
Finn is developing a website for an environmentally conscious client. He wants some design aspects of the website to reflect the client's environmentally conscious nature. When planning this, his next logical step is to:
decide on the web design language that will best fit the needs of the website.
work with the client to agree on deadlines for phases of the project.
decide upon a color scheme that represents the client or company.
work with the client to develop a flowchart.
Kayla is developing a website for her client. The client wants the website to be able to take internet orders and be easy to update. When planning how to meet these needs, her next logical step is to:
decide on the web design language that will best fit the needs of the website.
work with the client to agree on deadlines for phases of the project.
decide upon a color scheme that represents the client or company.
work with the client to develop a flowchart.
Which Dreamweaver panel will allow you to edit elements of selected component?
Design
Insert
Files
Properties
Which of the following is the Dreamweaver view that uses a full WYSIWYG interface?
Design
Split
Code
Document
Which of the following is the Dreamweaver view that shows both the design and code view?
Design
Split
Code
Document
Melina is viewing the logo and graphic files she will need for the client’s website she is designing. Which Dreamweaver panel allows her this access?
Insert
Properties
Files
Design
Melina needs to add the logo to the homepage for the client’s website she is designing. Which Dreamweaver panel allows her this access?
Insert
Properties
Files
Design
The Dreamweaver Insert Panel will allow you to insert which of the following objects in to your website?
Video
Table
Audio
Animation
Which of the following is true of the Dreamweaver Properties Panel?
Shows the HTML code for the selected page
It is a WYSIWYG interface
Can view but not edit properties of selected element
The contents vary depending on the element selected
Adam needs to rename several image files used in his website. Where should he go to make these changes?
Finder or Windows Explorer
Folder on hard drive where files are stored
Dreamweaver files panel
Dreamweaver Properties panel
Adam needs to insert images into his webpage. Which Dreamweaver panel should he use?
Design
Properties
Files
Insert
Joseph would like to change the background color of his page. Which Dreamweaver panel will allow this change?
Design
Properties
Files
Insert
Which of the following text elements can be changed in the Dreamweaver Properties Panel?
Add hyperlink
Add alternative text
Set hotspot
Change height
Which of the following image elements can be changed in the Dreamweaver Properties Panel?
Set image background color
Set page properties
Set hotspot
Edit table cells
To force a panel to stay in the same position when resizing the Dreamweaver window, you should do what?
Link to menu
Dock the panel
Float the panel
Group with another panel
If a panel is not visible in the Dreamweaver window, how will you find it?
Maximize Dreamweaver window
Expand panels area
Use Window menu
Reset workspace
Why would you want to customize the Dreamweaver workspace?
To have all panels available for use
To restrict template changes
To reduce web page file size
To remove tools or panels you don’t use
Amanda is setting up a guide to help understand how to move through the content on her web pages. What is this called?
Root folder
Navigation map
Image map
Wireframe
Renaldo wants to learn CSS before he builds his new website. What would be the advantage of using CSS?
It allows requests to be processed on the user's machine
It enables greater interactivity for visitors to the site
It is used to create animations and games
It makes site-wide font and other style changes easier to achieve
Tom’s web page has an image of his state, divided by congressional districts. It includes links to each representative’s website. What element did he use to create those links?
Graphical user interface
Image map
Navigation system
Web form
Emily wants the website she is building to be easy to maintain, that can be revised quickly and efficiently. Which language will help her achieve this?
CSS
PHP
XHTML
XML
David has divided a graphic into three parts and linked each section to a different web page. What type of web element is he using?
Template
Image map
Navigation menu
Rollover
Evan is building a complex website. In his code, he is separating the presentation (the look and formatting) of the pages from the content. The technology he is using is referred to as:
CSS
Flash
NTSC
PHP
While creating her website, Maria organized her root folder carefully so that she could find graphics, audio and animations she planned to use. Why is this important?
To make sure hotspots link to external websites
To make sure hyperlinks link to external websites
To make sure the relative link stays the same during the website development process
To make sure the website will show in the same way on a variety of browsers
What is an advantage of using class styles?
They can be created easily with JavaScript
They make it easier to change the appearance of several components at a time
They make most websites load more quickly
They raise the page ranking of a website
Which hyperlinking feature would work best for an irregularly shaped object or image on a website?
Absolute link
Relative link
Hotspot Link
Frame Link
As Dominic is creating hyperlinks in his website, he starts from the homepage and creates a link from that location. This is an example of which type of link?
Absolute link
Hotspot
Mailto link
Relative link
Savannah wants to create a link on her website that will work no matter where the page is stored on her computer. Which type of link would best help her accomplish this?
Absolute link
Hotspot
Mailto link
Relative link
When Ezra is looking at files of a website, he sees both HTML files and a CSS file. Which type of style sheet is being used for this website?
Class style sheet
External style sheet
ID style sheet
Internal style sheet
What is an advantage of using a hotspot to create a hyperlink?
It can be drawn over any component of a website
It ensures consistency
It opens in a new window
It raises the page ranking
Mia and her client want to create a website that can change easily to display different seasonal colors. What does Mia need to make sure to include in the website to make this easy to do?
CSS
Absolute links
Site-root relative links
Email links
Zoie is building a website for her client. She wants to build a CSS document that will hold the design properties of the website but wants it to be housed separately from the HTML file she is creating so that the client's related website can also share the same style sheets. The best tool to accomplish this would be for her to:
build an external style sheet.
build an internal style sheet.
write each HTML page to represent the client's design choices.
work with the client to develop a flowchart.
Pablo is building a website which will contain links to external websites. He wants the link to contain a complete web address. The best link to do this would be:
an absolute link.
a site-root relative link.
a document relative link.
a mailto link.
Alma wants to build a website with links which will cause the user's computer to open the default mail program and prepare a blank email to the specified address. The best link to do this would be:
an absolute link.
a site-root relative link.
a document relative link.
a mailto link.
María wants to build a website with a link to a reference website. The best link to do this would be:
an absolute link.
a site-root relative link.
a document relative link.
a mailto link.
Deshaun wants to build a website with links which start from the home page or root folder of the website and will create a path from that location to the destination of the link. The best link to do this would be:
an absolute link
a relative link
a document relative link
a mailto link
Jayden is creating a fashion website for a client. The client wants to feature interactive photos of models wearing their clothing. They would like customers to be able to click on different areas of the online photo in order to open links for each item shown in that photo. The best tool to help Jayden create this is:
a hotspot
a class style
tags and key words
an ID style
Owen is creating a website using CSS and HTML. He wants to define attributes for a group of components in a website. The best tool to do this would be:
a hotspot
a class style
tags and keywords
an ID style
Riley is creating a website using CSS and HTML. She wants to define attributes for a single, unique element in the website. The best tool to do this would be:
a hotspot
a class style
tags and keywords
an ID style
Alyssa has created a website with rich content. When she uploads the website to the server she changes the name of the “ROOT” folder to “ROOT1”. What is likely to happen to her site?
The site remains exactly the same
The site’s color scheme will change
The site will have broken links for graphics, animation and/or audio
The embedded YouTube videos will not play
Although Aiden created and tested his published website on a variety of computers in his office; when his client views the website on her computer, some of the media does not display. What could explain this problem?
The client does not have the necessary plugin files to display all the media
The client is not connected to the internet
The client needs to download the root folder
The client should only view the website on her phone
Samuel embedded a YouTube video on his website. When he viewed the video on his site a few days later, the video would not play. What may have happened?
He may have re-named his root folder
He may have changed the skin for the video
The owner of the YouTube link made the video “private”
He may have inserted an image instead of a video file
Bella wants an audio file to play once automatically when viewers go to a specific page in her website. What settings should she choose for her audio file?
Auto & Loop
Auto, Preload & Loop
It will be necessary to display a controller on the page
Auto
Owen wants to add a .gif file to his website, how should he do this?
He needs to upload the file to YouTube or Vimeo then place the embed code on his site
He should keep the file on his desktop, and link it to the page he wants it to appear
He should add it to the root folder and add it the same way he would a graphic file
He needs to add the file to the template folder of the website then link the file on the page
Khloe wants to add a video to her website, how could she do this?
She needs to upload the file to YouTube or Vimeo then place the embed code on the site
She should keep the file on her desktop, and link it to the page she wants it to appear
She should add it to the root folder and add the same way she would a graphic file
She needs to add the file to the template folder of the website then link the file on the page
Connor is building a website and he is frustrated that his media does not show in Dreamweaver while he is setting up his file. What is likely the problem?
There may not be a problem, some media only shows when previewed in a browser
He must have not added the links correctly
He needs to add media content more than once to ensure it loads
He needs to rename his media files to different names than are in his code
Aubry is designing a webpage that needs to have a lot of information on it. She wants to make sure the content is neat and organized. What would be the BEST way to ensure the content is properly aligned and easy for viewers to access?
She should use tabs to align her data
She should use spaces to separate her data
She should insert a table to organize her data
She should put her data in one column so the viewer can scroll up or down to find all the data
Xavier has been using a .DWT template file to help build his website which he placed in a folder called TEMPLATE. If he accidentally moved the .DWT file out of the Template folder, what is likely to happen?
Nothing will happen, the template file is simply for making the initial HTML child pages
The links on the child HTML pages will be broken
He will be able to update all of the pages on the website more easily
Media on the pages will work better
Trinity needs to create a website that is easy to update. What should she consider using?
A template
Different fonts on every page
A table
A media rich site
Luke is using a template to create a new web page. He wants to change one aspect of the design, but the area he wants to change won’t change. Why might this be the case?
The original template designer did not designate the area as editable
The template had been used too many times before
The template contained too much media
The area he wants to change was designated as editable
Makayla wants to let her all of her creative team contribute to a website, but there are some aspects of the web design she doesn’t want them to be able to change. What would allow Makayla’s team to add or change specific parts of a website?
Tables
Root Directories
Editable Regions
Plug in files
What is an advantage of using a web design template?
Can be used for any web language
Automatically corrects web links
Easy to update all pages
Can be moved to another website
Theresa is beginning a new website and wants to ensure consistency between all of the child pages. What is the best option for accomplishing this?
Root folder
Template
WYSIWYG
CSS
While creating a website, John used a template. He now has decided to change the fonts used in the template. What will happen to the pages created from the template?
Nothing
Default font will be displayed
File Error Message
Fonts will be updated on pages using template
What is the purpose of editable regions in web page templates?
Controls what part of the template can be changed
Allows designer to customize template
Ensures consistency in content
Allows designer to move content on page
How can a web page template be created?
From a template form
From a current web page
By adding CSS template style
By adding HTML5 template code
What is an advantage of using a table when creating a web page?
Easy to create in design view
Easy to create in code view
Allows multiple graphics to be placed on the page
Ensures the page layout shows as designed
When adding media to a web page, testing of the media occurs where?
In the template
Preview in media editor
Preview in browser
In web page editor
When adding audio to a web page, you may change which of the following properties?
Looping
Volume
File size
Format
When adding video to a web page, you may change which of the following properties?
Volume
Skin
File size
Format
If you are creating a web page with media, where should the media files be located?
Wireframe
Template
Root folder
Documents folder
If you are creating a web page with media, in addition to the media files what else may be needed for the media to function?
Control files
Media editor
Direction files
Plugin files
