Class 8

59
WEB HOSTING, CONTENT CREATION MANAGEMENT, WEBSITE DESIGN AND CONSTRUCTION,

Transcript of Class 8

WEB HOSTING,

CONTENT CREATION

MANAGEMENT,

WEBSITE DESIGN AND

CONSTRUCTION,

Web Hosting

Overview

A web hosting company is one that rents out

space on their server for a monthly fee.

To run a web site you need access to a server,

and although you could operate your own

server, it is usually easier and more

convenient to use a third party.

3

Types Of Web Hosting

Shared Hosting

Dedicated Server Hosting

Co-located Server Hosting

4

Shared Hosting

Your site is given a section of a server, which

is shared with other web sites. This is the

most common type of hosting, and the most

affordable.

It is often referred to as ‘virtual’ or ‘budget’

hosting.

5

Dedicated Server Hosting

The next stage up. You rent an entire server

for your site.

This gives you more control over your web

space. It also tends to be more reliable, holds

more content, and can handle more bandwidth

than shared hosting. Predictably, it is also

more expensive.

6

Co-located Server Hosting

The most advanced level of hosting, this is

where you own the server and the hosting

company simply provides the maintenance for

it.

You have full and complete control of your

server.

7

Establish Your Requirements

How much space you need?

What bandwidth you’ll require?

Do you need E-mail aliases?

Do you need URL redirects?

Do you need Web mail?

Do you need Autoresponders?

8

Steps in publishing a web site

Secure a domain name

Acquire web hosting services

Test the website

Upload the web pages

Update the information

Validate the links

Promote the site

Address issues and concerns in web publishing

9

What should you look for in a

host?

Usage limitations

File-transfer options

Mail options

Site statistics

10

Factors to evaluate when

selecting a hosting service

Functionality

Reliability

Bandwidth and server scalability

Security

Backup and disaster recovery

Cost

11

How do you narrow down

your hosting options?

How's the tech support?

Are other customers happy?

Is the service reliable?

If I back out, will it cost me?

Will my host be around in a year's time?

12

Content Management

Defining Content

Content is a resource

Content can be

articles

reports

pictures

audio

email

14

What is Content Management

Create the content

Store the content

Retrieve the content

Publish the content

Archive the content

Manage the content end - to - end

15

What is the CMS?

A system for managing content in a web site

Doesn’t require special software for uploading

pages

16

Components of CMS

CM

S

Document

Management

System

Digital

Asset

Management

Web Content

Management

Enterprise

Information

Portal

COLLABORATION

17

What can the CMS do?

Allows web page updates using an ordinary web

browser (e.g. IE, Firefox, Safari, Mozilla etc.)

Reduces overall work as those responsible for

content can update it directly and submit it for

approval

Allows different access levels for individuals

with different roles (e.g. Authors, Editors,

Managers)

18

What can the CMS do?

Enables documents to be published for fixed

terms; older versions of documents can be re-

used (versioning)

Especially good for simple content pages.

19

What it does not do

Does not write content!

Does not create site structure – needs

planning

Is not a design tool

Does not create images

Does not automatically link pages in to a site

and make them visible

20

Prospective Students site

structure

UCL Home Page

Transition Prospective Students Staff

Undergraduate Graduate ScholarshipsWidening

ParticipationAccommodation Access Ucl

Current Students

Undergraduate

Graduate

International

21

22

The Content Life Cycle

Publish

Create

Index

Store

Retain

Cleanse

Search

Distribute

VersionCapture

Manage

Secure

Destruction

Archive

23

Web Content

Web Authors

Context Diagram

Content

Management

System

Intranet

Servers

Extranet

Servers

Web ContentWeb Pages

Web Surfers

Students, Staff

Interested Parties

Services Provided :-

Ease of editing

Collaborative Authoring

Standard templates

Backup and Archiving

Routing and Approval processes

Version Control

Metadata Management

Directory and

Security

Services

Template

Designers

Approvers

Template

Approved Page

24

Document Management

Document

Creation

Digitization

Document

Flow

Work Flow

Document

Repository

Document Archive

Document

Retrieval

Physical Document

25

A workflow with Metadata

Author

Creates

Content

CMS applies

Metadata

Approver checks

Work

Metadata sent to

the Search

Engine

Available on the webCMS publishes to

the web servers

Approved

Not Approved

26

High Values Features and Services

BusinessIntelligence

Identity Mgmt

ApplicationGrid

