ANSWER KEY

Advanced
web design

COMPUTER LITE CY
WORKTEXT
 Let’s take a Test Unit Test
Starting with DreamWeaver
Unit 1

A. True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet
provided below.
1. HTML stands for Hypertext Mark up Level.
A. TRUE B. FALSE
2. A web site is a program that can download web documents from the internet.
A. TRUE B. FALSE
3. WWW or simply web is a program that enables you to create web pages and a
website.
A. TRUE B. FALSE
4. You can access the web using a web browser.
A. TRUE B. FALSE
5. The web pages that you can view in a web browser resides on a Web Site.
A. TRUE B. FALSE
6. Part of designing your web page is to insert/add elements like images and text.
A. TRUE B. FALSE
7. AP Divs are layers that uses absolute positioning and its one way to improve your web
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

page’s organization.
A. TRUE B. FALSE
8. Framed web sites divides the web Name:
browser’s window into several
Level/Section: _________ Date:_________
rectangular frames.
A. TRUE B. FALSE
9. It is important to close Dreamweaver
before shutting down your computer.
A. TRUE B. FALSE
10. A CSS Layout web site do not use
absolute positioning.
A. TRUE B. FALSE
11. CSS stands for Cascading Style Site.
CK Childrens Publishing
A. TRUE B. FALSE “Your Access to Visual Learning
and Integration”
12. To create complex layout in
Dreamweaver, you can use a table
then merging or split cells.
A. TRUE B. FALSE

Unit 1 Starting with DreamWeaver 11

B. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. A _________ website is inter-active, it has features like shopping carts, discussion

boards and it is database driven.
a. organize c. web server
b. dynamic d. web site
2. You can use ____________________to create complex layouts.
a. audience c. tables
b. dynamic d. web site
3. Planning your web site takes time to _______________your ideas and gather
the_______________that you will need.
a. observe, files c. manage, files
b. clean, materials d. organize, materials
4. In order that your finished web site accessible on the web, you need to store, or host
it on a _________________.
a. Web Site c. Web Server
b. Web Browser d. Web Page

5. __________is one process of planning your web site that requires writing text, taking
and designing graphics.
a. Gathering content c. Designing
b. Collecting Ideas d. Layout

6. Part of planning your web site is

identifying your target_______________.
In this way you can create designs Name:
suitable for children or adult. Level/Section: _________ Date:_________

a. materials c. tables
b. audience d. inspectors

7. Dreamweaver’s interface is composed

of windows, panels, and
________________.
a. windows c. menu
b. tables d. inspectors
CK Childrens Publishing
8. ______________ is used to display and “Your Access to Visual Learning
and Integration”
edit attributes of an element selected
in the Dreamweaver’s document
window.
a. windows c. Property Inspector
b. tables d. inspectors

Unit 1 Starting with DreamWeaver 12

 Unit Test
Let’s take a Test Web Site Setup
Unit 2

A. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided found in the
next page.
1. To set up your web site in Dreamweaver you need to define a site folder to
store all files of your web site.
a. web b. root c. private d. folder

2. A web page appears in the title bar when the page opens in a browser .

a. Heading b. Index c. title d.window

3. If you want to create a new HTML page in Dreamweaver, you click the menu File>
New > >Create.
a. HTML b. CSS c. XML d.HTML template

4. Defining a root site folder enable Dreamweaver to manage your file in the
________panel_________set links.
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

a. Files and Property c. Files and Window

b. Property and Files d. Root and New

5. The help search engines to index pages with accuracy.

a. Web page c. Web site title

b. Web page title d. Web title

6. When you create a new document or web page in Dreamweaver an ______document

appears in the main workspace.

a. untitled c. unnamed
b. temporary d. unknown

7. Web page title help search engines saved in a users list if they book
mark your Web page.

a. name c. page
b. bookmark d. search

Unit 2 Web Site Setup 19

 8. In order to actually see your web page you need to preview it in Dreamweaver using
a ___________.

a. Live View b. web browser c. HTML d. Split View

9. After creating your web page, one should_________the page before closing dream
weaver or transferring the page to a remote site.

a. save b. exit c. close d. document

10. Reverting a web page means____________to the previously saved version.

a. saving b. restoring c. reverting d. undoing

Name:
Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

Unit 2 Web Site Setup 20

 Let’s take a Test Unit Test
The Dreamweaver Interface
Unit 3

A. True or False. Shade A if the statement is correct else shade B if it is incorrect in the answer sheet
provided found in the next page.

1. Panels in Dreamweaver can be expanded or collapse.

