Building the Website

1
Buildingthe Website

• By
• Dr. Punnipa Hossain
• Lock Haven University

2
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

3
Where to Start?
4
What You Need?
5
A Bunch of Roses
6
Basic Computer Skills
7
Access to a Personal Computer
8
Access to the Internet
9
Page Construction Tools

• Composer
• Dream Weaver MX
• FrontPage 2002

10
A Place on the World Wide Web to Publish you Page
11
Eight Steps to follow

• define your objectives
• design your web page
• download an HTML editor from the net
• construct your page
• find a web server space to publish your page
• copy your page to the web server
• promote your web page
• track your hits and fine tune

12
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

13
Define your Objectives
14
As a hobby!
15
Purely for their own personal development!
16
To promote business,
17
educational,
18
social,
19
cultural,
20
humanitarian,
21
or financial objectives.
22
Your objectives should guide the design!
23
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

24
Design your Web Page

• Whatever you decide, try to maintain the same 
  theme throughout your site.

25
Textual Content

• What you write should add value and make the
  visitor want to return.

26
Net Publishing vs Newspaper Writing

• Publishing on the net, you are able to take
  advantage of multimedia capabilities.

27
Net Publishing

• Multimedia Capabilities

28
Finding Graphics for you Page!

• When you find something you like, copy it to a
  directory on your hard drive.

29
The Use of Tables

• Here is one example of how tables are used for
  formatting
  
• About Life and Living

30
Your Web Design Options

• What options do I have?

31
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

32
Download Editor
33
HTML Editor

• An HTML editor is tool that generates a computer
  program in HTML using a sophisticated word
  processor.

34
Popular HTML Editor

• Microsoft provides a good HTML Editor with its
  free Internet Explorer web browser called
  FrontPage Express .
  
• Netscape's Composer,  is also sufficient.  

35
Professional Websites

• For a more professional website, consider
  using 
  
• Microsoft FrontPage 2002 or
• Dreamweaver 4.0. 

36
HTML Editor Installation

• Once you have downloaded the program file, you'll
  need to install the HTML Editor on your machine.

37
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

38
Construct Web Page
HTML editors VS word processors
39
HTML Editors are Wonderful!

• Insert images into the body of a document.
• Create hyperlinks to other pages.
• Reference a file to be used as a background
  image.
  
• Insert additional HTML code to add a page
  counter, music or video clip to your site.

40
Adding Hyperlinks!

• What are Hyperlinks?
• How do I add Hyperlinks?
• Do I really need to know the full URL address?

41
The index.htm

• Your main page
• Other pages
• Special characters (e.g. , _at_) 
• Simplicity

42
Feeling Brave?

• Try using a simple text editor such as Wordpad,
  or Notepad instead of the HTML editor.

43
Lets begin, shall we?

• Find a simple web page on the internet
• Save it to your directory
• Copy the graphics from the same web page to your
  hard drive.
  
• Print off the HTML code and see how it works
• Make some minor changes to the HTML
• watch the results in your web browser

44
HTML Programming Guides

• Check these HTML programming guides out to learn
  more about the basic syntax of the HTML
  language. 
  
• Add a Radio and Television Remote Control to your
  site, simply insert this HTML into your page.

45
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

46
Ready to publish your page on the WWW?
Find a Web Server
47
At LHU
48
(No Transcript)
49
The internet service provider (ISP) that you use
for internet access might provide free server
space to its customers.
Free Server Space
50
Free Server Space
51
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

52
Upload Web Page

• To avoid confusion, make sure that
• All files are saved on the server using  the
  same file names that were used on your hard
  drive.

53
Test your Page on
A Different Computer
The Server

• To test if all the pages functions properly, and
  all files have uploaded correctly.

• To ensure that graphic files are being read from
  the server and not from your hard drive.
  

54
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

55
Promote Web Page
56
(No Transcript)
57
Web Page Promotion
Depending on your objectives, you can add your
URL to each  major search engines by clicking
below Add URL to AltaVista Add URL to Yahoo
Add URL to Overture Add URL to Lycos Add URL t
o Google Add URL to DirectHit Add URL to Open
Directory Add URL to HotBot Add URL to Looksma
rt Add URL to Alltheweb Add URL to Northernlig
ht
58
Web Page Promotion

• For further information about search engines,
  visit the following sites
  
• Search Engine Watch
• Search Engine Showdown

59
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

60
Monitor Page Hits
A good hit tracker provides answers to

• What countries did the visitors come from?
• Which search engine did they use to find my site?
  
  
• Which words or phrases did they search on?
• Which sites and URLs are sending me traffic?
• How did my visitors navigate through my site?
• Which of my pages are the most and least popular?

61
Check these Out!

• Search Engine Watch
• Meta Medic

62
Workshops Agenda

• - Getting Started- Define Objectives-
  Design Web Page- Download Editor-
  Construct Web Page- Find a Web Server-
  Upload Web Page- Promote Web Page-
  Monitor Page Hits- Conclusion

63
Conclusion

• A bird's eye view of the web page development
  process, and
  
• An introduction to some basic terminology,
  concepts and tools.

64
Thank you!