SOA, BPM, JDev

Oracle Database

SecureFiles, AuditVault, Database Vault, RAC

3rd Party

Database, File System

Core Content Services

FUSION

MIDDLEWARE

A

D

A

P

T

E

R

S

ArchivingCapture Web Content Imaging

Digital Assets

Document Rights Records

Oracle Enterprise Content Management

PortalConnectors

OOTBWeb Apps

Mobile Delivery

Desktop & Office

Integrations

Application Connectors

Oracle Content ManagementUnified and Integrated Enterprise Content Mgmt

OracleStorage

Archive Manager

E-BUSINESS SUITE

PEOPLESOFT

SIEBEL | JD EDWARDS

Notes / Domino

3rd Party

File Systems

Website design and construction

Website Design

Technical definitions:

A webpage is a single HTML document

A website is a collection of related webpages

Designing a good website requires more than

just putting together a few pages

29

Good Design is

Understandable

Interesting

Easy to use

Uniform in look and feel

Done from a visitor’s point of view:

WYSIWYW (What You See Is What You WANT)

30

Pre-design Work

Consider your organization’s mission

Define the target audience

Set goals for the web site

Immediate

Long-term

Gather content

Organize and establish hierarchy of content

31

More Pre-design Work

Create an outline or plan for content

Create your web site on paper first

Use a flowchart to depict how visitors will go from one page to another

Think about the actual HTML, PDF, graphic, sound, and other files you will need in the site

Where will they be placed?

How will visitors access them?

Organize the files logically, so that the development team can understand the hierarchy of the web pages.

32

Influences of Technology on

Design

Browsers

Operating systems

Connection speeds

User screen sizes

33

Influences of Content on

Design

The content drives how the web site looks

Use quality content from subject matter experts

Have site reviewed PERIODICALLY by key

members (CEOs, Department Heads,

Supervisors, etc.) of the group the site supports

Have non-affiliated people review content for

clarity

Have others proofread for grammar

34

Usability

Most users absorb data visually.

Most users will not expend effort to remember

things about how your site works.

35

Usability -- Making It Easy

To Read

Poor eyesight of users

Smaller, older computer monitors as displays

Poor color perception of users

“Cocktail-party” effect -- lots of information on a single web page

Use high contrast between text and background

Use lots of white space

Use larger fonts

Put key navigation buttons in the upper left

Don’t rely on color alone to distinguish between elements on a web page

Avoid busy graphics

Limit page noise -- ensure page elements don’t compete for a visitor’s attention

36

Usability -- User’s Memory

Don’t force visitors to remember how to

navigate/use the site

Provide redundant, easily recognizable

features

Generally, have visited and unvisited links be

different colors to make it easy for users to

remember where they’ve been

Limit the number of items in a group of choices

37

Responsive Web Designing

or RWD

Responsive Web Designing (RWD) is a

process of designing a single website to be

used and compatible on different portable or

handy electronic devices.

Also known as Adaptive Web Designing

(AWD).

38

39

40

Little Extra41

42

How to get your own domain

Think of a short name that would best describe

your institution. It can be an acronym or a

“nickname” with the appropriate top level domain

(TLD) like: mylibrary.edu or mylibrary.com or

mylibrary.org or mylibrary.net

Search on one of the domain registrars to find out

if the name you have chosen is still available

43

How to get your own domain

Try it on Network Solutions at

http://www.networksolutions.com for .com, .org,

and .net TLD

You can also search at InterNIC whois search

http://www.internic.net/whois.html

You can also search for other domain registrars

at the InterNIC site

44

Look for accredited registrars in your country if

you want to use your country code TLD

Find out if the domain you want with your

country code TLD is available by searching at

http://www.uwhois.com

Register your domain name in any of the

domain registrars by providing the needed

information and pay the necessary fees

How to get your own domain

45

If you are part of an organization like a

university, check with your IT department. It is

possible that your organization already have a

domain name.

The person or group responsible can give you a

subdomain name like mylibrary.univ.edu or

mylibrary.digital.com

How to get your own domain

46

Where to host your web site?

There are three ways to host your web site:

Have your own web server

Host it on commercial web hosting sites for free

Host in on commercial web hosting sites for a fee

Each option has its advantages and disadvantages

47

Having your own web server gives you greater control over the application programs running on your server and access to your web site, updating, troubleshooting and maintenance

Must meet the the hardware and software requirements with adequate bandwidth Internet connection