A. TRUE B. FALSE
2. In the Start Screen, recent files are the files you have last worked on.
A. TRUE B. FALSE
3. CC Files in start screen provides instant access to a list of basic web-compatible
file types such as HTML and CSS.
A. TRUE B. FALSE
4. Using the keyboard shortcut CTRL+O creates a new document in Dreamweaver.
A. TRUE B. FALSE
5. Dreamweaver provides two environments for coders(code view) and visual(design view)
designers.
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

A. TRUE B. FALSE
6. Live view speeds up the process of designing modern web sites that allows designers edit
content a web browser-like environment.
A. TRUE B. FALSE
7. Split view provides a composite workspace that gives you access to both the
design and the code simultaneously..
A. TRUE B. FALSE
8. In Dreamweaver, the Common toolbar provides a variety of tools for working with both
code and HTML.
A. TRUE B. FALSE
9. Document toolbar is previously known as the coding toolbar.

A. TRUE B. FALSE

10. The Standard toolbar is commonly used in saving, creating, cutting and more
basic task in creating your web page.

A. TRUE B. FALSE

27
Unit 3 The Dreamweaver Interface
 Unit Test
The Dreamweaver Interface
Unit 3

11. Dreamweaver works fast by using shortcut key combinations, CTRL+N creates a new
document.
A. TRUE B. FALSE
12. Property Inspector can be access by click Window>Properties in Dreamweaver.
A. TRUE B. FALSE
13. The CSS tab is found in the Document toolbar.
A. TRUE B. FALSE

14. To access the image properties you need to select an image in Dreamweaver.
A. TRUE B. FALSE
15. Property Inspector can be collapse to icons.
A. TRUE B. FALSE

Name:
Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

28
 Let’s take a Test Unit Test
Formatting and Styling Text
Unit 4

A. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. The_________________enables you to view the properties associated with the object or

text that is currently selected.

a. Documents Window c. View Inspector

b. Property Inspector d. Documents inspector

2. The main workspace in Dreamweaver is the .

a. Document Window c. View Inspector
b. Property Inspector d. Documents Window

3. Clicking the in the Property Inspector expands to reveal additional options for
any selected element. .
a. arrow c. page properties
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

b. arrow d. ? button

4. Text __________ can be found in the Property Inspector such as format, size, alignment,
font and style In Inspector .
a. size
Name:
b. properties
Level/Section: _________ Date:_________
c. font
d. wrap

5. an image enables you to

change the properties in the Property
Inspector.
a. clicking
b. dragging
c. selecting CK Childrens Publishing
“Your Access to Visual Learning
d. A and B and Integration”

39
Unit 4 Formatting and Styling Text
 Unit Test
Formatting and Styling Text
Unit 4

B. True or False. Shade A if the statement is correct else shade B if it is incorrect in the answer sheet
provided below.

1. You can break a single paragraph into two or more to organize text on your web page.
A. TRUE B. FALSE
2. Formatting text or paragraph in Dreamweaver is attainable even if you have not
selected the text/paragraph that you want to format.
A. TRUE B. FALSE
3. You can create line breaks in your web page by pressing the enter key.
A. TRUE B. FALSE
4. Web pages have headings and it is usually found at the buttom of the page.
A. TRUE B. FALSE
5. Below are the steps in indenting a paragraph.
A. TRUE B. FALSE
Step 1. Click indent button.
Step 2. Click and drag to select the paragraph to be indented.
6. Indenting paragraphs stands out from the rest of the text in you web page.
A. TRUE B. FALSE
7. You can outdent an indented paragraph by clicking again the indent button
A. TRUE B. FALSE
8. Ordered List are listed by numbers or letters. Name:
A. TRUE B. FALSE Level/Section: _________ Date:_________

9. Clicking this button makes a list

ordered.
A. TRUE B. FALSE
10. Outdating paragraph restores the
default format of a paragraph in your
web page.
A. TRUE B. FALSE
11. Special Characters are found in the
Insert bar > Text tab.
CK Childrens Publishing
A. TRUE B. FALSE “Your Access to Visual Learning
and Integration”
12. To emphasize a certain element or
text in a web page one must
change the font or font face.
A. TRUE B. FALSE

40
Unit 4 Formatting and Styling Text
 Unit Test
Let’s take a Test Working with Images and Multimedia
Unit 5

A. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. Web format images such as PNG, JPEG and can be inserted to your web page
in Dreamweaver.
a. GIF c. MP4
b. BIF d. MPEG
2. If an image is not visible in your web page the text appears instead.
a. page c. alternate
b. alternative d. web

