Student Resources
“Everybody is ignorant, only on different subjects.”
Will Rogers
Digital Media/Multimedia Foundations
2016 – 2017
Here students will find class information such as quizzes, tests,
vocabulary, links, etc. posted to help them achieve excellence
throughout the school year. Here are tools. Use them.
Miami Beach Senior High School
DREAMWEAVER CS6
THESE ARE EXCELLENT!
TUTORIALS ONLINE AT:
https://acatestprep.com/dreamweaver/dreamweaver_cs5
username: [email protected]
password: Hi Tides #1
FREE TRIAL DREAMWEAVER SOFTWARE (FOR 30 DAYS):
http://www.adobe.com/products/dreamweaver.html
CERTIPORT TESTING SITE DREAMWEAVER SUPPORT
http://www.certiport.com/Portal/desktopdefault.aspx?page=co
mmon/pagelibrary/adobe_DW.html
Gmetrix Dreamweaver Site
https://www.gmetrix.net/
DREAMWEAVER CERTIFICATION BENEFITS
1. THREE CHANCES TO PASS- BEFORE WINTER,
SPRING, & SUMMER BREAKS
2. WHEN YOU PASS YOU GET 4.0 OVERRIDE FOR YEAR
3.
4.
5.
6.
7.
8.
9.
YOU GET A SPECIAL DESIGNATION ON DIPLOMA
GO TO END OF YEAR CERTIFICATION CELEBRATION
COLLEGE CREDIT
FREE EXAM FEE $
HELPS THE SCHOOL GRADE & MR. ELLIS GETS $
HELPS WITH COLLEGE & JOB APPLICATIONS
YOUR NAME/CERTIFICATE ON THE WALL & WEBSITE
MBSH webpages Edit Project.
Research the MBSH school’s website and find a Teacher, Club, or
Sport that needs their pages updated and/or improved. Ask permission
of the club sponsor, teacher or coach to edit their pages for them. If
they agree, have them email me with their permission to edit their
pages. [email protected] When I receive the email I will give
you access to edit their pages and teach you how to use the
Schoolwires web editing program.
Permission email due by:
B Day October 5, 2016
A Day October 6, 2016
Miami Beach High School Website Enhancement Worksheet
Student Name ______________________________________ Date: October 2016
Client Name (Teacher, Sponsor, Coach) ________________________________________
Week #1- October 3-7
Client Approved. Please Initial: YES______ NO______What webpages you worked on:
__________________________________________________________________________________________
What enhancements you accomplished:
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
Week #2- October 10-14
Client Approved. Please Initial: YES______ NO______What webpages you worked on:
__________________________________________________________________________________________
What enhancements you accomplished:
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
Week #3- October 17-21
Client Approved. Please Initial: YES______ NO______What webpages you worked on:
__________________________________________________________________________________________
What enhancements you accomplished:
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
Week #4- October 24-28
Client Approved. Please Initial: YES______ NO______What webpages you worked on:
__________________________________________________________________________________________
What enhancements you accomplished:
__________________________________________________________________________________________
__________________________________________________________________________________________
__________________________________________________________________________________________
COMMUNICATING PRIVATELY PRESENTATION
PREPARE A 3-5 MINUTE POWERPOINT PRESENTATION
FOR NEXT CLASS THAT INCLUDES ANSWERS FOR
YOUR SCENARIO TO THESE QUESTIONS:
SEARCH ENGINE SCAVENGER HUNT PROJECT
Students will create a twenty (20) question scavenger hunt,
using at least five (5) of the websites below. Choose a topic
that you are interested in to use for your scavenger hunt. Save
your scavenger hunt in a Word document and upload it to your
OneDrive in your student portal by the due date.
1 The Wayback Machine: www.archive.org
2 Google Maps: http://maps.google.com
3 Wikipedia: www.wikipedia.org
4 Encyclopedia Britannica: www.britannica.com
5 Mapquest: www.mapquest.com
6 Internet Movie Database: www.imdb.com
7 Switchboard: www.switchboard.com
8 Yellow Pages: www.yellowpages.com
9 How Stuff Works: www.howstuffworks.com
10 YouTube: www.youtube.com
You may use other sources if approved for education.
DUE Date: B Day – Friday 9/16/16
A Day - Monday 9/19/16
---------------------------------------------DREAM COMPUTER PROJECT
1. BUILD THE DREAM COMPUTER YOU WOULD LIKE TO
HAVE.
2. LIST THE IMPORTANT COMPONENT TYPES SUCH AS:
A. LAPTOP OR DESKTOP-WHAT ARE YOU MAINLY
USING IT FOR?
B. PROCESSOR (CPU)
C. OPERATING SYSTEM
D. MEMORY
E. HARD DRIVE STORAGE (MEMORY)
F. OPTICAL DRIVE (DVD)
G. MONITOR
H. VIDEO CARD (GRAPHICS CARD)
I. SOUND CARD
......OTHER ACCESSORIES?
FINAL PRESENTATION
SHOULD HAVE:
1. IT CAN BE A POWERPOINT, VIDEO,
SKIT, OR OTHER.
2. MUST HAVE A TITLE WITH MEMBERS
NAMES.
3. HAVE THE TWO DIFFERENT
COMPUTERS, YOURS & YOUR PARTNER’S.
4. WHICH COMPUTER YOU CHOSE.
5. WHY YOU CHOSE THIS COMPUTER.
6. LIST THE VARIOUS COMPONENTS OF
THE DREAM PC.
7. WHAT YOU ARE GOING TO USE YOUR
COMPUTER FOR.
8. HOW MUCH YOUR DREAM COMPUTER
WILL COST. $
SEVEN SLIDES OR MORE… ABOUT 5
MINUTE PRESENTATION.
--------------------------------------Dreamweaver tutorials:
https://helpx.adobe.com/dreamweaver/tutorials.html
Judging Criteria for Websites


















