How To Make a Web Site

VK Jha 1
How To Make a Web Site

•Introduction
•Concept
•Realization
•Maintenance
•Promotion
•Getting Further

2
 Introduction

Introduction Concept

Realization

Maintenance

3
How To Make a Web Site

•Introduction
•Concept
•Realization
•Maintenance
•Promotion
•Getting Further

4
 Concept

4 steps of a concept
•Aim
•Contents
•Structure
•Design

5
 Concept

Aim
•Organization or project?
•What is the goal?
•What is the target group?

6
 Concept

Content
•Fixed Content
(general information)
•Flexible Content
(news, interactive elements)

7
 Concept

Structure
•Flat
•Hierarchic
•Multidimensional

8
 Concept

Design I
•Corporate Design
•Key Messages Visible
•Keep It Short & Simple
•Credibility

9
 Concept

Design II
•Keep target group in mind
•Don‘t show off with technical skills
•Do not overload a page
•Few, but nice gadgets
•Features that serve the content
10
 Concept

Design: First Impression

•How is the screen loaded?

•Waiting Time
•How does it look like?

11
 Concept

Design: 2nd First Impression

•Layout
•Overview
•Easy to navigate?

12
 Concept

Design: Second Impression

•Functionality
•Content
•Interaction
•Organisation

13
How To Make a Web Site

•Introduction
•Concept
•Realization
•Maintenance
•Promotion
•Getting Further

14
 Realization

WWW Server

•University
•Free provider
•Provider with fee

15
 Realization

WWW Address

•http://www.geocities.com/aegeeb
•locals.aegee.org/bucuresti
•www.aegee-bucuresti.org

16
 Realization

Images

•Small in size
•Low in number
•Proper height & width

17
 Realization

Produce HTML pages

•Text editor
•Document conversion
•WYSIWYG
•Style Sheets (CSS)

18
 Realization

Test site online

•„any browser“
•load time with slow connection
•HTML checkers

19
How To Make a Web Site

•Introduction
•Concept
•Realization
•Maintenance
•Promotion
•Getting Further

20
 Maintenance

Keep it up to date!

•Update content regularly

•„last updated on dd/mm/yyyy“
•Check for invalid links regularly
•Clear division of responsibilities

21
How To Make a Web Site

•Introduction
•Concept
•Realization
•Maintenance
•Promotion
•Getting Further

22
 Promotion

•Search engines
Online
•Cross links
•Banners
•Newsletters
•Newsgroups
•Email signatures

23
 Promotion

•Flyers
Offline
•Posters
•Publications
•Presentations
•Letterhead / Business card
•Press releases

24
How To Make a Web Site

•Introduction
•Concept
•Realization
•Maintenance
•Promotion
•Getting Further

25
 Getting Further

Links
•www.htmlgoodies.com
•www.selfhtml.org
•www.killersites.com
•www.htmlhelp.com
•www.pagetutor.com
26
Stefan Hauk European School Pécs 2002 27