BUS311
Website Development Lab
WEBSITE DEVELOPMENT BASICS
Web browser
The world
Web Server
URL
Web Hosting Site
Web pages (HTML)
Web pages (HTML) &
Other linked files
<Direct Publishing>
•WebPage/Site development tools
•Web publishing tools
•File Transfer software
Your computer
File Transfer
(SSH/FTP)
Web Browsers and Hosts
• Web Browsers:
– IE
– Firefox (Netscape, Mozilla)
– Opera
• Website hosting:
– ISP
– Free Host
– Domain Host
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
Free File Transfer
• WS-FTP , Filezilla
• SSH (required for UH)
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.
WEBPAGE DEVELOPMENT (UH Host)
Your URL:http://www2.hawaii.edu/~username
Web browser
The world
Web pages (HTML)
!!!! Your home page
must be named
(or
index.html)!!!!!!!!!!!!
Web Server
Hostname: uhunix.hawaii.edu
Username: <Your UH Username>
Password: <Your Password>
Directory: public_html
SSH
•WebPage/Site development tools
•Web publishing tools: SeaMonkey
•FTP software: SSH
Your computer
Important: UH does not support FTP, only SSH;
.
File Transfer
(upload/download)
Money can buy….
• Avatar Animated Characters ($9)
http://www.sitepal.com
• Templates ($40-60):
http://www.entheosweb.com/website_design/de
sign_ideas.asp
Tutorial Links
• UH Personal Page:
– http://www.hawaii.edu/personalhp
• FrontPage
– http://office.microsoft.com/en-us/FX010858021033.aspx
• NVU/KompoZer
– http://www.thesitewizard.com/gettingstarted/kompozertutorial-1.shtml
– http://www.thesitewizard.com/gettingstarted/kompozertutorial-2.shtml
• Website Design Basics
– thesitewizard.com
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 “C”s of web capabilities: Convenience,
cost, coordination, collaboration, communication,
customization, community
– Meets clearly identified goals
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.
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
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