Dreamweaver Exam Notes Questions

Transcription

1 Dreamweaver Exam Notes Questions 1. Site Publishing: Local Site: Not published, sitting on your PC. Remote: Folders on the server. Root folder: All the info for the website Answer: Local Site 2. Link: Insert Link Answer: Code and Mailto: HREF 3. Inserting Panel Navigation Bar Tab/Category: (same thing CS4 panel on right are categories) Inserting a Navigation Bar, bold, emphasis, OL & UL Answer: Common 4. Rollover Image Answer: Original and rollover 5. Files Panel (4) questions Files panels allow you to open, organize and upload the files. Local, remote, testing, repository views. (No map view) Check in and checkout files. Analogy: Library, only one book at a time, you have to check it back it in. Synchronize your files downloads any files on the file on the server that newer and uploads any new files from your PC, updates both local and remote. Answer: Local and Remote view. 6. Command that will download files from remote machine: Answer: The synchronize sitewide command. Answer: Reference panels allows you to see parts of code for reference. 7. Client Survey during planning phase. Goals of the site and client needs and target audience. Answer: Because the survey responses helps the web designer understand client needs.

2 If two responses, select clients goals and target audience. 8. Website Credible Answer: Update often, easy contact and to verify info. 9. Copyright laws Copyright protects published & unpublished works. Sketch on napkin you can t take, but must publish to prove it.. any idea you write down is yours. The only material that does not need the author s permission to publish is public domain. Becomes public domain after 50 years. PS: Product is protected by copyright the moment it is produced. Answers: Published and unpublished are copyrighted. Public domain can be used without permission. 10. Accessibility Accessibility is making sure that everybody can use your website even those with disabilities. Useable by all. Refers to people with disabilities, usually sight impaired, software is called screen reader. Answer: To make accessible: ALT tags to describe the picture to tell the viewer what the picture is, page titles, page body text and column headers. 11. Adding images to a website Answer: file size, is image relevant (and file type correct but not on test) 12. Number of colors browser and color palette recognize? Answer: 16 named colors and 216 web safe colors. 13. Cascading Style Sheets Goal it separates the content and design, using DIV tags to divide up page into sections. Answer: CSS downloads faster than pages with tables. Much faster for redesigning a website. Properties you can you use with DIV tag, are style, ID, title and class. 14. Optimizing images Answer: Reduced download time. 15. Consistency : Design Considerations Colors can show up differently on different computers, layouts can be different in different browsers (browser compatibility), fonts you use you can t guarantee that others will have those fonts. Use pre-defined fonts. When designing, keep the same 1. Page layout 2. Font formatting 3. Navigation buttons/bar. 16. Consistency attribute: Answer: Page Layout 17. Why should you restrict font styles:

3 Answer: the correct one is specialized fonts must be already installed to display content as designed. Possible: specialized fonts reduce content readability, 18. Displayed different tin browsers. Answer: Colors 19. Usability Testing Three elements that make a website more useable. User satisfaction and navigation. Be happy and find where they are going. Testing for usability: we give the people TASKS to do and see how easily they can do that. We record their tasks by observation or specialized software to see where they clicked etc. Answer: Site Map, alternative text (accessibility), label our links 20. Screen readers Answer: Alt text 21. Two ways to create a storyboard is used to create website. Answer: Client approval before development and predicting costs and show placement of elements. (ignore this answer for test) 22. Three elements that should appear on a web design storyboard. Answer: URL, file name, navigation, images and drawings. 23. Choose the view to display and edit third party information loaded into DWeaver. Answer: Code view 24. Four content types accessible from the Assets Panel. Reusable Code: Snippets, Reusable colors, movies are assets. Answer: colors, movies, templates & library items. 25. Four functions of the files panel (questions should state three functions) Answer: Open files, upload files and organize files into folders. 26. Web content stored on computer. Answer: Root folder 27. Folder on server with content Answer: Remote folder 28. Where do you put the Spry assets folder, using the Site Definition dialog box? Answer: Advanced tab. 29. Select the two rich media types that can be put into DWeaver files.

