Transcript Read Slides
How to make a website? E-engagement capacity enhancement for NGOs HKU ExCEL3 1) Choose a Theme If you already have a fairly good idea about what your website will focus on, skip this step. 2) Make a Plan Building your website is going to take a commitment of time and money, so set a limit on both, and then dig in. At the very least, you will want to know what goes where. 1) Define the goals and objectives of your site. 2) Create a content list. 3) Create a task list. 4) Set a timeline. 5) Establish a budget. 6) Assemble a team. 7) Create a site design and navigation structure. Define the goals and objectives of your site. Why is having a Web site important to you? What are your objectives? How will you measure success? Whom do you want to visit your Web site? What do you want a user to gain from visiting your Web site? What do you want users to do after or on visits to your Web site? How does your idea for a Web site compare with others? Create a content list. 1) 2) 3) 4) 5) 6) 7) 8) 9) brainstorm all the things you think you might want to include Company logo Contact information Biography and photo Descriptive paragraph about each services Donation policies A map to the organization A welcome message for the home page Description of the newsletter and invitation to sign up Company description for the About Us page Home Page About History Mission Online Services Services News Past Activities Coming Events About Donation Online Application Contact E-chat/ Skype Phone, Email, Facebook Location Setting a Timeline Register a domain name for the Web site. Evaluate and select a Web site–hosting company. Create a list of all the main sections and subsections of the site. Create and gather photos and graphics. Request photos or graphics other people (graphic designer, clients, and friends). Write the first e-mail newsletter to send to those who sign up. Create a site map that details how the main sections and subsections will be linked. Optimize images, graphics, and multimedia files to prepare them for the site. Use templates to create the home page, each main section front, and any special internal pages. Build out the pages of the site, adding content into the page templates. Test, test, and test some more. Publish your site on the Web. Tell everyone you know that your site is online and start working on the details of your marketing plan. How much does a website cost?? Building a Web site is often compared to building a house “The cost depends on what materials you want to use and how much experience and fancy tools you have.” 1. 2. 3. 4. 5. 6. 7. Web hosting Domain names Software programs Your time Consulting services: Shopping cart and e-commerce transaction features: Traffic reporting services 3) Register a Domain Name a domain name is the address for your Web site GoDaddy: http://www.godaddy.com/ Network Solutions : ww.networksolutions.com 1&1 : www.1and1.com http://www.tnet.hk/ www.domaincheck.net https://www.hkdnr.hk/ http://www.hostgator.com/ http://www.joomla.org/ Understanding Top-Level Domains Top-Level Domain Used By .com Commercial organizations; by far the most popular domain ending .net Internet services; used increasingly by people who don't get the .com names they want Restrictions? No No .org .biz Nonprofit organizations No Businesses; a newer domain, used No increasingly by businesses that don't get the .com domain names they want .name .info .mobi .aero .coop .museum .gov .edu .mil Individuals Informational sites Mobile sites The air-transport industry Cooperative associations Museums The United States government Accredited colleges and universities The United States military No No No Yes Yes Yes Yes Yes Yes 4) Get a Web Host a Web server (often provided by a hosting service) is a computer with special software that makes it possible for you to publish your site on the Web. Choosing the right host will determine the least amount of downtime your website will experience. 1&1 or GoDaddy, both offer domain registration and a variety of low-cost Web hosting options, for as little as US4.99 per month. www.rackspace.com. Ask yourself questions like: Do they offer great service? Do they have a low downtime record? Do they offer round the clock support? 5) Build Your Website Online 1) 2) 3) website builder: WIX: www.wix.com Webstarts: www.webstarts.com Wordpress: http://zh-hk.wordpress.com/ You don’t have to write any code or learn any technical skills, you can just login to your website and start uploading your web pages, pictures and videos. Finding the Best Host for Your Site Bandwidth: Bandwidth measures the carrying capacity of a connection on the Internet. Disk space: The bigger your site — the more images and, sound files, video, and animation files you include E-commerce Blogs and other third-party services: You can install blogging software, such as WordPress on almost any Web server, but many hosts include a feature that makes it easy to install blogging and other software. Unix, Linux versus Microsoft Web hosting: Some service providers use Linux server software; others use Microsoft. Streaming media: www.vimeo.com: if you want to upload a video, don’t upload it directly on the page; instead, upload it on vimeo.com, copy and paste the link Website Builder 1) Frontpage最容易學 2) Dreamweaver功能強(常用) 3) Notepad最好用 4) NAMO初學者使用(常用) 5) PhotoImpact(要練才會做) Static Web sites, which are generally built with a program like Adobe Dreamweaver, and dynamic Web sites, which use advanced programming to create advanced, interactive features, like those used in a WordPress blog. 6) Create the simplest website! To create a simplest web page, do the following: 1) Open up a text editor (such as Notepad or Simpletext) 2) Open a new (blank) page (i.e. "File > New...") 3) Copy the code from and paste it into your blank text file (or re-type it if you prefer) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Hello World!</title> </head> <body> <h1>My First Webpage</h1> <p>Welcome to my first webpage!</p> <p>Here's a new paragraph...</p> </body> </html> 4. Save the file as "index.html" (take note of where you saved it) Congratulations! web page! You just created your first 7) Adding another Web Page 1) Open up a text editor (such as Notepad or Simpletext) 2) Open a new (blank) page (i.e. "File > New...") 3) Copy the flowing code and paste it into your blank text file (or re-type it if you prefer) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Hello World!</title> </head> <body> <h1>My Second Webpage</h1> <p>Welcome to my second webpage!</p> <p>Here's <a href="index.html">my first webpage</a></p> </body> </html> 4) Save the file as "page_two.html" (save it into the same directory as your previous file) Congratulations! You've just created your second web page. You could say that you've created your first website! How to maintain a website? Update content regularly Visit and use your website regularly Reply to your emails in a timely manner Perform a regular Google search of your domain name Reference: http://www.ehow.com/how_2342411_maintain-website.html How to maintain website content? Spellcheck and edit your entire site Make sure the content on your site reflects the present day Click on every single tab, ad, and banner to make sure they connect to their correct content. Take off all of the italics, different fancy font colors and countless zooming words color black is the easiest to read and font types like Times New Roman and Arial are sufficient for long reading