Final+Project+Link+and+Reflection

  = =   **CED 505 FINAL PROJECT **  **Topic: CSS and HTML ** = http://www.kn.att.com/wired/fil/pages/samwebdesira.html =    HTML is the basic building block of web pages. If you are serious about designing web pages, understanding Cascading Style Sheets (CSS) is necessary. Whether you use text based or visual web authoring software or a simple text editor, a working knowledge of CSS will be useful to you.  This lesson will introduce you to CSS and allow you to examine the benefits of using the this powerful tool.  This lesson assumes you:   The links provided will help you answer each of the questions below and complete the final project. Let’s get started!   [|What us CSS?] <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> [|What is "Cascading"?] <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> [|Internal - External - Embedded CSS] <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> [|CSS Standards] <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">[|Accessibility Strategies] <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Create a simple web page using a simple text editor which: <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Review and evaluate at least 2 of your classmates’ pages <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">You should have a good understanding CSS and how it works with HTML. In Summary: <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">If you are interested in learning more, check out the following tutorial. <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;"> http://www.html.net/tutorials/css/introduction.php. <span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;">
 * <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Introduction **
 * Have a basic understanding of html and know how to create and post web pages.
 * Understand basic concepts like web site, web page, hyperlink and web address.
 * Have access to a simple text editor.
 * 1) Can you create content with CSS?
 * 2) Explain how CSS and HTML work together?
 * 3) What style elements can you use CSS to define?
 * 4) What impact would learning CSS have on your work as a web designer for a large organization?
 * 1) Merriam Webster defines a cascade as “something arranged or occurring in a series or in a succession of stages so that each stage derives from or acts upon the product of the preceding.” How does the word cascade relate to style sheets?
 * 1) What are the two parts of a CSS rule?
 * 1) Write a CSS rule which defines the h2 selector with the Calibri font, bold, 12 point.
 * 1) How many ways are there for applying CSS to the design of a web page?
 * 1) Describe a scenario in which you would use an internal style sheet. Why would you choose internal over external for this scenario?
 * 1) Why is the use of in-line style sheets discouraged?
 * 1) Who maintains the standards for CSS?
 * 2) How has the rapid development of the web technology impacted the development of CSS standards?
 * 3) Identify one disadvantage to using CSS?
 * 4) Use a search engine to find a site which lists the CSS standards. Write the URL below.
 * 1) Why does a web designer need to consider accessibility when designing a web page?
 * 2) List three strategies which will improve web page accessibility.
 * 3) How can CSS be useful in implementing these strategies?
 * <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Project: **
 * 1) <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Defines CSS and it’s relationship to HTML
 * 2) <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Incorporates at least one original graphic image.
 * 3) <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Uses one uses an external and internal CSS to create a consistent background color, h1 style and body text font.
 * 4) <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Uses the strategies which maximize the accessibility of the page.
 * 5) <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Publish the webpage on the student web server.
 * 1) <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Write one paragraph evaluating the content, visual appeal, and accessibility standards for each page you evaluate.
 * <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">Conclusion **
 * <span style="font-family: 'Verdana','sans-serif'; font-size: 13.3333px;">CSS stands for Cascading Style sheets.
 * **CSS allows one to design web pages with greater consistency.**
 * **CSS will help one save time when developing large scale projects**
 * **External style sheets are the preferred method for implementing CSS when more than one page will be created.**
 * **It is acceptable to use Internal Style sheets when working on a one-time project.**
 * **The use of embedded CSS is frowned upon.**
 * **The use of CSS can help one create more accessible pages.**

<span style="font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; font-size: 160%;">