bus311 website development lab l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
BUS311 Website Development Lab PowerPoint Presentation
Download Presentation
BUS311 Website Development Lab

Loading in 2 Seconds...

play fullscreen
1 / 13
jalen

BUS311 Website Development Lab - PowerPoint PPT Presentation

112 Views
Download Presentation
BUS311 Website Development Lab
An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  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 <Direct Publishing> 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/Site development tools • Web publishing tools: SeaMonkey • FTP software: SSH Your computer WEBPAGE DEVELOPMENT (UH Host) Your URL:http://www2.hawaii.edu/~username The world Hostname: uhunix.hawaii.eduUsername: <Your UH Username>Password: <Your Password>Directory: public_html Web Server Web browser Web pages (HTML) !!!! Your home page must be named Index.htm (or index.html)!!!!!!!!!!!! SSH <Direct Publishing> 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_ideas.asp

  9. 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/kompozer-tutorial-1.shtml • http://www.thesitewizard.com/gettingstarted/kompozer-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 “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