3. To fit information to your Web page aside from images, you need to text around
those images.
a. find c. expand
b. align d. wrap

4. Incorporating pictures or images to your web page adds to it.

a. beauty c. spark
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

b. texture d. all of the above

5. is a multimedia animation file that add life to your web page.

a. Microsoft c. Corel

b. Flash d. Google

6. URL stands for Uniform Locator.

Name:
a. Resources c. Real Level/Section: _________ Date:_________

b. Research d. Resource
7. bar increase the
functionality of a Web site specially if it has
more than one page.
a. Menu c. Search
b. Navigational d. Side
Bonus
8. Each navigational bar contains to CK Childrens Publishing
a web page within or outside your web “Your Access to Visual Learning
and Integration”
site.
a. links c. web page
d. script
b. pictures
Unit 5 Working with Images and Multimedia 55
B. True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet provided.

1. Flash animation and flash video has the same file format.
A. TRUE B. FALSE
2. Rollover images reacts when the mouse pointer or cursor point to it.
A. TRUE B. FALSE
3. If the Flash plug-ins are not installed on user’s browser, will asks to download the plug-in.
A. TRUE B. FALSE
4. You can use the rollover images as a link to a web page or web site.
A. TRUE B. FALSE
5. Rollover scripts are automatically generated by Dreamweaver.
A. TRUE B. FALSE
6. You can trim, or crop an image using the text tool.
A. TRUE B. FALSE
7. Crop handles enables you to adjust the size of your image in a web page.
A. TRUE B. FALSE
8. Image borders in Dreamweaver are colored if an image is not a link.
A. TRUE B. FALSE
9. Trimming an image take effect after resizing and clicking inside the crop box.
A. TRUE B. FALSE
10. Adjusting the width and height of an image in the Property Inspector will add space
around it.
A. TRUE B. FALSE
11. In order for an image to proportionally resized, you press or hold down the CTRL key
as you drag the corner resize handles.
A. TRUE B. FALSE
12. After resizing an image, you can restore
it to its original size by clicking the reset
Name:
size button in the Property Inspector.
A. TRUE B. FALSE Level/Section: _________ Date:_________
13. The H space and W space field are
configured to adjust spaces around an
image.
A. TRUE B. FALSE
14. Below are some list of alignments.
* Right * Middle
* Left * Bottom
* Top * Default
A. TRUE B. FALSE CK Childrens Publishing
15. Light text colors work best with light “Your Access to Visual Learning
and Integration”
background and dark text color work
best with dark background.
A. TRUE B. FALSE
Unit 5 Working with Images and Multimedia 56
 Unit Test
Let’s take a Test Creating Hyperlinks
Unit 6

A. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. Link is also called are used to connect related information in Dreamweaver.

a. hyperlink c. anchor
b. remove link d. destination
2. Same-page links often called jump links or links.
a. hyperlink c. anchor
b. remove link d. destination
3. To remove a link from an image, first click the linked image then click the Modify menu then click
____________.
a. hyperlink c. player
b. remove link d. destination
4. Linking to other file type such as PDF, word processing and multimedia files requires their own
or app to open.
a. hyperlink c. player
b. remove link d. destination
5. The image - map do not appear when you open the page in a Web browser.
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

a. control c. player
b. underline d. shapes
6. To erase a hotspot, first you select or click the defined hotspot and press the_________key.
a. delete/del c. leakage
b. underline d. shapes
7. Opening a linked page in a new browser opens
a new web browser window to display Name:
the_______page .
Level/Section: _________ Date:_________
a. delete/del c. destination
b. underline d. shapes
8. Another way to create a link is to use
the______panel.
a. delete/del c. destination
b. files d. shapes
9. Creating text/image links by default creates or
display an________under a link text or image.
a. delete/del c. files CK Childrens Publishing
“Your Access to Visual Learning
b. underline d. shapes and Integration”

10. To check a broken link, click the menu File

> Check Page > Check ______.
a. links c. files
b. underline d. shapes 67
Unit 6 Creating Hyperlinks
 Unit Test
Creating Hyperlinks
Unit 6

B. True or False. Shade A if the statement is correct else shade B if it is incorrect in the answer sheet
provided.

1. You cannot remove the underline under a link text or image.

