BUS311 Website Development Lab

1
BUS311 Website Development Lab
2
WEBSITE DEVELOPMENT BASICS
Web Hosting Site
The world
Web Server
Web browser
URL
Web pages (HTML)
Web pages (HTML) Other linked files
ltDirect Publishinggt
File Transfer (SSH/FTP)

• WebPage/Site development tools
• Web publishing tools
• File Transfer software

Your computer
3
Web Browsers and Hosts

• Web Browsers
• IE
• Firefox (Netscape, Mozilla)
• Opera
• Website hosting
• ISP
• Free Host
• Domain Host

4
Website hosting Examples

• ISP
• HawaiianTel, Verizon, etc.
• Free Host
• To you UH ITS
• Commercial ones Google, etc.
• Domain Host
• Pay a monthly fee based on usage

5
Free File Transfer

• WS-FTP , Filezilla
• SSH (required for UH)

6
Web-page/Site Development Tools

• HTML Editors Word, etc. ? .html
• Text Editors Notepad
• Web Publishing FrontPage, DreamWeaver,
  NVU/KompoZer, SeaMonkey (Free used for this
  class)
• Graphics/image/animation Photoshop, Picasa,
  Flash, etc.
• Programming
• Server-side PHP, ASP
• Client-side Javascript
• Database Access, MySQL, etc.

7
WEBPAGE DEVELOPMENT (UH Host)
Your URLhttp//www2.hawaii.edu/username
The world
Hostname uhunix.hawaii.eduUsername ltYour UH
UsernamegtPassword ltYour PasswordgtDirectory
public_html
Web Server
Web browser
Web pages (HTML)
!!!! Your home page must be named Index.htm (or
index.html)!!!!!!!!!!!!
SSH
ltDirect Publishinggt
File Transfer (upload/download)
Important UH does not support FTP, only SSH .

8
Money can buy.

• Avatar Animated Characters (9)
• http//www.sitepal.com
• Templates (40-60)
• http//www.entheosweb.com/website_design/design_id
  eas.asp

9
Tutorial Links

• UH Personal Page
• http//www.hawaii.edu/personalhp
• FrontPage
• http//office.microsoft.com/en-us/FX010858021033.a
  spx
• NVU/KompoZer
• http//www.thesitewizard.com/gettingstarted/kompoz
  er-tutorial-1.shtml
• http//www.thesitewizard.com/gettingstarted/kompoz
  er-tutorial-2.shtml
• Website Design Basics
• thesitewizard.com

10
Website Design Rules

• Rule 1. The website should offer something
  unique
• A good website is compelling it provides value
  to your audience that draws them to your site
  again and again
• The value proposition of the business should be
  clear on the home page
• Utilizes the 7 Cs of web capabilities
  Convenience, cost, coordination, collaboration,
  communication, customization, community
• Meets clearly identified goals

11
Website Design Rules (2)

• Rule 2. The website must be aesthetically
  pleasing.
• Rule 3. The Website must be easy to use and fast.
• Rule 4. The website must motivate people to
  visit, to stay, to return.
• Rule 5. You must advertise your presence on the
  web.
• Rule 6. You should learn from your website.

12
Simple Steps for Planning Website

• Identify the goals of your website
• Identify your audience
• Create a list of content that both achieve your
  goals and is of interest to your audience.
• Divide this list into pages
• Draw a chart of links between pages
• Create a navigation scheme (site map) that links
  these pages together in a simple, consistent way

13
Simple Steps for Page Layout

• Use tables to divide the page into regions
• header
• sidebar
• footer
• content
• Design each region
• add text
• add images
• add links