Study Questions

1. What is meant by accessibility standards? These are standard developed by the w3c to give access to the web for people with disabilities.

2. How can color create a barrier to content? if the contrast is not set up right the colors might blent out the design so you cant se it.

3. Why is it important to provide a way for users to skip the navigation lists? it gives them the option to go directly to your sites main content.

4. What is meant by providing "alt text" to the user?A text alternative for images.

5. What is the difference between section 508 and wcag 1.0? section 508 came up with standards for the web for disabled people. The wcag 1.0 created standards for the web for everyone else.

6. How does design differ from style? Design is the layout and usability of a site. the styles are the aesthetic parts of a site.

7. Why is it important to separate content from presentation? so you can change the styles without loosing any of the content. also to apply styles to multiple pages.

8. Why is it important to validate our mark-up & CSS? to make sure it is web compliant and will work in all browsers. Also it lets you know if your site will meet section 508 standards.

9. What are the two major parts of a CSS rule?syntax and basic data types

10. Define these CSS properties: float, margin, padding, and border?The float property is most commonly applied to images and divs and accepts the value of right, left, or none. Margins define the space surrounding an element. Padding sets the amount of space inside of a block element.Border controls enable you to add a visible border around an area.

11. Define these CSS properties: font-family, font-size, line-height, letter-spacing. font family gives the look of the lettering of the page. font size is the size of the lettering on the page.The line-height property specifies the line height. Letter spacing is the space between the letters.

12. What is the “Box Model?”The CSS box model describes the rectangular boxes that are generated for elements in the document tree and laid out according to the visual formatting model.

13. What is the difference between a CSS class and an ID? How much they can be used on a page.

14. What is the difference between a DIV and a SPAN?a div is a block-level element whereas a span is an inline element.

15. How does the “Cascade” relate to the conflicts in CSS rules?f there is no conflict between any of these rules from any of these sources, they are all applied. When there is conflict, the cascade lets these multiple styles "cascade down" to each element using the sorting order illustrated in Image 1. In this graphic, styles at each level lower down always take precedence over styles at higher levels.

16. What is the purpose of the Document Type Declaration?A Document Type Declaration, or DOCTYPE, is an instruction that associates a particular SGML or XML document (for example, a webpage) with a Document Type Definition (DTD) (for example, the formal definition of a particular version of HTML). In the serialized form of the document, it manifests as a short string of markup that conforms to a particular syntax.

17. What is the difference between a browser’s “quirks” mode and it’s “standards” model? 18. Define inline, embedded, and external (aka. local, global, and linked) stylesheets? inline styles occur inside html tags in the body section of the html document. Embedded style sheets are linked within the head section and is a separate file used more often then not to change multiple web pages.

29. What is the purpose of design? to make your site more aesthetically pleasing, and make the site easier to use and interact with.

30.Explain how grouping aid visual organization?the page looks less busy or cluttered , more organized and planed out

31. Discuss the roles of repetition, echo, and theme in creating visual harmony. repetition allows you to continue the flow of the design by repeating design elements, echo establishes an eye pleasing sense of unity between elements of a layout, theme is the general idea and feel of the website.

32. How does a layout grid facilitate the design process? the layout grid helps you with precise measurements and positioning the different elements on a page.

33. What is the key difference between liquid and elastic layout?elastic layouts will expand to fit the page.

34. Why use lists for creating navigation systems?

lists provide us with a way of grouping related elements that give them structure.

35. How can you create custom bullet graphics for HTML lists?

add your custom bullet as a background image on the list element.

36. How does one create a horizontal navigation list?you can either set the list items to display inline, or you can float it.

37. How can one create status indicators with CSS only?

38. What are Definition lists and when would we use them?a definition list consists of two core components: a definition term and one or more definition descriptions. We would use a definitionlist to mark up definitions, product properties or conversations.

39. Name a site that tracks and documents css bug and hacks? www.w3.org/Style/CSS/tracker/issues/44

40. How can we circumvent a majority of ie/pc bugs without using hacks.

use alternative coding for those browsers or {position;relative}

41. What is one way to catch design problems before they become too complicated to repair.

Test periodically in different browsers during the design process.

42. Why is it important to established a visual hierarchy in design.

so the design visually flows and does not have any conflicting elements.

43. What is one way to create a clear order of visual dominance?

by using a visual hierarchy, and keeping your design clean from clutter by not overwhelming the users eye.

44. What are some techniques for adding emphasis to page components?

you can use color, borders, placement on the page.

45. Why is it important to develop the skill of evaluation. to look at your design objectively and make sure it is usable, make sure the design flows and fits what it is trying to portray.

46. What are the size attributes used to change text sizes.

%, em, x sizes

47. What are relative the relative text sizes that are important to use?

not an issue now but you could use em's to make the text zoom with the page .

48. What is leading? the space between line's. How do we set it using css? line height

49. what is an em? n css an em is a form of measurement for text comparable to a font size.

50. What are the generic font choices? san serriff ariel times neroman.

51. What are some methods for communicating a concept with visual design?

concept model, creative briefs.

52. Discuss the use of "theme" in visual design?

the theme is what the visual design should portray, and gives the designer an idea to go by when creating his design.

53. How does "theme" relate to style?

theme controls the style of the design

54. What is meant by accessibility standards?

standards that allow all types of users with disabilities to use the site.

55. How can color create a barrier to content? it can draw or distract the eye from looking at the main content. It can also drown out content if it is to close to the same color.

56. Why is it important to give users a way to skip navigation lists? to save the user time , and allow users who know where they are going to get there faster.

57. What is meant by providing Alt text to the user? it allows different types of fonts to be used.

58. what is the difference between section 508 and wcag 1.0 ?he WCAG 1.0 lists fourteen guidelines and, additionally, provides a list of checkpoints for each guideline. There are a total of sixty-five checkpoints. Each checkpoint has been assigned a priority level (1-3), where Priority 1 checkpoints address barriers that make access impossible for one or more groups of users. Priority 2 and Priority 3 checkpoints address barriers that make access difficult and somewhat difficult, respectively.

With the passage of Section 508 of the Rehabilitation Act Amendments of 1998, the Architectural and Transportation Barriers Compliance Board (Access Board) was required to publish standards establishing a set of compliance criteria for the newly enacted legislation. The outcome of this process was the Electronic and Information Technology Accessibility Standards, which were published in the Federal Register on December 21, 2000. The Access Board standards are the only set of technology accessibility standards that have their basis in the law.