A. TRUE B. FALSE
2. You can change link colors of your choice in Dreamweaver.
A. TRUE B. FALSE
3. In order to change the link colors and underline style of your link, click on the page
properties under the property inspector and select the links category.
A. TRUE B. FALSE
4. To test a link within your website you must have an internet connection.
A. TRUE B. FALSE
5. When testing links outside your web site, you need an internet connection to
make it work.
A. TRUE B. FALSE
6. Image maps usually contains more than one link in an image and these links
are called hot shots.
A. TRUE B. FALSE
7. An email link launches an email program on the user’s computer.
A. TRUE B. FALSE
8. Firefox,Chrome and Internet Explorer are example of browsers.
A. TRUE B. FALSE
9. Images can be use as link to another website.
A. TRUE B. FALSE
10. Removing the text link restores the text Name:
color and removed the underline in it.
Level/Section: _________ Date:_________
A. TRUE B. FALSE

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

Unit 6 Creating Hyperlinks 68

 Unit Test
Let’s take a Test Editing Table Designs in a Web Page
Unit 7

A. True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet
provided below.

1. You can use tables to organize and design web pages in Dreamweaver.
A. TRUE B. FALSE
2. One can insert a table in any location in your web page.
A. TRUE B. FALSE
3. Tables have no borders.
A. TRUE B. FALSE
4. Tables can contain images, text, and any multimedia files.
A. TRUE B. FALSE
5. You cannot insert a table within a table in Dreamweaver.
A. TRUE B. FALSE
6. Tables have values such as table Id, Rows and cols and more that you can change.
A. TRUE B. FALSE
7. You can change the background color of a cell or range of cells in a table.
A. TRUE B. FALSE
8. Wrapping text around a table in Dreamweaver is attainable.
A. TRUE B. FALSE
9. Adjusting the cell spacing and padding in a table in Dreamweaver makes your table spacious
and clear.
A. TRUE B. FALSE
10. Tables can be aligned top in Dreamweaver.
A. TRUE B. FALSE
11. Splitting cells in a table means to divide the
selected cell into a number of specified cell
and orientation.
Name:
A. TRUE B. FALSE
12. Merging cells in a table combines two or Level/Section: _________ Date:_________
more cells into a single cell in a table.
A. TRUE B. FALSE
13. Pressing ALT+S in the keyboard will merge
selected cells.
A. TRUE B. FALSE
14. Dragging the edge of a cell resizes the cell
on your left.
A. TRUE B. FALSE
15. You can insert cells in your table to add
content or to create space between CK Childrens Publishing
“Your Access to Visual Learning
elements. and Integration”

A. TRUE B. FALSE

81
Unit 7 Editing Table Designs in a Web Page
 Unit Test
Let’s take a Test Editing Table Designs in a Web Page
Unit 7

B. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.
1. Cell content in a table can be aligned and .
a. Vertically / Diagonally c. Parallel / Vertically
b. Horizontally / Vertically d. Horizontally / Parallel
2. To select a selected cells in a table you have to use and key.
a. Ctrl / Shift c. Alt / Shift
b. Ctrl / Alt d. Shift / Tab
3. To erase a row, the row you wish to erase and press del/delete key.
a. Select c. Move
b. Copy d. Drag
4. Horizontal alignment of a cell content aligns to the of the cell in a table.
a. center c. top
b. left d. right
5. Vertical alignment in a cell content aligns to the of the cell in a table.
a. bottom c. left
b. right d. top
6. Cell padding adjustment means to add space between a table’s contents and its .
a. border c. alignment
b. spacing d. distance
7. Tables can only be aligned left, center and .
a. bottom c. alignment
b. right d. top Name:

8. To fill/insert an image to a cell in a table Level/Section: _________ Date:_________

you need to have an .
a. Table c. border
b. Cell d. Image
9. Cell spacing adjustments is to adjust
distance of from each other.
a. Table c. border
b. Cell d. Image
10. If the inserted image is larger than the CK Childrens Publishing
“Your Access to Visual Learning
cell, the cell will to and Integration”
accommodate the image.
a. merge c. adjust
b. remove d. duplicate
Unit 7 Editing Table Designs in a Web Page 82
 Unit Test
Let’s take a Test Frames in Pages
Unit 8

A. True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet
provided below.

1. Nested Frame sets are popular frame styles built-in in Dreamweaver that you can
use.
A. TRUE B. FALSE
2. You can split a document window vertically to create a frame set with left and
right frames.
A. TRUE B. FALSE
3. You cannot subdivide a frame of an existing frameset to create nested frames .
A. TRUE B. FALSE
4. A frame can contain text, images and other content type.
A. TRUE B. FALSE
5. Naming frames is a must specially if you are creating/targetting links in one frame
to open to another frame.
A. TRUE B. FALSE
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