Personnel must have expertise in setting up, updating, managing and maintaining servers

Where to host your web site?

48

Free web hosting sites mean that you need not incur the cost of buying the necessary hardware and software, pay for Internet connection bandwidth, or hire personnel

Downside: loaded with advertisements, limited file storage size, and will be restricted to certain applications that will run on your web site

Typically have a slow download capability and weak file security

Where to host your web site?

49

Commercial web hosting companies usually offer

two options:

file storage space for hosting your web site with

support for some application tools like flash or cgi-

bin

or all these features plus services such as the

development and design of your web site

Where to host your web site?

50

High cost relative to the amount of services being provided

Weak file security and confidentiality; you must trust an outside organization with full access to your web site, and this can be risky even with a non-disclosure agreement

The risk of becoming overly dependent to the company providing services and its stability and capability to continue doing business

Where to host your web site?

51

Your choice should be based on the purpose of the web site, the target audience, the information and services to be provided, and your organizations human, material and financial resources

Provisions should be allotted for the continuous growth of your institution’s web site

Where to host your web site?

52

How to upload your web site

Your web site must be uploaded to a web server

connected to the Internet in order to be accessed

on the Web, the host for your web site

Use a FTP client program to connect to your host

in order to upload (transfer) your web site (files

and other documents) to the server

53

One of the most popular FTP program for PC is

WS_FTP LE downloadable at FTPplanet.com

and it is free for personal and educational use

Test you web site before uploading to the

server, then test it again once it has been

uploaded

How to upload your web site

54

How to manage your web site

The information in your web site should be updated for timeliness and accuracy

Due to the Internet’s dynamic nature, links on you site should be validated periodically to eliminate or at least minimize dead links - links to unavailable information

Make use of your Web site to provide where needed new information and services

55

Provide for user feedback through email and/or

forms

Measure and analyze the web site traffic

Use the resources available on the Web for

maintaining web sites: HTML validator,

Netmechanic, etc.

How to manage your web site

56

How to promote your web site

Your web site promotion should be done using all

the available resources at your disposal, tri media,

on the Net, by word of mouth, demonstrations,

training sessions, workshops, etc.

Aside from press releases and advertisements in

newspapers, radio and television, you can submit

your web site to search engines to establish your

presence online

57

Search engines require you to submit a description

of your web site, what information, services or

products are available, who is responsible and

other related information

You can also make posters, flyers and leaflets with

a description of your web site and its URL

Promote it during workshops and training sessions

How to promote your web site

Resources - Web Sites

Web Style Guide A thorough and accessible guide to Web design

http://www.webstyleguide.com/

Jacob Nielsen’s Use ItA web site devoted to accessibility issues

http://www.useit.com/

Cool HomePages.comA listing of the “coolest” home pages

http://www.coolhomepages.com/

Vincent Flander’s Web Pages That SuckLearn good design by looking at poorly designed web sites

http://www.webpagesthatsuck.com/

disABILITY Information and ResourcesA listing of web sites to help make web pages more accessible

http://www.makoa.org/

Web Site Optimization AnalyzerAnalyze time it takes for web site to load

http://www.websiteoptimization.com/services/analyze/

Web Browser Statisticshttp://www.w3schools.com/browsers/browserstats.asp

Lynx ViewerEmulations of lynx (text web browser)

http://www.delorie.com/web/lynxview.html

http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php

WebTV ViewerAn emulation of the WebTV browser

http://developer.msntv.com/Tools/WebTVVwr.asp

HTML ValidatorValidates HTML code

http://validator.w3.org/

Bobby Accessibility Validator

Validates web sites for accessibility issues

http://bobby.watchfire.com/

August 2005 Connection Speed Statistics:

http://www.websiteoptimization.com/bw/0508/

World Wide Web ConsortiumThe organization responsible for creating official web standards

http://www.w3c.org/

W3SchoolsOnline web tutorials (also contains web statistics)

http://www.w3schools.com/

58

59

Resources - Books

HTML & XHTML: The Complete Reference

Author: Thomas Powell

ISBN: 0-07-222942-X

Web Design: The Complete Reference

Author: Thomas Powell

ISBN: 0-07-222442-8

Designing With Web Standards

Author: Jeffrey Zeldman

ISBN: 0-73-571201-8

HTML for the World Wide Web

Author: Elizabeth Castro

ISBN: 0-32-113007-3

Integrated Web Design

Author: Molly Holzschlag

ISBN: 0-73-571233-6