4 Answer: SWF and MOV note export FLA to SWF 30. Two tools for hotspot link Answer: Polygon and Rectangular 31. Primary benefit of DIV Tag Answer: Decreased download time 32. HTML tag as an alternate for tables. Answer: DIV 33. What definition best describes Absolute Positioning (AP) when used with div HTML tags? Answer: AP elements are placed on the page according to the top left area, the only area that does not move, static point. 34. Three DIV Tags ANSWER: Style, ID, class, title. 35. Most commonly used and available fonts? Answer: Times New Roman, Times, Serif & Verdana, Arial, Helvetica, sans-serif (on both computers) 36. Select text command to emphasize a block quotation Answer: Indent 37. HTML tags that italicizes text Answer: EM 38. Which HTML tag symbolizes a table cell? Answer: TD 39. Li list item-two types Answer: <ol> <ul> 40. Choose three options offered when the spelling command does not recognize a word. Same as MS Word. (No dictionary in DWeaver) Answer: Ignore the word, change the word or change all the occurrences. 41. When checking links sitewide in DWeaver, which command do you use? Answer: Links to documents within the site 42. Find two web page aspects usability testing

5 Answer: User satisfaction and user adaptation to navigating the web site. (satisfaction and navigation) 43. Two techniques used to evaluate usability tests. Answer: Employ software that records each user task to review later and use observers who record reactions as user perform specific tasks in the lab. 44. What action must the file owner make in order to prevent others from editing the file? Answer: Check out 45. Layout for seasonally info Answer: CSS for text, etc. 46. Adding music to play automatically. Answer: Embed the sound file on the page as a plug in. 47. Which DW function allows you to create and store content for re-use. Answer: code=snippets assets=images, movies, etc. 48. Choose which DW resource gives you example code for markup language, programming languages and CSS styles? Answer: Reference panel 49. Inserting Hyperlinks Absolute link: complete URL Document Relative Link: links to other files with the same directory structure Site Root Relative Link: complete path from the local site root to the destination ANSWER: 50. Inserting text on the right panel 51. Changing the font to Verdana 5 Spry Assets Answer: Advanced Image Map: 1. Click Image 2. Click the hotspot selection 3. Click and Draw 4. Click on browse for file button in the property inspector 5. Select the HTML file that you want to link to. Editing an Image File in the Site List of Assets 1. Go to assets panel. 2. Click the site button.

6 3. Select the image. 4. Click the edit button. Site Outline: 1. Get client approval 2. Help Estimate Scope/Costs 3. Determine Basic Layout Storyboard: 1. File name 2. Navigation 3. Images/Drawings 4. Design Notes 5. Other Import Info Keep consistent 1. Page Layout 2. Font Formatting 3. Navigation Design Dangers 1. Layout different in different browsers 2. Different systems CSS-Benefits 1. Easy Redesign 2. Improve download speed 3. Separate content and design 4. Keep Site Credible Test and Evaluate: Usability User Satisfaction & Navigation- label my links & alt tags Use certain tasks to do it No menu in the test. 5. Naming the Image Answer: Put Name in ID-click on the image and make name all lowercase and no spaces or special characters. Blockquote: Use the indent tool in the property inspector

7 6. Aligning Image Answer: Select the image, select the alignment it tells you 7. Alt the Image Answer: Select the image and type in name as it appears in the test. 8. Editing the Image-lighten by 30% on brightness Answer: Use the Moon If not sure how to do the item, make sure you reset the question.. Digo: Bookmarks website Dynamic Drive. Com snippets New HTML: Sans Serif: without the feet Serif: with the feet Symantical Mark Up (disabilities) Wordpress Brainbuffet Attributes & Value Which two HTML tags above need to have a defined attribute? Answer: body background color, font color, bgcolor What are the attributes that can be assigned to a DIV tag? Answer: Style ID (let off in certiprep) metaphor: swanky guy style, class and title. Title Class Download Speeds: Optimize images-increase download speed Use CSs Thumbnails for large images

8 Editing an Image From Site List Edit an image in the site list of the assets panel.(look at the words backwards) Answer: Select Assets Select Site Select Image Select Edit