Untitled Document [www.cs.siena.edu]

Untitled Document [www.cs.siena.edu]

CSIS-401: Web Design Dr. Breimer Some Background & History Definition

Definition Web Design Career #1 Visual Designer Uses Adobe PhotoShop, Fireworks,

Flash, etc. Expertise in graphic design, layouts, color theory, etc. Web Design Career #2 Interface Designer

Expertise in graphical programming, human computer interaction and interfaces Background in behavioral science, ergonomics, etc.

Web Design Career #3 Software Developer Most modern software has web-based components. Most new applications are entirely webbased. Programmers need to know HTML, CSS,

etc. Web Design Career #4 Web Design Career #5 Web Design Career #6

HTML HTML CSS

Why are style tags bad? Semantic vs Style Semantic vs Style Semantics + CSS is better!

This is why the font tag sucks! (its a style tag) History Lesson: The Good Times History Lesson: Browser Wars

W3C What is it anyway? Current Web Standards Current Web Standards

Why Standards? Why Standards? 1. Accessibility

2. 3. Forward Compatibility Simpler and Faster Development Faster Download & Display

4. Standardized web pages look good on all browsers. And on all different types of devices.

Cell phones PDAs Screen readers for the visually impaired Why Standards? 1.

Accessibility 2. Forward Compatibility

3. Simpler and Faster Development Faster Download & Display

4. Future standards are built on top of current standards Thus, Web pages made today will work in the future

Note: Browser Wars created html tags that were not standard These tags wont display properly in many standard browswers. Internet Explorer and Firefox still support these tags, but not for long.

Why Standards? 1. 2. Accessibility Forward Compatibility

3. Simpler and Faster Development 4.

Faster Download & Display Faster: You dont have to build separate websites for separate browsers/devices Concurrent Development:

Content and style can be developed separately by different teams. Why Standards? 1. 2.

3. Accessibility Forward Compatibility Simpler and Faster Development

4. Faster Download & Display Style/Appearance tags are bloated

Rather than load bloated HTML for every page, just load one style sheet for an entire website Example:

Sub-title
Rendering Engines Rendering Engines Who cares if the rendering engine

is a little slow? Standards: Big Motivation Without standards, you would have to test how your website looked on many different browsers.

1. 2. 3. 4. 5. 6.

7. 8. 9. 10. 11. 12. 13.

14. 15. 16. 17. 18. 19.

Microsoft IE 67% Mozilla Firefox 19% Apple Safari 9% Google Chrome 2% Netscape < 1% Opera < 1% AOL Explorer

Amaya Camino Epiphany Maxthon Shiira HotJava Nintendo DS

PlayStation PWB Lynx Voyager Micro Browser Omniweb Standards: Big Motivation

1. 2. 3. 4. Microsoft IE 67% Mozilla Firefox 19%

Apple Safari 9% Google Chrome 2% Internet-enable devices Validate Validate Validate

Tim Berners-Lee (TBL) Widely recognized as The inventor of HTML First implementor of hypertext concept Implemented first web browser (text based) and more importantly, first web server (unix daemon).

Should be a billionaire but then the WWW wouldnt be so cool! I love the man! You should love him too. Web Browser History

Browser History Browser History Summary

Recently Viewed Presentations

  • Crafting a Resilience Program Davin Holen Assistant Professor

    Crafting a Resilience Program Davin Holen Assistant Professor

    Coastal Community Resilience Specialist. ... Forest Environment. September 22-23, 2016 in Ketchikan, Cape Fox Lodge. 50 Tribal members from Southeast Alaska. 30 presenters and other participants. Southeast Alaska Climate Adaptation Workshop:
  • Author Affiliation(s) Primary Author Phone Primary Author Email

    Author Affiliation(s) Primary Author Phone Primary Author Email

    Minimum font size is 18 pt. Provide symbol definitions for equations where appropriate. Minimize excessive wording, unless absolutely necessary. Maximize plot size for easy audience viewing. Ensure plots/figures have legible axes, labels. 14-pt font equivalent size recommended (as presented on...
  • Why is Disposal Difficult - GSAXcess

    Why is Disposal Difficult - GSAXcess

    DESIRED PICTURES - GSA BULLETIN FMR B-14 UTILIZATION AND DISPOSAL - 12/1/2006 Purpose - Guide Federal agencies in the use of photographs when reporting excess property and when selling property. Result - Plan to provide photographs or digital images of...
  • Oral Pathology - Dentalelle Tutoring

    Oral Pathology - Dentalelle Tutoring

    Answer. Hard palate - adjacent to the max first molars to be specific. Then, floor of the mouth, tongue and buccal/labial mucosa. Floor of the mouth
  • Enhancing the Student Experience for Transitioning Students StartSmart

    Enhancing the Student Experience for Transitioning Students StartSmart

    Research project Survey of new students and Teacher Librarians Seminar for Teacher Librarians Mapping Student focus groups Support for academics Program focuses on: Subject Outlines Academic, scholarly resources Acknowledgement of ideas and work of others UOW Graduate Qualities Support for...
  • Chapter 1

    Chapter 1

    When the exponent is small, the distance between model numbers is small and when the exponent is large, the distance between model numbers is large. ... Revised Class Diagram for Bingo Simulation CRC Card for the Bingo Basket CRC Card...
  • VOCAB LESSON 5 - WordPress.com

    VOCAB LESSON 5 - WordPress.com

    VOCAB LESSON 5. PUMP UP YOUR VOCABULARY! Complete your vocab chart and submit it on the day of the quiz next week. Don't forget the midterm is Mon. Jan 26—STUDY!!!
  • Section 2.6: Impossibility and Alternative Ballots

    Section 2.6: Impossibility and Alternative Ballots

    Arrow's Theorem. In 1951, Kenneth Arrow proved that this search will be in vain. There is no voting system that satisfies all of the following conditions: always gives a winner (except for ties) is not a dictatorship. independence of irrelevant...