1 / 13

BUS311 Website Development Lab

BUS311 Website Development Lab. 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

jalen
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

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

More Related