Dreamweaver Review

ROB SCHWARTZIS GONNA FEEL MY WRATH!

• What must you add to a hotspot in an image map to ensure usability?

• (It’s not an ALT tag )

• How to align an image without right clicking?

• “Modify the document so that the image gorilla can be read by a screen reader.”

• What is it asking for?

• How do you maintain consistency throughout a website?

• Using different browsers to view a site will result in what kind of differences?

• How do you most effectively separate content and design?

• In what ways do storyboards help create a website?

1. To show detailed content2. To create usability tests3. To show placement of elements on page4. For client pre-approval before development

• Which three are the most effective for collecting site feedback?

1. Web forms2. E-mail link requesting feedback3. Mail survey4. Phone interview5. Site reports

• What should you do when links appear to be broken in the Check Links command?

• Delete the file named boom.html from the Files Panel.

Files Panel

Use the alternate delete key on your keyboard, next to “end”

• Connect to the remote site “…xxx720NoScopExxx”

Find the site in this drop-down menu

Find the button that looks like an electrical plug and you’re done

• Two ways to conduct a usability test are:

• Use the HTML category to change the font color of the page to red (#FF0000)

• Set the background color of the page to #999999

• There’s a list of items like this:

• What type of list do we use: OL or UL?

• Choose two tags that can be used inside the Head element of an HTML page

• <p>• <meta>• <h3>• <base>

• How are AP Divs positioned?

• Using tabs• Table Cells• Table Columns and Rows• Top and Left coordinates

• Lighten the image of the superheroes to +30

Select image, click here

• On the Welcome Screen when you load Dreamweaver, PHP and HTML can be used with CSS Page Layouts.

• Which two ways do you resize an AP div?

1. Property Inspector -> L and T values2. Property Inspector -> W and H values3. Select AP Div, drag any of the resize handles4. In the elements sheet edit W and H values

• What three kinds of content would be relevant for a gaming website?

1. Forums2. Demo videos3. Banner ads for casinos4. Links to gambling sites5. Links to articles of reviews6. Bar graph showing weekly number of users

• What should be considered when choosing to add Rich media to your website?

• What guiding principle helps ensure a website’s accessibility?

1. Clean Layout/Design2. Separating Content and Design using CSS3. CRAP (Contrast/Repetition/Alignment/Proximity)4. POUR (Perceivable, Operable, Understandable, Robust)

• A public library wants a website for 9-11 year olds, which two are the best audience needs for the site?

1. Age-appropriate content2. Kid-safe registration w/ parental consent3. Look and feel tie-in to library identity4. Connection/links to library website5. Custom and pre-populated searches of relevant library content

• Assign the name “Heroes” to the superhero image.

Name goes here

• Use the Assets panel to insert the image named “whatever.jpg”

Assets are hereNext to Files

• What does Code Navigator do?

• Displays a list of related code• Checks code for standards conformity• Displays VBScript and JavaScript

• Which two options are best practices for including animation on a site?

1. Use contrasting colors2. Only use animations on the side of a page3. Avoid using animations that are >5 seconds4. Limit quantity of moving images to avoid overload

• If you get a question about the three best practices using HTML5 video, the one wrong answer is:

• Use multiple video sources

• HTML5 was made from the absorption of which two other languages?

1. XSLT2. LaTeX3. XHTML4. HTML4

• What is the name of the folder on your computer before it’s uploaded to a website?

• The term that defines where website content is stored on a hosting server

• Benefits of HTML5:

• Faster Rendering• Cross-Browser compatible• Can be used on mobile without Flash

• Options for creating animations:

• HTML5• Flash• Javascript

• What defines a site’s usability:

• Load time• Efficiency of Use• Ease of Navigation

• Two newer elements introduced in HTML5:

• Canvas• Audio

• Two types of files that can be imported using the File>Import command

• Word and Excel files

• The four states of a menu (not a rollover) are:

• The two types of images in a rollover are:

• Reusable pieces of code are called:

• The tags for strong and emphasis are:

• Describe the steps of adding a text-based link that says “Contact” to file named “contact.html”

1. Write the text “Contact” and highlight it2. Select the text3. Go to the Point-to-File icon in the Properties

Panel4. Drag the Crosshair to Contact.html5. Release the crosshair over Contact.html

• Your actions have been recorded but are not reflected in this document.

• This means “We saw what you did, and recorded that you did it, but we’re not updating the question to show you that you did it right.”