Web Design, DreamWeaver, HTML, etc. - PowerPoint PPT Presentation

Loading...

PPT – Web Design, DreamWeaver, HTML, etc. PowerPoint presentation | free to download - id: 6a9eab-ODU1N



Loading


The Adobe Flash plugin is needed to view this content

Get the plugin now

View by Category
About This Presentation
Title:

Web Design, DreamWeaver, HTML, etc.

Description:

Human-Computer Interfaces At its very root, an e-commerce website in an interface between a human and a computer. ... We are going to learn some of the basics today. – PowerPoint PPT presentation

Number of Views:16
Avg rating:3.0/5.0
Slides: 26
Provided by: ebreimer
Learn more at: http://www.cs.siena.edu
Category:

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: Web Design, DreamWeaver, HTML, etc.


1
Web Design, DreamWeaver, HTML, etc.
  • Snyder p89-115

2
Designing Websites
  • Technological Requirements
  • Web Server Infrastructureor
  • Out-source Hosting

3
Technological Requirements
  • Web Server
  • Computer 500-50,000
  • Software
  • Microsoft 500/year
  • Apache (free, but expertise required)
  • High Speed Internet (50/month)
  • Dedicated/Static IP (extra 50/month)

4
Out-sourced Hosting
  • 5 - 5000
  • What are the criteria we should care about?
  • What are our real options?
  • What do we still need?

5
Other Essential Requirements
  • Still need a computer to develop web pages
  • Still need software
  • Front Page
  • Dreamweaver
  • etc
  • Still need Internet Connect to reach off-site
    host
  • Still need a lot of expertise and knowledge

6
Expertise Knowledge
  • What exactly do you need to know
  • Where can you find it
  • What about out-sourcing this?
  • What kind of personnel do we need?

7
Web Design People
  • Programmers/Developers
  • HTML, JavaScript, PHP, ASP, JSP
  • Database Administrators
  • SQL, Oracle, SQL Server, ColdFusion, Content
    Management
  • Designers
  • Photographers, Artists, Advertisers, Marketers
  • System Administrators
  • Servers, Client Setup (FTP, etc)
  • Who else?

8
What will you learn in this class?
  • A little bit about everything.
  • But you can concentrate on your interest area?
  • Marketing
  • Design Appearance
  • Functionality Back-end Stuff
  • However, Everyone will learn to be DreamWeaver
    Experts.

9
Human-Computer Interfaces
  • At its very root, an e-commerce website in an
    interface between a human and a computer.
  • Human-Computer Interfaces (HCI) is a well studied
    object field.
  • The best practices are highly intuitive, but easy
    to forget.
  • We are going to learn some of the basics today.

10
Other Interfaces
  • Is this door locked?

11
Operationally Attuned
  • Knowing how a device or system works is an aid to
    simplifying its use.

12
Operationally Attuned
  • Knowing how web sites are designed, implemented,
    and deployed...
  • helps you use them more effectively (user
    perspective)
  • but it also helps you understand how a business
    can use them more effectively (developer
    perspective)

13
Human-Computer Interfaces
  • Which one controls volume?

a.
b.
14
Human-Computer Interfaces
  • How did you know?

a.
b.
15
Mnemonics
  • Mnemonics are an aid to remembering something.
  • Examples HOMES Huron, Ontario, Michigan, Erie,
    and Superior.
  • Visual Mnemonics are powerful aids

16
Graphical User Interfaces
  • Digital Metaphor for a real world device or system

17
Basic Metaphors
  • Buttons are so intuitive that 1-years understand
    their use

What do you think this button does? How did you
know exactly?
18
Basic Metaphors
  • Calendars the metaphor is almost identical to
    the real world entity

19
Basic Metaphors
  • File tabs are also intuitive
  • But nowadays, who really uses a file cabinet.
  • The real world objects may become extinct, but
    the metaphors live on.

20
Basic Metaphors
  • Menus are one metaphor that have surpassed their
    real world counter parts

21
Web Based GUIs
  • The Challenge While its considered a good
    practice to design GUIs that model real world
    entities, there are trade-offs
  • Complex GUIs can be slow on the Web
  • They can be difficult to implement with HTML,
    JavaScript, etc.
  • They can be difficult to maintain on rapidly
    changing websites

22
Web-based GUIs
  • Websites themselves have become everyday, real
    world objects.
  • Example I read more content on the web than I
    read from books.
  • Dont stick with a metaphor unless its really
    more intuitive than the digital version.

23
Whats more intuitive?
  • Clicking and dragging a page
  • Selecting a page number

24
Web-based GUI trends
  • What are the best practices in designing web
    pages?
  • Web pages for surveys
  • Web pages for buying a product
  • Web pages for browsing an online catalog
  • Great attention is spent on
  • Simplicity
  • Functionality
  • Consistency
  • Standardization

25
Designing a good e-commerce web page is much
easier than you think
  • Open Source Web Page Templates
  • Stock Images
  • WYSIWYG editors
  • Database tools
About PowerShow.com