Coding
Interface
Simulations
Web Design Questions
Fill in the Blank
100
What does <.hr> mean and what does it do?
(2 Steals Allowed)
Correct Answer: <.hr> means Horizontal Rule. It is used as a line that cuts across the entire website, also known as a divider.
100
Under which three interfaces will you find the Manage Sites menu? (Choose three.)
A. the File menu
B. the Site menu
C. the Files panel
D. the Sites menu in the Application bar

No steals allowed

Correct answer: B, C, D
100
Create a table. There are two ways to do it. Explain how you would create the using both methods.

1.) Insert > Table
2.) Insert Panel > Common Bar > Table
100
Which term describes a Dreamweaver site that has not been published to a remote server?
(2 steals allowed)
Correct Answer: Root Folder
100
________ is the color code for white.
(2 steals allowed)
#FFFFFF
200
How do you create comments on an HTML file without making it show up on the actual live page?
(2 Steals Allowed)
Correct Answer: <.!-- is how you start it. Write anything between those. --!.> is how you close it.
200
Which interface contains the Expand/Collapse button that allows you to expand your view and manage local and remote files side-by-side?
A. Files panel
B. View menu
C. Assets panel
D. all of the above

No steals allowed

Correct answer: A
200
Write down a complete procedure of how to create a named anchor and a button for it. There are two types of button, can you say both?
(2 steals allowed)
1st Way: Insert Panel > Common Tab > Named Anchor. Give it a name. Then on another part of the page, select what you want to link it to. Link something to it, either using the Point-to-File tool or the Folder Icon in the Properties Panel. 2nd Way: Insert > Named Anchor. Give it a name. Then on another part of the page, select what you want to link it to. Link something to it, either using the Point-to-File tool or the Folder Icon in the Properties Panel. Other Answer: A text or an Image
200
What tab in the insert panel would you use to make a navigation bar?
(2 steals allowed)
Correct Answer: The Common Tab
200
A way to link something to a named anchor would be by typing ____________ in the link section of the Properties Panel.
(2 steals allowed)
#namedanchor_name
300
How do you make a picture as a background on your web pages?
(2 Steals Allowed)
Correct answer: <.body background="picture.jpg".> Make sure that you write that inside the body tag.
300
You need to move and delete multiple files within your website. What are two benefits of completing this task within Dreamweaver? (Choose two.)
A. Dreamweaver automatically updates links within the site for the moved files.
B. Dreamweaver produces an automatic report of all file actions that you complete.
C. Dreamweaver warns you if deleting a file will affect other files within your site.
D. Dreamweaver does not allow you to create orphaned files while managing your site.

No steals allowed

Correct answer: A, C
300
How do you add an image to the site with a precise size? This could also be used as a guide to see how much space am image would take up.
(2 steals allowed)
Either by Insert > Image Objects > Image Placeholder or by Insert Panel > Common Tab > Image > Image Placeholder. Then set the name and the size (preferably in pixels).
300
Which two file types can be imported using the File > Import command?
A. MS Excel files (.XLS)
B. MS Visio files (.VSD)
C. MS Word file (.DOC)
D. MS PowerPoint files (.PPT)
E. Adobe Photoshop files (.PSD)
Correct Answer: A and C
300
The shortcut to close all of the panels in both Dreamweaver and Fireworks is _____.
(2 steals allowed)
Correct Answer: F4
400
Write a complete code with an ORGANIZED list that has 5 lines.
(2 Steals Allowed)
<.ol>
<.br>
<.li>Hi
<.li>Yo
<.li>hey
<.li>woah
<.li>wuhhh
<./ol>

Preview


  1. Hi
  2. Yo
  3. hey
  4. woah
  5. wuhhh
400
What is the bar at the bottom of the Dreamweaver window that provides additional information?
A. The Properties Panel
B. The Status Bar
C. The Information Bar
D. The Help Bar

No steals allowed

Correct Answer: B
400
Change the ID of the picture, the brightness/contrast and the Alt Text of a picture. Describe in a sheet of paper the exact steps to do this.
Extra: Also, what does the Alt Text do? There are two uses for this.
(2 steals allowed)
1. Select the image
2. Go to the Properties Inspector Panel
3. On the left side, change the ID.
4. On the middle side, there is a button that looks like a sun, click that and change the properties.
5. On the right side, change the Alt Text. Alt Text displays text next to the cursor when hovering over the image. It also displays the text instead of the image when your browser is not able to show the image.
400
Why does a Web designer perform a client survey during the planning phases of a Web site?
A. Because the survey responses help the Web designer understand client needs
B. Because the survey responses help the Web designer build the client’s Web site structure
C. Because the survey responses give the Web designer an understanding of the target audience needs
D. Because the survey responses determine the Web designer’s billing costs for developing the client’s Web site
Correct Answer: A
400
An image type composed of keypoints and paths is called a _________.
(2 steals allowed)
Correct Answer: Vector
500
What code should always be placed before the <.html> tag in any page.
(2 Steals Allowed)
Correct Answer: <.!DOCTYPE>
500
What is the process of creating a master page?
(TIP) You can write the answer down in a paper, step-by-step. Make sure that you do not miss anything useful, as that will cause the question to be incorrect. ALSO, and most important of all, start from the VERY beginning. You have 3 minutes.
(2 Steals allowed)

1. Create an HTML page.
2. Input some information on the body.
3. Create an editable region (if you wrote the steps for this, it's fine. If you didn't, it's also fine.
4.Click File>Save as Template...
5. Give it the name master
500
Write down the exact steps for adding a new editor when selecting a specific file type.
(2 steals allowed)
Edit>Preferences>File Types/Editors> (file type) and click on the right side the Editor. If the editor is not there, click the add icon and search for it.
500
19. How many colors does the web-safe color palette contain?
A. 144
B. 216
C. 256
D. 360
Correct Answer: B
500
_______ is another name for an internal link. _________ is another name for an external link.
(2 steals allowed)
Correct answer: Relative and Absolute