6. To name frame, you access the Files panel before clicking/selecting the desired
frame to name.
A. TRUE B. FALSE
7. Frames can have scroll bars.
A. TRUE B. FALSE
8. Most browsers allow users to resize frames by clicking while dragging frame
borders.
A. TRUE B. FALSE
9. You cannot control frames from being resized by users in Dreamweaver.
A. TRUE B. FALSE
10. Frames have borders and can be turned off in Dreamweaver.
A. TRUE B. FALSE
11. Each frames in Dreamweaver can contain a single web page that you
can link independently.
A. TRUE B. FALSE

95
Unit 8 Frames in Pages
 12. Dreamweaver frames operate dependently from each web page to the
other.
A. TRUE B. FALSE
13. In order to preview frames in your web page you have to save all individual
documents in each frame to view them all.
A. TRUE B. FALSE
14. Frame enable you to divide your web page into multiple sections and
display different content in each frame.
A. TRUE B. FALSE
15. Predefined frame set in Dreamweaver can be modified and edited to fit
your desired design.
A. TRUE B. FALSE

Name:
Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

Unit 8 Frames in Pages 96

 Unit Test
Let’s take a Test Creating Web-Based Forms
Unit 9

Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. Forms makes your website inter-active thus allowing users/viewers to enter and submit
to your through web pages.

a. information c. programs
b. text d. code
2. Dreamweaver process form information using form handles or scripts, these scripts are
that execute an action such as forwarding the information to email or to a
database.
a. information c. programs
b. text d. code
3. The form container the area of your form where you place text fields, menus or
other form elements.
a. information c. collect
b. read d. defines
4. are the most common form element that enables user to enter names,
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

brief answers to questions and short pieces of text.

a. Submit button c. Radio Button
b. Check box d. Text fields
5. allows user to choose from multiple options in a form and select one,
several or none of the options.
a. Submit button c. Radio Button
b. Check box d. Text fields
6. usually found below the form, this element enables user to send the
information that entered to the form using a script or form handler.
a. Submit button c. Radio Button
b. Check box d. Text fields
7. The form element allows user to select one of the several options. User
cannot select more than one from a set of option.
a. Submit button c. Radio Button
b. Check box d. Text fields

107
Unit 9 Creating Web-Based Forms
 8. is one of the form element that enables users to choose from a
predefined list of choices. It has a drop down box that list all the options. User can
choose one or more from the options.
a. Reset c. Information
b. List/Menu d. Text fields

9. button is an element of a form where user erase all form entries onced
clicked so that it can start over.
a. Submit Button c. Text Fields
b. Reset d. Radio Button
10. make form scripts or handlers to make form information processed.
a. Programmers c. Web Developer
b. Computer Engineer d. Computer Technician

Name:
Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

Unit 9 Creating Web-Based Forms 108

 Unit Test
Let’s take a Test Publishing a Web Site
Unit 10

Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. It is an internet connected computer running a special software that enables the

computer to serve files to web browsers.
a. Dreamweaver c. PHP
b. Notepad ++ d. Brackets
2. This application includes tools that enable you to connect and transfer pages to a web
server.
a. Dreamweaver c. Brackets
b. Notepad ++ d. Web Server
3. A place where your web site is made available to the rest of the world.
a. Site Menu c. Local Files
b. Remote Site d. Web Server
4. The process of transferring all the necessary files of your web site to the web server.
a. Site Menu c. File Transfer
b. Remote Site d. Brackets
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

5. These are the files you have gathered, built and resides in your computer, ready for
transfer to the web server.
a. Site Menu c. Local Files
b. Remote Site d. Files
6. It is an application/software where you test your web site locally and remotely.
a. Browser c. Web Server
b. Dreamweaver d. Brackets
7. The process of copying necessary files from the remote site to your local site.
a. uploading c. File Transfer
b. downloading d. Brackets
8. The process when Dreamweaver’s File Transfer Protocol(FTP) copies all necessary files
from your local site to your remote server.
a. uploading c. File Transfer
b. downloading d. Brackets
9. This process makes your web site complete and running when both local and remote
sites have all files identical & keeping your web site updated.
a. Site Menu c. File Transfer Protocol
b. Synchronization d. Brackets

119
Unit 10 Publishing a Web Site
 10. In using the site window, this menu allows you to select from the different sites that you
have set up in Dreamweaver.
a. Site Menu c. File Transfer Protocol
b. Synchronization d. File Transfer Button
11. These buttons in Dreamweaver enable you to connect to your remote site, refresh the
file list, upload files to the remote server, download files to the local site and view FTP
log.
a. Site Menu c. File Transfer Protocol
b. Synchronization d. File Transfer Button
12. FTP stands for.
a. Site Menu c. File Transfer Protocol
b. Synchronization d. Brackets

