Alice’s Adventures in Wonderland

Slides:



Advertisements
Similar presentations
Getting Started with Dreamweaver DREAMWEAVER MX. Getting Started with Dreamweaver Contents –What Can Dreamweaver MX Do? –Dreamweaver Learning and Support.
Advertisements

And Design recommendations overview for Advisor Portal – workshop out puts Author: Windahl Finnigan JD Williams.
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Chapter 3 – Designing your web pages Dr. Stephanos Mavromoustakos.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
HTML – The On-line Language HTML (Hyper Text Markup Language) Basic building block of any on-line page Adds flexibility to programs such as WebCT.
Sensible Searching: Making Search Engines Work Dr Shaun Ryan CEO S.L.I. Systems
Interface Design 2 Week 9. Interface Design 2 :: Week 9 :: Calendar.
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thur 14:00 – 16:50) TA: Jackie Lo.
Interface Design 2 Week 10. Interface Design 2 :: Week 10 :: Calendar.
Five Tips to Improve Web Accessibility Presenter — Laurie Quon Los Alamos National Laboratory 2003 InterLab Conference Stanford Linear Accelerator Center.
IS 360 Web Promotion. Slide 2 Overview How to attract visitors.
TERM PROJECT The Project usually consists of the following: Title
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
University of South Alabama Library Website Design and Accessibility Evaluation.
Creating Tables in a Web Site Using an External Style Sheet
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
WRA 210 – SS2014 Wrapping Up!!. Where am I?! 1.The Personal Course Page 2. Modules 3. Portfolio 4. Workshops The Personal Course Page is up to date if.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 15 :: a.
Finishing your site HTML and css 2012 Brian Davison.
An Introduction To Websites With a little of help from “WebPages That Suck.
Everything in it’s right place Revisiting website accessibility Jeff Coburn Senior Web Specialist Institute for Community Inclusion.
Introduction to Programming the WWW I CMSC Winter 2003 Lecture 7.
Daniel Njuguna – IT Officer/ Adaptive Technology Trainer Kenya Society For The Blind Accessibility in ICT’s.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
+ Web Design Terminology Digital Communications III- Frameworks-2.1 Terminology HTML Domain Name Hot Spot Site Maps.
Chapter 7 Web Design.. HTML  Hypertext Markup Language  Using HTML, text is formatted by wrapping it in a tag.  The tags provide instructions to the.
Introduction to HTML. HTML Introduction HTML – Hypertext Markup Language are the instructions that tell a browser how to lay out the information (text,
ACCESSIBILITY An Introduction. Accessibility Accessibility is the degree to which a product, device, service, or environment is available to as many people.
Is Your Site Accessible? Validating Your Web Site.
IA & Design Project Henry Stokes INF 385E. Overview  Project Details  Organization  Navigation  Design  Vital Statistics  Post-mortem.
Thesis Presentation IV – Fall Midterm Review NewMediaArts art 249 :: interface design II week 14 :: a.
The Good, the Bad & the Ugly: Style and design in Website creation Chris Webster: Information Officer and Website Manager at the EARL Consortium for Public.
El Corazon.Org Information Architecture & Design Project Presentation David Zepeda December 6, 2005.
Successful Site Architecture Matt Bailey SiteLogic
School of Information, Fall 2007 University of Texas A. Fleming Seay Information Architecture Week 12.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
The HTML Tag Quiz. Instructions You will see a tag. You must decide which (if any) versions of HTML include this tag: HTML 0.a Tim Berners-Lee’s original.
Introduction to Web Authoring Ellen Cushman Class mtg. #13.
Library Instruction Services Redesign Danielle Skaggs Fall 2006.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Accessibility of services on the web. Table of contents Statistics Definitions Different kinds of disabilities Solutions for accessibility.
Information Architecture 2 No Class Scheduled October 23 Primary Readings - Zeldman, J. (2003). Designing With Web Standards: Chapters 6-8Designing With.
MIT 511- Web Design & Usability
Using the HTML and CSS Validation Services
Breaking the mold with CSS
The Internet and HTML Code
IS 360 Web Promotion.
Travel Exotic India Site designed and implemented by: Krishnan Ayyer
IA Website: Lee Sutherland Fall 2005.
Introduction to Web Authoring
Tutorial Tutorial Read all the directions before proceeding
Web Programming– UFCFB Lecture 3
Website Design and Management Section 3 - Design
Yi-Hsuen Shih’s personal Web site
Information Architecture and Design I
Sunshine Gardens Min Yao December 6,2005.
Public Services Information Management
Unit 5 Assignment 1A.3: Outline the importance of warm-up, cool-down and FITT 2A.P3: Describe the principles of training and their application to the personal.
Web Standards and Accessible Design.
HTML 5 SEMANTIC ELEMENTS.
Chapter 4 Planning Site Navigation
Kapi’olani Community College
Interface Design 2 Week 11.
Unit 10 The Web Book Test.
CS7026: Authoring for Digital Media
Text Features 7th Grade Literature.
Presentation transcript:

Alice’s Adventures in Wonderland By Adrian Whatley www.ischool.utexas.edu/~awhatley/alicesite

Overview Site Map Site Navigation Vital Statistics Design Decisions Post-Mortem Review

Site Map 1

Site Map 2

Site Navigation Homepage Table of Contents “Learn It” Section Tenniel/Carroll links “Choose It” Section Where am I?

Vital Statistics Total # of pages: 49 XHTML Validation: Clear 39 “Read It” pages XHTML Validation: Clear Except for “Choose It” section W3C® Markup Validation Service Accessibility: Yes All 88 images have ALT tags HiSoftware® Cynthia Says™ Portal

Design Decisions Dividing chapters into 3-4 pgs “Action” labeling TelevisionWithoutPity.com “Action” labeling Too much Daft Punk? Text Section should be like book The Mouse’s Tale Fun and usable Live It (formerly Alice Lives!)

Post-Mortem Review Finalize design earlier Learn more about CSS And don’t continue with mistakes! Learn more about CSS Drop caps would be cool. Stamp out IE & FF inconsistencies Why can’t they play nice?

The End www.ischool.utexas.edu/~awhatley/alicesite