Content:
Offers high quality information on topic
Provides large quantity of information
Presents accurate, current information
Provides useful links to related information
Organizes content in easy-to-use format
Includes graphics and/or multimedia
Adapts content to targeted age level
Lacks bias (ethnic, religious, gender)
Presentation:
Loads quickly (even at dial-up speeds)
Provides easy-to-understand interface
Shows links and navigation controls clearly
Uses effective, nondistracting colors
Maintains text and background contrast
Presents text in easy-to-read fonts
Uses graphics effectively, without overuse






Interaction:
Integrates interaction beyond navigation
Offers clear instructions for online activities
Provides appropriate feedback
Offers overall assessment, if appropriate


You may use your notebooks.
1. What are the three (3) main categories of criteria that we have
used to judge websites?
A.____________B.____________C.____________
2. Instead of using flash drives and disks, we save our work in
our______________.
3. All work graded for the nine weeks can be found on the
____________ link on the class web site.





Web Design Pop Quiz
acromedia Intro Questions Chapter #1
ue/False
icate whether the sentence or statement is true or false.
__
1. It is possible for a Dreamweaver MX 2004 panel to be marked as displayed, but it may not be visible due to
being hidden behind another panel.
__
2. The options and settings visible in the Property inspector will change depending on which object in the
document window is selected.
__
3. You can choose to hide all visible panels by selecting the Hide All Panels option on the Window menu.
__
4. You must use a document-relative path to link to a document on a different Web server.
__
5. To make sure your filenames work on all servers, it is best to use all lowercase letters when saving your files.
__
6. When adding text to your page, HTML has eight levels of headings you can apply, where 8 is the largest size
and 1 is the smallest.
__
7. An ordered list is also referred to as a numbered list.
__
8. To create a paragraph break at the end of a line of text, press the Shift+Enter keys (Windows) or the
Shift+Return keys (Macintosh).
__
9. Saving text and paragraph formatting from selected text as a Cascading Style Sheet makes it easy to apply that
same formatting to new or other existing text.
__ 10. You can insert a date in your page by clicking the Insert menu, then clicking Date to open the Insert Date dialog
box.
ltiple Choice
ntify the letter of the choice that best completes the statement or answers the question.
__ 11. Which Dreamweaver MX 2004 component contains the objects and elements that you can add to your page?
a. Tools panel
c. Insert Bar
b. Objects panel
d. Toolbox
__ 12. Which option on a panel's Options menu would you select to hide only that panel?
a. Hide Panel
c. Close Panel
b. Close Panel Group
d. Close This Panel
__ 13. The main folder for your Dreamweaver MX site, which contains all folders and subfolders for the site, is also
referred to as the ____ folder.
a. root
c. parent
b. base
d. origin
__ 14. In which dialog box can you specify one or more Web browsers that you want to use to preview your site?
a. Site Options
c. Document Setup
b. Preferences
d. Preview Options
__ 15. If you have not created a title for your page, the title bar of the page will contain ____ (filename.htm) to
indicate you have not named the page.
a. Unnamed Page
c. New Document
b. New Page
d. Untitled Document
__ 16. Which of the following is not one of the types of links in which you can apply colors to indicate if they have or
have not been used?
a. Links
c. External Links
b. Visited Links
d. Active Links
__ 17. Which of the following is not one of the types of lists that can be created in your Dreamweaver MX document?
a. priority
c. unordered
b. ordered
d. definition
__ 18. Which item below shows the correct Windows/Macintosh key strokes for the Edit menu Redo command, which
can be used to repeat the most recently used text formatting for a different section of text?
a. Ctrl+Z/Command+Z
c. Ctrl+Y/Command+Y
b. Ctrl+R/Command+R
d. Ctrl+T/Command+T
__ 19. If you have a combination of text and paragraph formatting that you want to use repeatedly in your document,
you can save the formatting as a(n)
a. Font style.
c. Paragraph style.
b. Text style.
d. CSS style.
__ 20. To manually enter an e-mail link to your page, select the text to make into the e-mail link. Key ____: and then
key the e-mail address in the Link box of the Property inspector.
a. maillink:
c. sendmail:
b. mailto:
d. mail:
mpletion
mplete each sentence or statement.
21. When saving your Dreamweaver MX 2004 site, you need to be aware of the platform it will run on because file
names are case-sensitive on a(n) ____________________ platform, but not on other platforms.
22. Dreamweaver MX 2004 has two tools in the Property inspector for indenting text, the Text Indent and the Text
____________________ tools.
PHOTOSHOP CHAPTER #1 QUESTIONS
ue/False
icate whether the sentence or statement is true or false.
__
1. Flattening is a process that combines all layers and reduces file size.
__
2. Photoshop images can be quite large.
__
3. Photoshop images are generally small in size.
__
4. ImageNow is a program that is integrated with Photoshop.
__
5. ImageReady lets you compress file size and optimize image quality. Photoshop does not have this capability.
__
6. Compressing is a process that combines all layers and reduces file size.
__
7. In Photoshop, the text you create and edit in a special text layer is called type.
__
8. All tools are always displayed on the Toolbox.
__
9. Each palette contains a menu that can be viewed by clicking the list arrow in the upper right corner of the
palette.
__ 10. Rulers are automatically shown in the default setup for Photoshop.
__ 11. You can use the Layers palette to control which layers are visible in an image.
__ 12. Multiple layers can be active at the same time.
__ 13. Most Photoshop images contain a single layer.
__ 14. The position of a layer in the Layers palette cannot be changed.
__ 15. You must have browser software installed on your computer to use the Photoshop Help system.
__ 16. You cannot print a Photoshop image using a standard black-and-white or color printer.
__ 17. The number of pages to be printed are selected in the Page Setup dialog box.
__ 18. The paper orientation is selected in the Print dialog box.
__ 19. A digital camera is an external device that can be used to create electronic images.
__ 20. Use the Image menu to close a file.
ltiple Choice
ntify the letter of the choice that best completes the statement or answers the question.
__ 21. Photoshop is a powerful tool for _____.
a. word processing
b. tracking data
c. communicating ideas visually
d. surfing the Internet
__ 22. An irreversible process used to reduce the size of Photoshop files is called ____.
a. Parsing
b. Data parsing
c. Flattening
d. Compacting
__ 23. What tool can you use to outline sections of an image?
a. Harness Tool
b. Selection Tool
c. Grab-It Tool
d. Lasso Tool
__ 24. Which of the following is not an appropriate use of Photoshop?
a. Manipulating an image
b. Writing a short story
c. Producing Web-ready animation
d. Extracting an object
__ 25. What program lets you optimize, preview, and animate images?
a. ImageNow
b. WebImage
c. ImageShop
d. ImageReady
__ 26. Which of the following cannot be done to type?
a. Control the distance between characters
b. Extract type
c. Create and format text
d. Edit type
__ 27. Which of the following is Photoshop's unique file format extension?
a. .PSS
b. .PSH
c. .PSD
d. .PSP
__ 28. Which of the following is not a common graphic image file format?
a. .BMP
b. .JIF
c. .GIF
d. .TIF
__ 29. Which dialog box is used to save an existing file with a new name?
a. New
b. Create
c. Save As
d. Save
__ 30. You can use the ____ feature to find an existing file.
a. New
b. Save
c. Create
d. Bridge
__ 31. Which statement is false about using the Save As command?
a. The original file is left intact.
b. A duplicate of the original file is created.
c. The original file is modified.
d. None of the above
__ 32. In Windows, which area of the Photoshop window displays the name of the open file?
a. Menu bar
b. Title bar
c. Status bar
d. Palettes
__ 33. Where are all layers within an open image displayed?
a. History palette
b. Actions palette
c. Info palette
d. Layers palette
__ 34. A Photoshop image must contain ____.
a. no layers
b. one layer
c. two or more layers
d. at least one group of layers
__ 35. Which palette lets you access 20 levels of undo?
a. Layers
b. Actions
c. History
d. Channels
__ 36. The direction in which an image appears on the page is called ____.
a. Landscape
b. Portrait
c. Orientation
d. Directionalism
__ 37. Which page orientation options are available?
a. Tall and High
b. Portrait and Wide
c. Landscape and Tall
d. Landscape and Portrait
__ 38. Which dialog box is used to determine how many copies of an image are printed?
a. Page Setup
b. Print
c. Print Setup
d. Page Options
Continued…
__ 39. Which item in the above figure displays all the layers in an image?
a. 1
b. 2
c. 3
d. 4
__ 40. Which item in the above figure displays a record of changes to an image?
a. 1
b. 2
c. 3
d. 4
eamweaver Working with Graphics Chap.2
NAME__________DATE ____
ue/False
cate whether the sentence or statement is true or false.
_
1. When deciding between GIF and JPEG images for a Web site, you should use GIF images for photographic images and
images with a large tonal color range.
_
2. The maximum number of colors that can be represented in a GIF image is 256.
_
3. One way to insert an image into your Dreamweaver MX 2004 document is to click the Images button on the Image
category of the Insert bar.
_
4. Some browsers will display the Alt text for an image when the pointer is hovered over the image.
_
5. If you add a new asset to your site using the Assets panel, the asset is immediately visible in the panel.
_
6. All images you save as a "favorite" in the Assets panel will be saved in the Asset_Favorites folder.
_
7. Multiline text can wrap only on either the left or the right side of an image.
ltiple Choice
ntify the letter of the choice that best completes the statement or answers the question.
_
_
_
_
_
_
_
_
8. Which term refers to the process of loading an image to a Web page by displaying every other pixel on a line and then
repeating the process until the image is fully loaded?
a. interweaving
c. image tweening
b. image weaving
d. interlacing
9. Which color mode below is used to save a JPEG image?
a. 8-bit
c. 24-bit
b. 16-bit
d. 32-bit
10. Why should you always save your Dreamweaver MX 2004 document before you insert any images?
a. When you save the document, you have to specify what types of images will be included.
b. Dreamweaver has no way to create references to your images until you have saved the
document.
c. Dreamweaver does not allow you to insert images into an unsaved document.
d. All of the above.
11. When you import a graphic image into your Dreamweaver MX 2004 document, the width and height of the image are
automatically added on the
a. Property inspector.
c. Image tab of the Insert bar.
b. Image panel.
d. Objects panel.
12. Which attribute of the Property inspector can be used to enter text to be displayed in place of an image for browsers that
do not support graphic images?
a. Other
c. Replace With
b. Alt
d. Image Text
13. Which column in the Asset panel can you click to see a list of the images according to their folder structure?
a. By Path
c. Full Path
b. By Folder
d. Path Order
14. If you want text to wrap around an image, you must change the alignment option for which of the following?
a. text
c. document
b. image
d. any of the above will work
15. Which attribute in the Property inspector would you adjust to change the amount of space between the horizontal sides of
an image and any surrounding text or other images?
a. H Space
c. Horizontal Width
b. H Border
d. Horizontal Gap
The Map text box in the
Property inspector
This figure shows the Map text box at the bottom of the Property
inspector. If it is not visible in your Property inspector, click the expander
arrow in the bottom-right corner of the inspector.
The Hotspot tools – Pointer
Rectangle
Oval
Polygon
Creating Links – Lesson 3
11
son3
ue/False
icate whether the statement is true or false.
__
1. One feature that makes HTML such an attractive language for use in Web pages is its ability to link sections of
text and images to other documents in the same site or in a different Web site altogether.
__
2. Hypertext links in HTML documents are frequently called hyperjumps because they can almost instantly jump
you from one document to an entirely different document.
__
3. If your link targets a Web page, the full URL must be entered as the target for the link, including the protocol,
such as http://www.webpage.com.
__
4. Dreamweaver MX allows you to easily change the location where a linked page will be displayed by selecting
preset values in the Location box of the Property inspector.
__
5. Be aware that when you specify link target pages to be opened in a new browser window, you are causing
additional RAM to be used on the user's computer for every browser window you open.
__
6. Dreamweaver MX 2004 limits you to one image map per page.
__
7. The more points that make up a hotspot, the longer it will take to load and process the page.
__
8. You can draw a polygon-shaped hotspot with the Polygon Hotspot tool by selecting the tool, clicking in the
image area and holding the mouse button down, and then dragging the tool to create a free-form shape.
__
9. When creating a named anchor, the name specified for the anchor must be in all uppercase characters.
__ 10. While HTML is not usually case-sensitive, it is in some browsers when dealing with named anchors. Mixing
cases in the Link text box and the Named Anchor name box may cause the link not to work in all browsers.
ltiple Choice
ntify the choice that best completes the statement or answers the question.
__ 11. Where do some browsers display the path of a hyperlink when the pointer is hovered over the link while the
page is being viewed?
a. address bar at the top of the window
c. status bar at the bottom of the screen
b. ToolTip pop-up window
d. title bar next to the document title
__ 12. To create a link to another document , first select the text to use as the link, then click the ____ next to the Link
box in the Property inspector to open the Select File dialog box and locate the target file.
a. Link Target button
c. Options menu
b. folder icon
d. Link Preferences button
__ 13. You can cause a link to open the target page in a new browser window by entering which of the following
values in the Target box of the Property inspector?
a. New Window
c. _new
b. Next Window
d. _blank
__ 14. Which link Target value will cause the linked page to be loaded into the same frame or window as the link?
a. _inPlace
c. _self
b. _over
d. _top
__ 15. What can you create in a graphic image to define multiple links within the one image?
a. link zones
c. link slices
b. hotspots
d. link codes
__ 16. If the Map text box is not visible at the bottom of the Property inspector, what can you do to make it visible?
a. Click the expander arrow at the bottom right of the Property inspector.
b. Click the Window menu, and then click Map.
c. Click the Property inspector Options menu, and then click Map.
d. Click the View menu, then click Property inspector, and then click Map.
__ 17. To delete a hotspot from an image, select the image, use the Pointer to select the hotspot, click the Edit menu,
and then click which option on the Edit menu?
a. Remove Hotspot
c. Clear
b. Delete
d. Erase
__ 18. What kind of link can you create in a long document to allow the user to jump to a specific section of the
document?
a. named anchor
c. GoTo target
b. virtual page
d. virtual target
__ 19. In addition to the Insert bar, you can also create a named anchor by selecting the Named Anchor option from
which Dreamweaver MX 2004 menu?
a. Insert
c. Site
b. Modify
d. Text
__ 20. What Property inspector feature can you use to avoid potential misspelling problems when creating named
anchors?
a. Point at Anchor icon
c. Anchor Wizard
b. Anchor Check icon
d. Point to File icon
Lesson #4 TABLES
SSON #4 True/False
icate whether the statement is true or false.
__
1. You can use an image of a page design created in some other program as a tracing image to create the same
page in Dreamweaver MX 2004.
__
2. You can show or hide the tracing image using options on the View menu.
__
3. Other than using line and paragraph breaks, there is no way in HTML to control the placement of text and/or
graphics.
__
4. When creating a layout table, by default the table will appear with a tab at the top containing the name of the
table.
__
5. A layout cell is not allowed to overlap other cells, nor can it be moved outside the layout table it is in.
__
6. If you opt not to use spacer images, columns in your table may change size or could possibly even disappear if
they do not contain any content.
__
7. Although it is sometimes easier to build a table in Layout view, you will often want to switch to Table view
which shows the HTML table structure.
__
8. You can copy and paste multiple table cells at one time, but you will lose any formatting applied to the cells.
__
9. You can select the No Wrap option in the Property inspector to prevent text in a cell from wrapping to the next
line.
__ 10. A table you create in Dreamweaver MX 2004 can be sorted on the contents of up to four different columns.
ltiple Choice
ntify the choice that best completes the statement or answers the question.
__ 11. What format does an image have to be in to be able to use it in Dreamweaver MX 2004 as a tracing image?
a. GIF
c. PNG
b. JPEG
d. Any of the above
__ 12. How do you begin the process of loading a tracing image into your Dreamweaver MX 2004 document?
a. Click the File menu, point to Import, then click Tracing Image.
b. Click the View menu, point to Tracing Image, then click Load.
c. Click the Insert menu, point to Tracing Image, then click Insert.
d. Click the Commands menu, then click Add Tracing Image.
__ 13. Which of the following is the name of a view within Dreamweaver MX 2004 that allows you to place text and
objects where you want them to appear and then have Dreamweaver automatically create an HTML table from
that view?
a. Table Grid
c. Layout
b. Standard
d. Page Grid
__ 14. When designing a layout table, which of the following methods can be used to cause sizing handles to appear
around a cell of the table so that the cell can be resized?
a. double-click inside the cell
b. click the red border of the cell
c. right-click in the cell and select Resize from the pop-up menu
d. all of the above
__ 15. You can move a layout table cell ____ pixel(s) at a time if you hold down the Shift key while pressing one of
the keyboard arrow keys.
a. 1
c. 5
b. 2
d. 10
__ 16. The width and height of a cell can be set to a fixed value, or you can set it to ____, which will cause the cell to
be adjusted based on the width of the browser viewing the page.
a. Autostretch
c. Automatic
b. AutoAdjust
d. AutoDependent
__ 17. What is the default value that Web browsers use for cell spacing if you do not specify a value?
a. 1 pixel
c. 5 pixels
b. 2 pixels
d. 10 pixels
__ 18. To import text data into a table, click the Insert menu, point to ____, then click Import Tabular Data to open a
dialog box to find the file and set your import options.
a. Table Data
c. Import Objects
b. Text Data
d. Table Objects
__ 19. Which of these methods would you use to select multiple noncontiguous cells in a table to be copied to the
clipboard?
a. Press and hold down the Shift key, then click in each noncontiguous cell to be
selected.
b. Press and hold down the Alt key, then click in each noncontiguous cell to be
selected.
c. Press and hold down the Ctrl key (Windows) or the Command key (Macintosh),
then click in each noncontiguous cell to be selected.
d. Just click in each cell to be selected.
__ 20. When exporting a Dreamweaver MX 2004 table, which of the following characters can be selected as a
delimiter for the data fields in the exported file?
a. comma
b. tab
c. colon
d. any of the above
mpletion
mplete each statement.
21. You can switch between Layout and Standard view in Dreamweaver MX 2004 by selecting the view type from
the ____________________ category of the Insert bar.
Advanced Web Design Test Questions - November 2008
1. BONUS QUESTION
The Hotspot Tools include\:
Answer: Pointer, Polygon, Rectangle, Circle
Answer: Polygon, Square, Oval
Answer: Rectangle, Circle, Polygon
Answer: Circle, Square, Polygon, Pointer
Answer: *Oval, Polygon, Rectangle, Pointer
Answer: None of these
2. The paper orientation is selected in the print dialog box.
3. Rulers are automatically shown in the default setup for Photoshop.
4. Use the Image menu to close a file.
5. A digital camera is an internal device that can be used to create electronic images.
6. You cannot print a Photoshop image using a standard black-and-white or color printer.
7. You must have browser software installed on your computer to use the Photoshop Help system.
8. The position of a layer in the Layers palette cannot be changed.
9. Most Photoshop images contain a single layer.
10. In Photoshop, a layer is a section within an image that can be manipulated independently.
11. Compressing is a process that combines all layers and reduces file size.
12. While HTML is not usually case-sensitive, it is in some browsers when dealing with named anchors.
Mixing cases in the Link text box and the Named Anchor name box may cause the link not to work in
all browsers.
13. When creating a named anchor, the name specified for the anchor must be in all uppercase
characters.
14. Dreamweaver MX 2004 limits you to one image map per page.
15. Be aware that when you specify link target pages to be opened in a new browser window, you are
causing additional RAM to be used on the user's computer for every browser window you open.
16. If your link targets a Web page, the full URL must be entered as the target for the link, including the
protocol, such as http\://www.webpage.com.
17.Hypertext links in HTML documents are frequently called hyperjumps because they can almost
instantly jump you from one document to an entirely different document.
18. One feature that makes HTML such an attractive language for use in Web pages is its ability to link
sections of text and images to other documents in the same site or in a different Web site altogether.
19. You can increase or decrease the amount of space around an image in the Property inspector.
20. Multiline text can wrap only on either the left or the right side of an image.
21. If you add a new asset to your site using the Assets panel, the asset is immediately visible in the
panel.
22. Some browsers will display the Alt text for an image when the pointer is hovered over the image.
23. The maximum number of colors that can be represented in a GIF image is 253.
24. When deciding between GIF and JPEG images for a Web site, you should use GIF images for
photographic images and images with a large tonal color range.
25. You can insert a date in your page by clicking the Insert menu, then clicking the Property Inspector
to open the Insert Date dialog box.
26. Saving text and paragraph formatting from selected text as a Cascading Style Sheet makes it difficult
to apply that same formatting to new or other existing text.
27.When adding text to your page, HTML has eight levels of headings you can apply, where 8 is the
largest size and 1 is the smallest.
28.To make sure your filenames work on all servers, it is best to use all lowercase letters when saving
your files.
29. The options and settings visible in the Property inspector will change depending on which object in
the document window is selected.
30. When a Dreamweaver MX 2004 panel is marked as displayed, it will always be visible in the
document window.
31. Choose the correct HTML tag to make a text italic\:
32. Choose the best HTML tag to make text bold in any version of HTML\:
*<b>
<bold>
<B>
<bb>
None of these answers
33. What is the correct HTML for adding a background color?
<background>yellow</background>
*<body bgcolor="yellow">
<body color="yellow">
<img src=bgcolor="yellow">
None of these answers
34. Choose the correct HTML tag for the largest heading\:
<h6>
<heading1>
*<h1>
<head1>
None of these answers
35. Who is making the HTML Web standards?
*The World Wide Web Consortium
Netscape
Microsoft
The World Wide Web
None of these answers
36. An HTML file must contain\:
Hyper Text Markup Language
A .htm file extension
A .html file extension
*All of these answers
None of these answers
37. You can collapse or expand a Dreamweaver MX panel by clicking the _____ bar of the panel.
*title
rule
assets
toolbox
insert
38. If you have not created a title for your page, the title bar of the page will contain_____
(filename.htm) to indicate you have not named the page.
unamed page
new page
new document
*untitled document
none of these answers
39. To delete a hotspot from an image, select the image, use the Pointer to select the hotspot, click the
Edit menu, and then click which option on the Edit menu?
Remove hotspot
delete
*clear
erase
none of these answers
40. What can you create in a graphic image to define multiple links within the one image?
link zones
*hot spots
link slices
link codes
none of these answers
41. To create a link to another document , first select the text to use as the link, then click the ____ next
to the Link box in the Property inspector to open the Select File dialog box and locate the target file.
Options menu
Link Preferences button
Link Target button
*folder icon
none of these answers
42. Where do some browsers display the path of a hyperlink when the pointer is hovered over the link
while the page is being viewed?
address bar at the top of the window
ToolTip pop-up window
*status bar at the bottom of the screen
title bar next to the document title
none of these answers
43. If you want text to wrap around an image, you must change the alignment option for which of the
following?
text
*image
document
any of the answers will work
none of these answers
44. Which section of the Assets panel can be used to contain and retrieve images that are used
repeatedly?
Most recent
Library images
Image symbols
*Image favorites
none of these answers
45. Which attribute of the Property inspector can be used to enter text to be displayed in place of an
image for browsers that do not support graphic images?
Other
*Alt
Replace With
Image Text
none of these answers
46. Why should you always save your Dreamweaver MX 2004 document before you insert any images?
When you save the document, you have to specify what types of images will be included.
*Dreamweaver has no way to create references to your images until you have saved the document.
Dreamweaver does not allow you to insert images into an unsaved document.
all of the answers
none of the answers
47. Which color mode below is used to save a JPEG image?
4 bit
8 bit
16 bit
32 bit
*none of these answers
48. Which term refers to the process of loading an image to a Web page by displaying every other pixel
on a line and then repeating the process until the image is fully loaded?
interweaving
image weaving
image tweening
*interlacing
none of these answers
49. If you have a combination of text and paragraph formatting that you want to use repeatedly in your
document, you can save the formatting as a(n)
Font style
Text style
Paragraph style
*Cascading Style Sheet style
none of these answers
50. Which of the following is not one of the types of links in which you can apply colors to indicate if
they have or have not been used?
Links
Visited Links
*External Links
Active Links
none of these answers
51. The main folder for your Dreamweaver MX site, which contains all folders and subfolders for the
site, is also referred to as the ____ folder.
branch
base
parent
origin
*none of these answers
ADDITIONAL HTML TAGS FOR WEBPAGE DESIGN
(Use for your advanced HTML webpage Home Learning assignment)
1.) The correct HTML tag for inserting a line break:
<br>
2.) The correct HTML tag to make a text italic:
<i>
3.) The correct HTML for making a hyperlink?
a href="http://www.w3schools.com">W3Schools</a>
<
4.) You make an e-mail link like this:
<a href="mailto:xxx@yyy">
5.) The correct tag to open a link in a new browser window:
<a href="url" target="_blank">
6.) These HTML tags are all <table> tags:
<table><tr><td>
7.) The correct HTML to left-align the content inside a table cell:
<td align="left">
8.) The HTML to make a list that lists the items with numbers:
<ol>
9.) The HTML to make a list that lists the items with bullets is:
<ul>
10.) The correct HTML for making a checkbox is:
<input type="checkbox">
11.) The correct HTML for making a text input field:
<input type="text">
12.) The correct HTML for making a drop-down list:
<select>
13.) The correct HTML for making a text area is:
<textarea>
14.) The correct HTML for inserting an image:
<img src="image.gif">
15.) The correct HTML for inserting a background image:
<body background="background.gif">
Web Design Lesson 4 and HTML Quiz
1. What is the correct HTML tag for inserting a line break? (3 points)
<line>
<break>
<lb>
<br>
None of these answers
2. Which of these methods would you use to select multiple noncontiguous cells in a table to be copied to the
clipboard? (3 points)
Just click in each cell to be selected.
Press and hold down the Shift key, then click in each noncontiguous cell to be selected.
Press and hold down the Ctrl key (Windows) or the Command key (Macintosh), then click in each
noncontiguous cell to be selected.
None of these answers
Press and hold down the Alt key, then click in each noncontiguous cell to be selected.
3. You can select the No Wrap option in the Property inspector to prevent text in a cell from wrapping to the
next line. (3 points)
True
False
4. What is the default value that Web browsers use for cell spacing if you do not specify a value? (3 points)
5 pixels
2 pixels
1 pixel
None of these answers
10 pixels
5. The width and height of a cell can be set to a fixed value, or you can set it to ____, which will cause the cell
to be adjusted based on the width of the browser viewing the page. (3 points)
Autostretch
AutoDependent
AutoAdjust
None of these Answers
Automatic
6. How do you begin the process of loading a tracing image into your Dreamweaver MX 2004 document? (3
points)
Click the Insert menu, point to Tracing Image, then click Insert.
None of these answers.
Click the Commands menu, then click Add Tracing Image.
Click the View menu, point to Tracing Image, then click Load.
Click the File menu, point to Import, then click Tracing Image.
7. What is the correct HTML for adding a background color? (3 points)
None of these answers
<background>yellow</background>
<body color="yellow">
<body bgcolor="yellow">
<img src=bgcolor="yellow">
8. You can copy and paste multiple table cells at one time, but you will lose any formatting applied to the cells.
(3 points)
True
False
9. A table you create in Dreamweaver MX 2004 can be sorted on the contents of up to four different columns.
(3 points)
True
False
10. What is the correct HTML for inserting a background image? (3 points)
<body background="background.gif">
None of these answers
<img src="background.gif" background>
<background="background.gif">
<background img="background.gif">
11. What format does an image have to be in to be able to use it in Dreamweaver MX 2004 as a tracing image?
(3 points)
JPEG
Any of these answers
PNG
GIF
None of these answers
12. An HTML file must contain: (3 points)
None of these answers
A .htm file extension
Hyper Text Markup Language
A .html file extension
All of these answers
13. A layout cell is not allowed to overlap other cells, nor can it be moved outside the layout table it is in. (3
points)
True
False
14. You can show or hide the tracing image using options on the View menu. (3 points)
True
False
15. How can you make an e-mail link? (3 points)
<mail>xxx@yyy</mail>
<mail href="xxx@yyy">
<a href="xxx@yyy">
<a href="mailto:xxx@yyy">
None of these answers
16. Other than using line and paragraph breaks, there is no way in HTML to control the placement of text and/or
graphics. (3 points)
True
False
17. You can use an image of a page design created in some other program as a tracing image to create the same
page in Dreamweaver MX 2004. (3 points)
True
False
18. You can move a layout table cell ____ pixel(s) at a time if you hold down the Shift key while pressing one
of the keyboard arrow keys. (3 points)
10
None of these answers
2
5
1
19. What is the correct HTML for inserting an image? (3 points)
None of these answers
<img src="image.gif">
<img href="image.gif>
<img>image.gif</img>
<image src="image.gif">
20. Choose the correct HTML tag to make a text italic: (3 points)
<i>
<text=i>
<italic>
None of these answers
<ii>
21. Which of the following is the name of a view within Dreamweaver MX 2004 that allows you to place text
and objects where you want them to appear and then have Dreamweaver automatically create an HTML table
from that view? (3 points)
Table Grid
Standard
Layout
Page Grid
None of these answers.
22. When designing a layout table, which of the following methods can be used to cause sizing handles to
appear around a cell of the table so that the cell can be resized? (3 points)
right-click in the cell and select Resize from the pop-up menu
click the red border of the cell
All of these answers
double-click inside the cell
None of these answers
23. Choose the correct HTML to left-align the content inside a tablecell: (3 points)
<td align="left">
<td leftalign>
<td valign="left">
<tdleft>
None of these answers
24. Who is making the HTML Web standards? (3 points)
Microsoft
None of these answers
The World Wide Web
The World Wide Web Consortium
Netscape
25. Choose the correct HTML tag for the largest heading: (3 points)
<h6>
<head1>
<heading1>
<h1>
None of these answers
26. Choose the best HTML tag to make text bold in any version of HTML: (3 points)
None of these answers
<bb>
<bold>
<b>
<B>
27. When exporting a Dreamweaver MX 2004 table, which of the following characters can be selected as a
delimiter for the data fields in the exported file? (3 points)
tab
colon
None of these answers
comma
Any of these answers
28. How can you make a list that lists the items with bullets? (3 points)
<ul>
None of these answers
<list>
<ol>
<dl>
29. To import text data into a table, click the Insert menu, point to ____, then click Import Tabular Data to open
a dialog box to find the file and set your import options. (3 points)
Text Data
Import Objects
Table Data
Table Objects
None of these Answers
30. If you opt not to use spacer images, columns in your table may change size or could possibly even disappear
if they do not contain any content. (3 points)
True
False
31. You can switch between Layout and Standard view in Dreamweaver MX 2004 by selecting the view type
from the Layout category of the Insert bar. (3 points)
True
False
32. When creating a layout table, by default the table will appear with a tab at the top containing the name of the
table. (3 points)
True
False
33. Although it is sometimes easier to build a table in Layout view, you will often want to switch to Table view
which shows the HTML table structure. (3 points)
True
False
34. How can you make a list that lists the items with numbers? (3 points)
None of these answers
<ol>
<ul>
<dl>
<list>
sson 5 Review Questions
ue/False
icate whether the statement is true or false.
__
1. Dreamweaver MX 2004 allows you to specify one event to trigger a behavior and only one action for each
event.
__
2. Using ActionScript, you can create your own Dreamweaver MX 2004 behaviors.
__
3. When creating rollover images, if you do not size the images the same size, Dreamweaver MX 2004 will
automatically resize the second image to match the first image, possibly resulting in a distorted image.
__
4. Whatever name you specify for a rollover image must be unique, with no other object on the same page having
the same name.
__
5. To add behaviors to images that already exist on your page, you must first delete the existing images and re-add
them using the Insert Rollover Image command.
__
6. Dreamweaver MX 2004 does not select any of the options in the Swap Image dialog box by default You must
choose any option that you want to be selected.
__
7. The events in the Events pop-up menu might change depending on the action and browser type that you choose.
__
8. An action is what occurs when a user clicks a button.
__
9. The Swap Image Restore action restores only the last swapped image, so if you have two swap images, only the
last one is restored.
__ 10. You can change the order that the actions in the Behaviors panel are executed by dragging them up and down in
the panel.
eamweaver - Lesson 6 Review Questions
ue/False
icate whether the statement is true or false.
__
1. You can access the Dreamweaver MX 2004 Files panel by clicking the Window menu and then clicking Files.
__
2. The Put File(s) option of the Files panel copies selected files from the local site to the remote site and changes
the checked-out status to checked-in.
__
3. The Check Out File(s) feature of the Files panel is helpful in letting other programmers know when a file is
being edited by someone else, which means that no one else should edit the file at the same time.
__
4. You can open a pop-up context menu in the Local pane of the Files panel by pressing and holding down the Alt
key and clicking the mouse.
__
5. In a site map, any pages that contain links will be shown with a plus or a minus sign to indicate it has links.
__
6. By default, a Dreamweaver MX 2004 site map is displayed in a vertical format.
__
7. As you move the pointer over the pages in a site map, you will see information about the page in the site
navigation bar at the top of the pane.
__
8. You must always assign a title to a page before you save it because you cannot change it once the file has been
saved.
__
9. You can show or hide columns in the site panel and even add your own columns if desired.
__ 10. Documents to be made visible to the public are stored in the Public folder on your remote site.