ash_welsh

Bauhaus!
[|www.ashleywelsh.com/jumppage/bauhaus/bauhaus]

MY JUMP PAGE!!
[|www.ashleywelsh.com/jumppage]

Visit my web site. [|www.ashleywelsh.com]
I design sites for local business.

Week 1 Study Questions

 * 1. What are web standards?** the codes that designers are expected to use when designing in the different languages
 * 2. What is the W3C, and what role does it play in the development of the web?**this is the consortium that gives you all of the standards for the web
 * 3. Describe the evolution of HTML markup and its future.** it started with the first html and has gone through many stages of transitional and strict codes
 * 4. What directory structure and file naming convention should you use when developing a web site?** you should name files with no spaces that refer to the subject on the pager. and the structure should be one that organizes the different file types.
 * 5. What is CSS and how is it used in web design?** css is cascading style sheet and creates the
 * 6. Describe the client - server relationship.**the client is the web browser that you are using and the web server is the place where the web site is, the client requests the web page and the server sends it back.
 * 7. Why is the meta tag so important, and where is it positioned in an HTML file?** They help the search engines find your site with keywords and site descriptions.
 * 8. What is the purpose of FTP? Which FTP application can you use on a Mac and a PC?** the purpose of ftp is to load all of your files to your server at one time. it saves time when you do this. an ftp application is filezilla.
 * 9. Identify the syntax for following and their relevant attributes:**
 * o Head**
 * o Body**
 * o Title**
 * o Headings** through
 * o Basic inline CSS to format type** 
 * o Paragraph**
 * o Line break**
 * o Bookmark or anchor**
 * o Link to a bookmark or anchor** 
 * o Link to a page within the site** 
 * o Link to an external URL** 
 * o Displaying an image** //

Week 2 Study Questions
it is an approach to web site design that accommodates different browsers and settings particularly required by the visually impaired and visitors with other disabilities including deaf users. **11. Name accessibility guidelines established by the US government.** Section 508: requires sites to accommodate people with disabilities from limited mobility to visual impairments; it is also part of the Rehabilitation Act of 1973 **12. List the core rules that must be followed to author a well-formed and valid XHTML document.** > **13. Given a Photoshop comp for a web page, how will you convert this information into a XHTML page?** > A Web Designer should first slice the images in the PSD file and then save them in the assets/images folder. > **14. How would you ensure that your page design would fit in an 800 x 600 maximized browser?** > scrollbars for the certain browsers //and make sure that your resolution is 800 by 600 when you are making your page > **15. What is the safest canvas size for 800x600 screen resolution**//
 * 10. Define the term accessibility.**
 * Ensure that less than and ampersand are &lt; and &amp;
 * Open with the proper DOCTYPE and namespace
 * Declare your content type using the META Content element
 * Write all element and attribute names in lowercase
 * Quote all attribute values
 * Assign values to all attributes
 * Close all tags
 * Close "empty" tags with a space and a slash
 * Do not put double dashes inside a comment
 * Quote all attribute values
 * Assign values to all attributes
 * Close all tags
 * Close "empty" tags with a space and a slash
 * Do not put double dashes inside a comment
 * Close "empty" tags with a space and a slash
 * Do not put double dashes inside a comment
 * Do not put double dashes inside a comment
 * Do not put double dashes inside a comment
 * Internet Explorer 6 - 780 x 429
 * Firefox - 781 x 421
 * Safari - 785 x 472