Name:
Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

Unit 10 Publishing a Web Site 120

 Unit Test
Let’s take a Test Creating and Applying cascading Style Sheets
Unit 11

A. Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. Formatting your web pages with style sheets can be done in Dreamweaver, this is also
known as ____________________.
a. Cascade Styles c. Cascading Case
b. Style Design d. Cascading Style Sheets

2. CSS enables you to create as many different style sheets as you want and apply them to
format text at once such as______________, size and color.
a. font style c. font
b. font face d. all of the choices

3. CSS selectors uses_______________ to refuse an existing HTML tag.

a. selectors c. tag selection
b. tag selectors d. CSS tag

4. To test CSS, you need to test it to different______________ to ensure that content displays
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

as you intend it to for all of your visitors.

a. servers c. Computer
b. browsers d. Web site
5. ________________enable you to define a
set of style sheet rules and then apply them Name:
to many different pages.
Level/Section: _________ Date:_________
a. Internal Style Sheets c. CSS
b. External Style Sheets d. ESS Styles

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

131
Unit 11 Creating and Applying cascading Style Sheets
 B. True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet
provided below.
1. Any style sheet that you create becomes accessible from the Property Inspector Style
field.
A. TRUE B. FALSE
2. After creating an external style sheet, Dreamweaver immediately attaches it to the open
web page.
A. TRUE B. FALSE
3. You cannot modify or edit an External Style Sheets.
A. TRUE B. FALSE
4. Dreamweaver’s Page Properties dialog box can be use to create style sheets.
A. TRUE B. FALSE
5. You cannot create and apply links styles in Dreamweaver.
A. TRUE B. FALSE
6. Using a created Class Style affects HTML tags when applied.
A. TRUE B. FALSE
7. You can apply a Class Style to an image.
A. TRUE B. FALSE
8. To apply styles to multiple web pages, you must save it separately as external style sheet.
A. TRUE B. FALSE
9. After editing style sheet definitions, Dreamweaver applies immediately the changes to
your web page.
A. TRUE B. FALSE
10. In creating styles using the Page
Name:
Properties, you must set the margins to 1
to remove the default indent. Level/Section: _________ Date:_________

A. TRUE B. FALSE

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

Unit 11 Creating and Applying cascading Style Sheets 132

 Unit Test
Let’s take a Test Designing a Web Site using APDiv
Unit 12

Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. Web Sites that are database-driven with web pages that are dynamic such as forms,
shopping and more.
a. Dynamic Web Sites c. Web Server
b. Web Sites d. Site Search
2. Originally stood for Personal Home Page which was created in 1994 by Rasmus Lerdorf.
a. MY SQL c. PHP
b. XAMPP d. Site Search
3. It is the world’s most popular open-source database.
a. MY SQL c. PHP
b. XAMPP d. Site Search
4. A free web server used in this book, capable of serving dynamic web pages.
a. MY SQL c. PHP
b. XAMPP d. Site Search
5. XAMPP acronym.
a. Cross Apache MySQL Php Pearl c. Cross Aquire MySQL Php Pearl
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

b. Cross Apache MySQL Php Page d. Cross Site MySQL Php Page
6. A port that Apache XAMMP is using.
a. Port 70 c. Port 50
b. Port 60 d. Port 80
7. DB acronym.
a. Database c. Deepbase
b. Dualbase d. Dynamicbase
8. A collection of programs that enables you to enter, organize, and select data in a
database.
a. DBMS c. XAMPP
b. My SQL d. PHP
9. Structures of a table in a database.
a. char c. recordset
b. fields d. UAC Setting
10. A complete set of fields with data/information.
a. char c. recordset
b. fields d. UAC Setting

143
Unit 12 Designing a Web Site using APDiv
11. 2 examples of DBMS.
a. records,fields c. Web Server, Web Site
b. MySQL, SQL , MS Access d. Site Search, Search Engine
12. A type of field where you can store text and numbers.
a. windows c. table
b. recordset d. Char
13. It is a virtual group of item from a database, usually contains one or more fields.
a. Recordset c. Web Server
b. My SQL d. Site Search
14. The process where you input contents into your database using a web browser.
a. Dynamic Web Sites c. adding records
b. Web Sites d. records
15. Making changes on the contents of the database using a web browser.
a. combining records c. adding records
b. deleting records d. updating records

Name:
Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

bonus

Unit 12 Designing a Web Site using APDiv 144

 Unit Test
Let’s take a Test Developing a Database Driven Web Site
Unit 13

Below are essentials terminologies that you need to know in building dynamic a Web Site.
Discuss briefly each term.

