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.

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?

Define the goals and objectives of your site.

brainstorm all the things you think you might want to include

1) Company logo2) Contact information3) Biography and photo 4) Descriptive paragraph about each services5) Donation policies6) A map to the organization7) A welcome message for the home page8) Description of the newsletter and invitation to sign up9) Company description for the About Us page

Create a content list.

Home Page

About

History

Mission News

Services

Past Activities

Coming Events

About

Online Applicati

on

Online Services

Donation

E-chat/ Skype

Contact

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. Web hosting2. Domain names3. Software programs4. Your time5. Consulting services: 6. Shopping cart and e-commerce transaction

features: 7. 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 Restrictions?.com Commercial organizations; by far the

most popular domain endingNo

.net Internet services; used increasingly by people who don't get the .com names they want

No

.org Nonprofit organizations No

.biz Businesses; a newer domain, used increasingly by businesses that don't get the .com domain names they want

No

.name Individuals No

.info Informational sites No

.mobi Mobile sites No

.aero The air-transport industry Yes

.coop Cooperative associations Yes

.museum Museums Yes

.gov The United States government Yes

.edu Accredited colleges and universities Yes

.mil The United States military 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 website builder:1) WIX: www.wix.com2) Webstarts: www.webstarts.com3) 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! You just created your first web page!

7) Adding another Web Page1) 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