Web Site Design Committee VPAST Lecture April 12, 2000.

Slides:



Advertisements
Similar presentations
Web 2.0 Programming 1 © Tongji University, Computer Science and Technology. Web Web Programming Technology 2012.
Advertisements

Webmasters Workshop Walt Howe Delphi.com Forums. Bells & Whistles?
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
With Microsoft FrontPage 2003 Publishing a Web Page.
Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.
Robby Seitz 121 Powers Hall ADVANCED WEB DESIGN USING DREAMWEAVER
The Web Warrior Guide to Web Design Technologies
© 2010 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Session 4: Page Design J 394 – Perancangan Situs Web Program Studi Manajemen Universitas Bina Nusantara.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
Start -> All Programs -> Classes -> Web Expressions -> Dreamweaver.
Design factors Content –Fig.s 4-49, 5-4, 6-3 Organization –Fig.s 2-10, 2-11, 2-12, 2-14, 2-15, 5-17 Performance Aesthetic Security.
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
What Is A Web Page? An Introduction to the Internet.
Chapter 11 Adding Media and Interactivity. Flash is a software program that allows you to create low-bandwidth, high-quality animations and interactive.
Getting Started with Dreamweaver
- -Heather Rodriguez, - Shilpa Reddy. Goal - One stop shop for Undergrad Competitions.
211 Multimedia Web Design Lesson 1 – Web Functionality & Purpose.
JavaScript and The Document Object Model MMIS 656 Web Design Technologies Acknowledgements: 1.Notes from David Shrader, NSU GSCIS 2.Some material adapted.
Dynamic Web Pages (Flash, JavaScript)
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Name Teacher: Group: 1 Unit 2 – Webpage Creation.
Web-designWeb-design. Web design What is it? Web-design features Before…
Using the FOCUS Web Site Teacher’s Desk. Topics Covered in this Presentation n Accessing the FOCUS Web site n Importing and Creating Classes n Adding.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
Tips on Creating and Maintaining an Educational World Wide Web Site Etec 562 By Orawan Sakunloetprasuk.
Working with Objects Creating a Dynamic Web Page.
1 © Netskills Quality Internet Training, University of Newcastle Web Page Design © Netskills, Quality Internet Training University.
Evaluating web pages Stuart Lloyd-Green Celia Korvessis Lindsay Krieger Shane Sullivan.
Flash & JavaScript Mariela Hristova October 19, 2004 INF 385E – Fall 2004 – School of Information.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
UNIT 14 1 Websites. Introduction 2 A website is a set of related webpages stored on a web server. Webmaster: is a person who sets up and maintains a.
Creating a Usable Web Site Royce Shin - Web Development University of Minnesota.
JavaScript Tutorial 1 - Introduction to JavaScript WDMD 170 – UW Stevens Point 1 WDMD 170 Internet Languages eLesson: Introduction to JavaScript (NON.
Web site development: Basics & MS FrontPage. What I hope to demonstrate n n Basics of a good web site n n How to most effectively communicate via the.
Tutorial 7 Planning and Creating a Flash Web Site.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Florida Atlantic University Designing Web Sites at… 1999 Presented by Administrative Technology Systems Financial Affairs.
Website Workshop Or “How I conquered my fears and got online”
Database Systems: Design, Implementation, and Management Eighth Edition Chapter 14 Database Connectivity and Web Technologies.
 Good navigation is consistent, clearly labeled, and reflects the needs of the site’s audience.  Navigation labels are short, clear, and user-friendly.
Software. A web site is a collection of web pages on a particular topic. A web page is a document written in HTML code. Web pages are linked together.
JavaScript Tutorial 1 - Introduction to JavaScript1 Tutorial 1 Introduction to JavaScript Section A – Programming, HTML, and JavaScript.
Cs332a_chapt10.ppt CS332A Advanced HTML Programming DHTML Dynamic Hypertext Markup Language A term describing a series of technologies Not a stand-a-lone.
Content Management System/ Web Quality Initiative.
Dynamic Web Pages Jin Wu INF 385E Information Architecture School of Information 11/2/2006 Jin Wu INF 385E Information Architecture School of Information.
CS 3505 Projects Assignments Projects
Louisa Lambregts, Louisa Lambregts
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
Chapter 11 Adding Media and Interactivity. Chapter 11 Lessons Introduction 1.Add and modify Flash objects 2.Add rollover images 3.Add behaviors 4.Add.
Copyright © 2003 Pearson Education, Inc. Slide 8-1 Created by Jim Lengel, College of Communication, Boston University Web Wizard’s Guide to Shockwave.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.
1 CSE 403 Web Patterns and Design These lecture slides are copyright (C) Marty Stepp, 2007, with significant content taken from slides written by Valentin.
Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
UNIT 14 1 Websites. Starter 2 1 Starter 1 Divide the students into groups. Ask them to make lists. Ask Students to read their lists. Discuss the most.
Making the website. Get your folders sorted first Create a new folder in “N” called “My hockey website” Create folders inside called “Documents”, “images”
Microsoft FrontPage 2003 Illustrated Complete Creating a Web Site.
Web Programming– UFCFB Lecture 8
Web-design.
4.01 Examine web page development and design.
4.01 Examine web page development and design.
Web Programming– UFCFB Lecture 8
Introduction to JavaScript
An Introduction to the Internet
Presentation transcript:

Web Site Design Committee VPAST Lecture April 12, 2000

First Generation Web Site October 1995 Strict navigation Real content is two clicks down 17 useful links What is under each button? Missing information

Second Generation Web Site March 1998 Promoted 4 links of each second-level page Much content is one click down 51 links Busy appearance Second-level pages bypassed

Third Generation Objectives Cleaner appearance More information intense Stronger external focus Reasonable load time Ready for review by May 1, 2000

Design Compromises Clean appearance vs. information intense External focus vs. internal focus Impressive graphics vs. load time Individual vision vs. committee design

Dynamic HTML Popups Dynamic popup windows give a clean appearance and more links Popups can overlay other content and have links Loaded as part of the original HTML page Mouseover can activate -- no click needed Not separate browser windows Additional development time and testing Redundant versions needed

Evolution of Link Organization Generation 1: Topic menus that lead to departments Generation 2: Additional subject-based menus that cross department boundaries Generation 3: Addition of audience- based menus

External Focus Dont know or care about the organizational structure Look by service, topic, or audience Additional directory: majors Additional directory: services

Demonstration

New Features Clean appearance Increased information intensity Audiences on home page Popup menus Additional external focus Reduced server load

Features Carried Over Multiple access methods Directories on home page Search on home page Rotating graphics Event graphics Text link Consistent navigation with second-level pages Fits in small windows (640x480 pixels) Reasonable load time Changing date

Features Avoided No plugins No Java (does use JavaScript) Browser version requirements No cover page No animation No sound No frames

Feedback Committee web page: Mail to