1. BUS311 Website Development Lab

2. The world Web Hosting Site WEBSITE DEVELOPMENT BASICS Web browser URL Web pages (HTML) WebPage/Site development tools Web publishing tools File Transfer software File Transfer (SSH/FTP) Web pages (HTML) & Other linked files Your computer Web Server

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. The world Hostname: uhunix.hawaii.edu Username: Password: Directory: public_html WEBPAGE DEVELOPMENT (UH Host) Web browser Your URL:http://www2.hawaii.edu/~username Web pages (HTML) Your computer WebPage/Site development tools Web publishing tools: SeaMonkey FTP software: SSH File Transfer (upload/download) SSH Important: UH does not support FTP, only SSH;. Web Server

8. Money can buy…. Avatar Animated Characters ($9) http://www.sitepal.com Templates ($40-60): http://www.entheosweb.com/website_design/de sign_ideas.asp

9. Tutorial Links UH Personal Page: –http://www.hawaii.edu/personalhphttp://www.hawaii.edu/personalhp FrontPage –http://office.microsoft.com/en-us/FX010858021033.aspxhttp://office.microsoft.com/en-us/FX010858021033.aspx NVU/KompoZer –http://www.thesitewizard.com/gettingstarted/kompozer- tutorial-1.shtmlhttp://www.thesitewizard.com/gettingstarted/kompozer- tutorial-1.shtml –http://www.thesitewizard.com/gettingstarted/kompozer- tutorial-2.shtmlhttp://www.thesitewizard.com/gettingstarted/kompozer- tutorial-2.shtml Website Design Basics –thesitewizard.comthesitewizard.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 “C”s 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