1. Data

2. Information

RY
3. Database
VA
AY
M
4. Table S
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

E R
S W
5. Field A N

6. Record

7. Recordset

8. DBMS

Name: ______________________________________ Teacher: __________________

Level/Year: ___________________________
167 Date: _____________________
Unit 13 Developing a Database Driven Web Site
 9. XAMPP

10. APACHE Sever

11. Port 80

12. MySQL

RY
VA
AY
13. Testing Server folder
M
R S
E
S W
14. Recordset Paging
AN

15. Site Search

Unit 13 Developing a Database Driven Web Site 168

 Unit Test
Let’s take a Test Ajax with Spry Integrated
Unit 14

A. Pictures below illustrates a standard web site and a web site with Ajax driven pages.
Explain briefly each picture.

1. Standard Web Site

browser web server

VA RY
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

RS MAY
ANSWE
2. Web Site with Ajax-driven pages

engine

browser web server

Name: ______________________________________ Teacher: __________________

Level/Year: ___________________________
179 Date: _____________________
Unit 14 Ajax with Spry Integrated
Review Questions

1. What does the acronym Ajax stand for and what is its primary benefit?

2. What is Spry?

3. True or False: An XML data file can only be read or written by a special program.

4. What are the four major Spry groups in Dreamweaver?

5. What is the first task in adding Spry master-detail data to your page?

6. True or False: The only way to add Spry data to the page is by hand-coding. What does
an accordion panel do?

7. What is the one major difference between standard Dreamweaver behaviors and Spry
Effects?

RY
VA
AY
M
R S
E
S W
A N

Unit13 Ajax with Spry Integrated 180

 ANSWER KEY

Advanced
web design

LABO TORY MANUAL

 Wide Whole World Lesson 1/Unit 1
Activity 1

Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. The ______________________ or simply the Web is a global collection of

documents located on Internet connected computers.
a. World Wide Web c. Web Server
b. Web Pages d. Web Site
2. ______________________ are connected to one another by hyperlinks that you
can click.
a. World Wide Web c. Web Server
b. Web Pages d. Web Site
3. A ______________________ is a collection of linked Web pages stored on a Web
server.
a. World Wide Web c. Web Server
b. Web Pages d. Web Site
4. Most Web sites have a ___________________ that describes the information
located on the Web site and provides a place where people can start their
exploration of the Web site.
a. blog page c. services page
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

b. home page d. site page

5. ____________________ is a program that enables you to create Web pages with
hyperlinks, text, images, and multimedia.
a. Dreamweaver c. Web Server
b. HTML d. Web Browser
6. _____________________ is the
formatting language that is used to Name:
create Web pages. Level/Section: _________ Date:_________
a. Dreamweaver c. Web Server
b. HTML d. Web Browser
7. A _____________________ is a
computer connected to the internet
and with software that serves Web
pages to visitors.
a. Dreamweaver c. Web Server
b. HTML d. Web Browser
8. A _____________________ is a
CK Childrens Publishing
program that can download Web “Your Access to Visual Learning
documents from the Internet. and Integration”

a. Dreamweaver c. Web Server

b. HTML d. Web Browser

3
Face the Dream Unit 3
Activity 10

Directions:

Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.

1. The _____________ is the main workspace in Dreamweaver, where you create

Web pages.
a. Document Window c. Property Inspector
b. Panel d. Code View
2. The _____________ enables you to view the properties associated with object or
text that is currently selected in the Document window.
a. Document Window c. Property Inspector
b. Panel d. Code View
3. The ____________ is located at the top of the window and features a
drop=down menu that reveals options such as common elements, forms and
text.
a. Document Window c. Property Inspector
b. Panel d. Code View

TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

4. ___________ features an uncluttered workspace with windows that lock into
place and panels that you can expand or collapse.

a. Document Window
b. Property Inspector
c. Dreamweaver Name:
d. Code View Level/Section: _________ Date:_________

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

8
 Format Style Unit 4

Activity 11

True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet
provided below.

1. Text is the easiest type of information to add to a Web page using a

Dreamweaver.
A. TRUE B. FALSE
2. When you format text with heading tags, you can create large, bold text and
specify a range of sizes.
A. TRUE B. FALSE
3. The first heading appears different from the first, but still in bold style.
A. TRUE B. FALSE
4. You can organize text on your Web page by creating and aligning line breaks.
A. TRUE B. FALSE
5. When you hold down the Shift key and press Enter (Return), you create a
paragraph.
A. TRUE B. FALSE
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

6.Indents are often used for displaying quotations.

