ROB SCHWARTZ IS GONNA FEEL MY WRATH What must you add to a hotspot in an image map to ensure usability Its not an ALT tag How to align an image without right clicking Modify the document so that the image ID: 458512
Download Presentation The PPT/PDF document "Dreamweaver Review" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
Dreamweaver Review
ROB SCHWARTZ
IS GONNA FEEL MY WRATH!Slide2
What must you add to a hotspot in an image map to ensure usability?
(It’s not an ALT tag
)Slide3
How to align an image without right clicking?Slide4
“Modify the document so that the image
gorilla
can be read by a screen reader.”
What is it asking for?Slide5
How do you maintain consistency throughout a website?Slide6
Using different browsers to view a site will result in what kind of differences?Slide7
How do you most effectively separate content and design?Slide8
In what ways do storyboards help create a website?
To show detailed content
To create usability tests
To show placement of elements on page
For client pre-approval before developmentSlide9
Which three are the most effective for collecting site feedback?
Web forms
E-mail link requesting feedback
Mail survey
Phone interview
Site reportsSlide10
What should you do when links appear to be broken in the Check Links command?Slide11
Delete the file named boom.html from the Files Panel.Slide12
Files Panel
Use the alternate delete key on your keyboard, next to “end”Slide13
Connect to the remote site “
…xxx720NoScopExxx”Slide14
Find the site in this drop-down menu
Find the button that looks like an electrical plug and you’re doneSlide15
Two ways to conduct a usability test are:Slide16
Use the HTML category to change the font color of the page to red (#FF0000)Slide17Slide18
Set the background color of the page to #999999Slide19Slide20
There’s a list of items like this:
What type of list do we use: OL or UL?Slide21
Choose two tags that can be used inside the Head element of an HTML page
<p>
<meta>
<h3>
<base>Slide22
How are AP
Divs
positioned?
Using tabs
Table Cells
Table Columns and Rows
Top and Left coordinatesSlide23
Lighten the image of the superheroes to +30Slide24
Select image, click hereSlide25
On the Welcome Screen when you load Dreamweaver, PHP and HTML can be used with CSS Page Layouts.Slide26
Which two ways do you resize an AP div?
Property Inspector -> L and T values
Property Inspector -> W and H values
Select AP Div, drag any of the resize handles
In the elements sheet edit W and H valuesSlide27
What three kinds of content would be relevant for a gaming website?
Forums
Demo videos
Banner ads for casinos
Links to gambling sites
Links to articles of reviews
Bar graph showing weekly number of usersSlide28
What should be considered when choosing to add Rich media to your website?Slide29
What guiding principle helps ensure a website’s accessibility?
Clean Layout/Design
Separating Content and Design using CSS
CRAP (Contrast/Repetition/Alignment/Proximity)
POUR (Perceivable, Operable, Understandable, Robust)Slide30
A public library wants a website for 9-11 year olds, which two are the best audience needs for the site?
Age-appropriate content
Kid-safe registration w/ parental consent
Look and feel tie-in to library identity
Connection/links to library website
Custom and pre-populated searches of relevant library contentSlide31
Assign the name “Heroes” to the superhero image.Slide32
Name goes hereSlide33
Use the Assets panel to insert the image named “whatever.jpg”Slide34
Assets are here
Next to FilesSlide35
What does Code Navigator do?
Displays a list of related code
Checks code for standards conformity
Displays VBScript and JavaScriptSlide36
Which two options are best practices for including animation on a site?
Use contrasting colors
Only use animations on the side of a page
Avoid using animations that are >5 seconds
Limit quantity of moving images to avoid overloadSlide37
If you get a question about the three best practices using HTML5 video, the one wrong answer is:
Use multiple video sourcesSlide38
HTML5 was made from the absorption of which two other languages?
XSLT
LaTeX
XHTML
HTML4Slide39
What is the name of the folder on your computer before it’s uploaded to a website?Slide40
The
term that defines where website content is stored on a hosting serverSlide41
Benefits of HTML5:
Faster Rendering
Cross-Browser compatible
Can be used on mobile without FlashSlide42
Options for creating animations:
HTML5
Flash
JavascriptSlide43
What defines a site’s usability:
Load time
Efficiency of Use
Ease of NavigationSlide44
Two newer elements introduced in HTML5:
Canvas
AudioSlide45
Two types of files that can be imported using the File>Import
command
Word and Excel filesSlide46
The four states of a menu (not a rollover) are:Slide47
The two types of images in a rollover are:Slide48
Reusable pieces of code are called:Slide49
The tags for strong and emphasis are:Slide50
Describe the steps of adding a text-based link that says “Contact” to file named “
contact.html
”
Write the text “Contact” and highlight it
Select the text
Go to the Point-to-File icon in the Properties Panel
Drag the Crosshair to
Contact.html
Release the crosshair over
Contact.htmlSlide51
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.”