Week 3 Study Questions
Information architecture (IA) - the art of expressing a model or concept of information used in activities that require explicit details of complex systems. User interface design - the design of computers, appliances, machines, mobile communication devices, software applications, and websites with the focus on the user's experience and interaction. Information design - the skill and practice of preparing information so people can use it with efficiency and effectiveness. The client's website obtains purpose when the site goes along with their target audience, the business they do, and its communication objectives. A designer may use the Web Development Toolbar available for FireFox. Liquid design means that the web site adapts itself to the available space, the same way water takes the shape of the glass it is in. //Divitis// is a term used to describe an error common amongst newcomers to building CSS-based sites whereby they use too many divs for everything. //Classitis// is the over use of the class attribute
 * 16. List the guidelines for designing a navigable web site. **
 * Bypass blocks of content that are repeated on multiple Web pages
 * Web pages have titles that describe topic or purpose
 * Focusable components receive focus in an order that preserves meaning and operability
 * The purpose of each link can be determined from the link text alone, or from the link text together with its programmatically determined link context
 * Multiple Ways to Locate a Page
 * Headings and Labels describe topic or purpose
 * Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible
 * Information about the user's location within a set of Web pages is available
 * Purpose of each link identified from link text alone
 * Use of section headings
 * 17. List the guidelines for designing the layout, using typography and selecting color for a web page. **
 * Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.
 * The visual presentation of text and images of text has a contrast ratio of at least 4.5:1
 * The visual presentation of text and images of text has a contrast ratio of at least 7:1
 * foreground and background colors can be selected by the user
 * width is no more than 80 characters or glyphs (40 if CJK)
 * text is not justified (aligned to both the left and the right margins)
 * line spacing (leading) is at least space-and-a-half within paragraphs, and paragraph spacing is at least 1.5 times larger than the line spacing
 * text can be resized without assistive technology up to 200 percent in a way that does not require the user to scroll horizontally to read a line of text on a full-screen window
 * 18. What is the difference between information architecture, interface design and information design? **
 * 19. Why are the audience, business, and communication objectives so important to designing a successful site? **
 * 20. What are some methods of validating XHTML and CSS code? **
 * 21. Explain the pros and cons of slicing and reassembling images in web design. **
 * optimize your site with the perception of quick-loading graphics
 * gives the appearance of layering without using DHTML (Dynamic HTML) layers
 * more flexibility for using images and links, rather than limiting you to the use of image maps with large images
 * using image slicing provides more options when using rollover images and navigational tools.
 * run the risk of pieces of your image not displaying properly
 * can increase the overall size of your pages
 * adding significantly to the amount of time required to develop and maintain the site
 * can actually increase the load time of your Web page, even though it's perceived by the visitor to be loading quickly
 * 22. List and define the various types of “liquid design”. What are the pros and cons of creating liquid design? **
 * adapts better to whatever screen resolution or device a user happens to be working with
 * maximises the amount of content being shown on screen at any one time
 * little empty space
 * lose control over line length, flow and placement of page items
 * serious legibility problems at high resolutions
 * very hard to lead the user visually to the content you wish them to focus on.
 * 23. Explain the terms “Divitis” and “Classitis”. **

Week 4 Study Question
Print design is 2-dimensional while web is more interactive, print is simple to use while the web has much more movement font-family: [[family-name | generic family-name],]* [family-name | generic family-name] | inherit 26. How might you specify a font in a style rule if the font had more than one word to its name? you add a dash i.e. font-family: century-gothic; 27. List the steps to make your site accessible? What tools could you use to help in this process? WCAG 2.0 Quick Reference List # Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.# Time-based Media: Provide alternatives for time-based media.# Adaptable: Create content that can be presented in different ways (for example simpler layout ) without losing information or structure.# Distinguishable: Make it easier for users to see and hear content including separating foreground from background.# Keyboard Accessible: Make all functionality available from a keyboard.# Enough Time: Provide users enough time to read and use content.# Seizures: Do not design content in a way that is known to cause seizures.# Navigable: Provide ways to help users navigate, find content and determine where they are.# Readable: Make text content readable and understandable.# Predictable: Make Web pages appear and operate in predictable ways.# Input Assistance: Help users avoid and correct mistakes.# Compatible: Maximize compatibility with current and future user agents, including assistive technologies. 28. What is the difference between image slicing and image maps? Slices create separate image files and hotspot objects create image map code. 29. What potential accessibility issues do image maps pose? __2.2 Making Content Understandable and Navigable__ Content developers should make content understandable and navigable. This includes not only making the language clear and simple, but also providing understandable mechanisms for navigating within and between pages. Providing navigation tools and orientation information in pages will maximize accessibility and usability. //Not all users can make use of visual clues such as image maps, proportional scroll bars, side-by-side frames, or graphics that guide sighted users of graphical desktop browsers.// == == ==Week 5 Study Questions== Aliasing is the well-known effect on computer screens, in fact on all pixel devices, where diagonal and curved lines are displayed as a series of little zigzag horizontal and vertical lines. Anti-aliasing is the name for techniques designed to reduce or eliminate this effect, by shading the pixels along the borders of graphical elements. One has decorative “feet” while the other doesn’t. “sans-seif” means without the curls or small appendixes (feet) that we find at the end of each letter. sans-serif serif
 * 24. What are the differences and similarities between designing for print and the web? **
 * 25. What is the syntax for specifying a series of fonts in a style rule? **
 * 30. What is the difference between aliased and anti-aliased typography? **
 * 31. What is the difference between a serif and a sans-serif font? **


 * 32. List three web sites that make good use of typography. **
 * []
 * []
 * []
 * 33. What are the advantages and disadvantages of using frames/iframes? **
 * Static navigation can be visible all the time, thus providing navigational convenience.
 * Company logos, messages, or other information can be kept in one frame that is constantly visible, if desired.
 * Some design issues can be resolved by using frames.
 * Often framed Web sites do not close properly when the visitor goes to another Web site, thus keeping the previous Web site's frames around a different Web site.
 * Framed Web sites can be problematic for smaller browser windows or laptops, or those prefering to keep their browser windows relatively small.
 * Search engines may not be able to properly spider a framed site.
 * Bookmarking a framed page within a Web site generally won't work, and typically only the main page of the Web site can be bookmarked.
 * URL for the entire site appears only as the main page
 * Not all browsers support frames.
 * A framed and non-framed version of the Web site are generally needed