A. TRUE B. FALSE
7.Unordered lists have items that are indented and bulleted, but unlike ordered lists,
they are not listed by numbers or letters.
A. TRUE B. FALSE
8. You can insert special characters that do
not appear on your screen into your Web Name:
page. Level/Section: _________ Date:_________
A. TRUE B. FALSE
9. You can customize the fonts on your Web
pages by using style sheets, also called
JavaScript.
A. TRUE B. FALSE
10. You can change text and background
colors for the entire page in the Page
Properties dialog box.
A. TRUE B. FALSE CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

9
 Linking E-mail Unit 6
Activity 83 Preview:
Directions:
1. Open your MyQuotes.html.

2. Create a link of your page to your e-

mail address.

Note: Create your own e-mail address if

you don’t have it yet.

3. Save the changes in your page.

Hyperlinks Unit 6

Activity 84
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

Directions: Multiple Choice: Shade the letter of the correct answer in the answer sheet provided.
1. It makes it easy to create a link from one page in your Web site to another page so that
your visitors can navigate your website.
a. Image b. Dreamweaver c. Hyperlinks

2. You can use an ______ to create a link to

another page or web site in much the
same way that you create a link with text. Name:
a. Image Level/Section: _________ Date:_________
b. Dreamweaver
c. Hyperlinks

3. These are used to connect related

information.
a. Images
b. Dreamweaver
c. Hyperlinks

4. These are commonly used on long pages CK Childrens Publishing

“Your Access to Visual Learning
when you want to provide an easy way to and Integration”
navigate information lower on the page.
a. Same-page Links
b. Files Panel
c. Image Maps
43
 Page Frame Unit 8

Activity 91
Directions:
True or False. Shade A if the statement is correct or shade B if it is incorrect in the answer sheet provided
below.

1. Framesets are popular for many reasons.

A. TRUE B. FALSE
2. Frames on a page operate dependently of one another.
A. TRUE B. FALSE
3. You can create a frame Web site in Dreamweaver by dividing the Document
window horizontally or vertically one or more times.
A. TRUE B. FALSE
4. You don’t need to save all of the individual documents before you can preview
your work in a Web browser or upload the frameset files to your Web site.
A. TRUE B. FALSE
5. You can easily create popular frame styles using the predefined framesets.
A. TRUE B. FALSE
6. You can split a Document window horizontally to create a frameset with top and
bottom frames.
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

A. TRUE B. FALSE
7. You can split a Document window horizontally to create a frameset with left and
right frames.
A. TRUE B. FALSE
8. Without nested frames, you can organize the information in your site in a more
complex way.
Name:
A. TRUE B. FALSE
Level/Section: _________ Date:_________
9. You can change the dimensions of a
frame to display the information more
attractively inside it.
A. TRUE B. FALSE
10. Frame names are visible in the frames
panel.
A. TRUE B. FALSE

CK Childrens Publishing
“Your Access to Visual Learning
and Integration”

49
 Web Create Unit 9
Activity 93

Directions: Identify what is being described. Fill in the blanks to answer.

O __
F __ R __
M__S 1. These work in conjunction with a program or
script that processes the form information.
PR
__ O
__ G
__ R
__ A
__ M
__ M ER
__ __ __ S
__ 2. They generally create form scripts and some
scripts may be available through your
service provider.
S __
__ C__R__I __
P __
TS 3. These are programs that process the form
information and execute an action, such as
forwarding the information to an e-mal
address or entering the contents of a form
into a database.
F
__ O
__ R C__O__N__T__A__I N
__ M __ ER
__ __ 4. It defines the area of the form where you
place any text fields, menus, or other form
elements.
E __
X __ I E__L__D__S__
T F__
TEAR AND SUBMIT IT TO YOUR TEACHER FOR RECORDING.

T __ 5. These are probably the most common form

elements, enabling users to enter names,
addresses, brief answer to questions, and
other short pieces of text.
R
__ A IO
__ D __ __ B U TT__
__ __ ONS__ __ 6. With these, a user cannot select more than
one option from a set.
C
__ H
__ E __ K B
__ C __ O ES
__ X __ __ 7. These enables you to present multiple
options in a form and allow the user to
select one, several, or none of the options.
M EN
__ __ __ U
__ S 8. These enable users to choose from a
predefined list of choices.
S
__ U M__
__ B __ I T__ __
BU TO
__ T __ __ N
__ 9. These enables users to send the information
that they have entered into the form to the
specified script or for handler.
E __
R __ SE__ T
__ B __
__ U __
TT __O
__ N 10. This enables user to erase their form entries
so that they can start over.

51