Week 6 Study Questions
It is important to design more than one comp for a web site to give the client a choice of what the final web site will look like. In order to chose one design comp over another the web designer should take into consideration the needs of the client, the production issues, and which design comp meets these needs in a better manner. The web designer should present all of these to a client so that the client is involved in each step and so that, in the end, the design will be interesting to both the designer and the client. **38. How does CSS relate to the definition of DHTML / Ajax?** css is the code that syles both of these codes a:hover { color: #666; }
 * 34. Why is it important to design more than one comp for a web site? **
 * 35. What type of production issues should you keep in mind when designing a web page? **
 * How many pages will the site contain? What is the maximum acceptable count under this budget?
 * What special technical or functional requirements are needed?
 * What is the budget for the site?
 * What is the production style for the site, including intermediate milestones and dates?
 * Who are the people or vendors on the development team and what are their responsibilities?
 * 36. List the criteria for choosing one design comp over another. **
 * 37. Which of the following would you present to a client? Why? **
 * Design concept note
 * Wire frame
 * Comps
 * Interface prototype
 * production specifications
 * 39. Write the CSS for creating a rollover effect for text.**
 * 40. List some cross-browser issues associated with using CSS. **
 * Doubled Float-Margin
 * IE 6 Duplicate characters
 * Expanding box
 * IE and Italics
 * Nested Box on Opera
 * Relative Shift

Week 7 Study Questions
textfield : textarea: submit: In order to use CSS with a form element a designer should give the form a specific id or class. Client-side scripting generally refers to the class of computer programs on the web that are executed client-side, by the user's web browser, instead of server-side (on the web server). The Common Gateway Interface (CGI) is a standard protocol that defines how webserver software can delegate the generation of webpages to a console application. PHP: Hypertext Preprocessor (the name is a recursive acronym) is a widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages.
 * 41. What are some usability considerations for form design? ** all image must have alt tags that are described well. the correct field should be used for each item, use short paragraphs and bullets for easy reading, have a well organized site
 * 42. List three web sites that incorporate well designed forms. **
 * []
 * []
 * []
 * 43. Identify the key attributes of a form tag and the function of each. **
 * action - specifies a form processing agent
 * method - specifies which HTTP method will be used to submit the form data set.
 * enctype - specifies the content type used to submit the form to the server (when the value of method is "post")
 * accept-charset - specifies the list of character encodings for input data that is accepted by the server processing this form.
 * accept - specifies a comma-seperated list of content types that a server processing this form will hancle correctly.
 * name - names the element so that it may be referred to from style sheets or scripts.
 * 44. Write the XHTML code for a text field, a text area, and a submit button. **
 * 45. How can CSS be used to style form elements? **
 * 46. What is a server-side scripting language, and how is it different from a client-side language? **
 * 47. What is CGI? **
 * 48. What is PHP? List some other server-side scripting languages. **
 * Perl
 * ASP
 * JSP
 * Cold Fusion

Week 8 Study Questions
The designer should first slice the images in his/her design comp, make sure that the images are the correct size, follow production procedures, and finally, code the website using as little in-line styling as possible. The purpose of a specification document is to specify enough requirements so that the product will perform as you need. If you specify too much detail, the cost may be high and you might exclude viable products. The composition should include the critical topics of performance, validation, and quality.
 * 49. Describe the process you would follow to convert a design comp into a functioning web page. **
 * 50. Describe the composition and purpose of a production specification document. **