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 Scholarships
Widening
Participation
Accommodation Access Ucl
Current Students
Undergraduate
Graduate
International
21
22
The Content Life Cycle
Publish
Create
Index
Store
Retain
Cleanse
Search
Distribute
Version
Capture
Manage
Secure
Destruction
Archive
23
Web Content
Web Authors
Context Diagram
Content
Management
System
Intranet
Servers
Extranet
Servers
Web Content
Web 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 web
CMS publishes to
the web servers
Approved
Not Approved
26
High Values Features and Services
Business
Intelligence
Identity Mgmt
Application
Grid
SOA, BPM, JDev
Oracle Database
SecureFiles, AuditVault,
Database Vault, RAC
3rd Party
Database,
File System
Core Content Services
FUSION
MIDDLE
WARE
A
D
A
P
T
E
R
S
ArchivingCapture Web Content Imaging
Digital
Assets Document Rights Records
Oracle Enterprise Content Management
Portal
Connectors
OOTB
Web Apps
Mobile
Delivery
Desktop &
Office
Integrations
Application
Connectors
Oracle Content Management
Unified and Integrated Enterprise Content Mgmt
Oracle
Storage
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 It
A web site devoted to accessibility issues
http://www.useit.com/
 Cool HomePages.com
A listing of the “coolest” home pages
http://www.coolhomepages.com/
 Vincent Flander’s Web Pages That Suck
Learn good design by looking at poorly designed web sites
http://www.webpagesthatsuck.com/
 disABILITY Information and Resources
A listing of web sites to help make web pages more accessible
http://www.makoa.org/
 Web Site Optimization Analyzer
Analyze time it takes for web site to load
http://www.websiteoptimization.com/services/analyze/
 Web Browser Statistics
http://www.w3schools.com/browsers/browserstats.asp
 Lynx Viewer
Emulations of lynx (text web browser)
http://www.delorie.com/web/lynxview.html
http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php
 WebTV Viewer
An emulation of the WebTV browser
http://developer.msntv.com/Tools/WebTVVwr.asp
 HTML Validator
Validates 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 Consortium
The organization responsible for creating official web standards
http://www.w3c.org/
 W3Schools
Online 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

More Related Content

PPT
Web browsers and website publishing
PPTX
Web Design & Development ! BATRA COMPUTER CENTRE
PPTX
Web Design & Development
KEY
SharePoint Document Management
PDF
SharePoint 2010 Enterprise Content Management (ECM) Features
PPTX
SharePoint Site Collections - Best Practices and Recommendations
PPT
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
PPTX
Ian cohen tech in law project
Web browsers and website publishing
Web Design & Development ! BATRA COMPUTER CENTRE
Web Design & Development
SharePoint Document Management
SharePoint 2010 Enterprise Content Management (ECM) Features
SharePoint Site Collections - Best Practices and Recommendations
Webdesigningandpublishingcomputerstudiestheorylesson 101212054612-phpapp02
Ian cohen tech in law project

What's hot (14)

PPTX
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
PPTX
Web content management
PPTX
SPSNYC14 - Must Love Term Sets: The New and Improved Managed Metadata Service...
PDF
Enterprise Document Management in SharePoint 2010
PDF
Types of sites - sharepoint 2013
PPTX
Best Practices to SharePoint Physical and Information Architecture
PPTX
Content Management Systems
PPTX
CMS ( Content Management System ) Digital Marketing
PPTX
SharePoint 2010 Document Management
PPTX
Managed metadata – SharePoint 2013
PPT
Wcms2009Open Source Web Content Management System
PPTX
New understanding website
PPT
Open source content management systems
PPTX
08.m3 cms cms-proprietary&open-src
A Framework Approach to Building an Oracle WebCenter Intranet, Extranet, or P...
Web content management
SPSNYC14 - Must Love Term Sets: The New and Improved Managed Metadata Service...
Enterprise Document Management in SharePoint 2010
Types of sites - sharepoint 2013
Best Practices to SharePoint Physical and Information Architecture
Content Management Systems
CMS ( Content Management System ) Digital Marketing
SharePoint 2010 Document Management
Managed metadata – SharePoint 2013
Wcms2009Open Source Web Content Management System
New understanding website
Open source content management systems
08.m3 cms cms-proprietary&open-src
Ad

Viewers also liked (19)

PDF
Paid Survey System
PDF
Reducir la Burocracia en la UE
PDF
Ecash Opinions Paid Surveys
PPSX
PPTX
Top tips for sketching during the winter
PPT
Leadership Blook: Become an Effective Leader
PPTX
PPTX
Target audience mood boards and reader profiles
PDF
Fgd grup 3 fokus produk unggulan tk
PPSX
A presentation of ECO EX
PPTX
Elementos esenciales educacion a distancia
PPTX
Media contents and double page spread
PDF
Ieee 2013 2014 final year me,mtech java project titles
PDF
Reboarding the Sales Force: Leveraging Onboarding Principles to Keep Seasoned...
PDF
инструкция по монтажу вру
PPT
Изучение ОПК
PPTX
Foundation portfolio evaluation notes
PPTX
Sketching fruit and veg...
PPSX
Ppt treadwell
Paid Survey System
Reducir la Burocracia en la UE
Ecash Opinions Paid Surveys
Top tips for sketching during the winter
Leadership Blook: Become an Effective Leader
Target audience mood boards and reader profiles
Fgd grup 3 fokus produk unggulan tk
A presentation of ECO EX
Elementos esenciales educacion a distancia
Media contents and double page spread
Ieee 2013 2014 final year me,mtech java project titles
Reboarding the Sales Force: Leveraging Onboarding Principles to Keep Seasoned...
инструкция по монтажу вру
Изучение ОПК
Foundation portfolio evaluation notes
Sketching fruit and veg...
Ppt treadwell
Ad

Similar to Class 8 (20)

PDF
Class 7 and 8
DOCX
"BUILD & HOST YOUR OWN WEBSITE TODAY "!!
PDF
WordPress Curriculum guide.pdf
PPTX
Introduction to Website Design & Google Sites
PPTX
Web Introduction and Google Sites.pptx
PDF
Presentation joomla-introduction
PDF
Chapter 4 Web design tech in formation technology msc class .pdf
PDF
web development materials enhancement as computer technician
PPT
Download It
PDF
The Ultimate Guide to Choosing WordPress Pros and Cons
PPTX
Web Concepts_Introduction to Website Planning
PPT
Integrity: WordPress Case Study
PPT
Webinar "Using the Web to Maximize Your Regional Group's ...
ODP
Word press intro 4x3 draft 12
 
PDF
web hosting services reviews and comparisons
PPT
How websites and search engines work
PPTX
SharePoint Intranet Governance Sample Outline - www.sharepointpmp.com
PPT
Website 101: Build and Rebuild
PPTX
Website process presentation 20160112
PPTX
Give Your SharePoint Site a Physical
Class 7 and 8
"BUILD & HOST YOUR OWN WEBSITE TODAY "!!
WordPress Curriculum guide.pdf
Introduction to Website Design & Google Sites
Web Introduction and Google Sites.pptx
Presentation joomla-introduction
Chapter 4 Web design tech in formation technology msc class .pdf
web development materials enhancement as computer technician
Download It
The Ultimate Guide to Choosing WordPress Pros and Cons
Web Concepts_Introduction to Website Planning
Integrity: WordPress Case Study
Webinar "Using the Web to Maximize Your Regional Group's ...
Word press intro 4x3 draft 12
 
web hosting services reviews and comparisons
How websites and search engines work
SharePoint Intranet Governance Sample Outline - www.sharepointpmp.com
Website 101: Build and Rebuild
Website process presentation 20160112
Give Your SharePoint Site a Physical

More from Dr. Ajith Sundaram (20)

DOCX
DOC
Notes part iii
DOC
Notes part ii
DOC
Notes part i
PDF
Class 23 and 24
PDF
Class 21 and 22
PDF
PDF
PDF
Class 17 and 18
PDF
PDF
PDF
Class 12, 13 and 14
PDF
Class 9, 10 and 11
PDF
Class 1, 2 and 3
PDF
Class 4, 5 and 6
PPTX
PPTX
PPTX
PPTX
PPTX
Notes part iii
Notes part ii
Notes part i
Class 23 and 24
Class 21 and 22
Class 17 and 18
Class 12, 13 and 14
Class 9, 10 and 11
Class 1, 2 and 3
Class 4, 5 and 6

Recently uploaded (20)

PDF
Race Reva University – Shaping Future Leaders in Artificial Intelligence
PPTX
UNIT_2-__LIPIDS[1].pptx.................
PPTX
INSTRUMENT AND INSTRUMENTATION PRESENTATION
PDF
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
PDF
Farming Based Livelihood Systems English Notes
PDF
M.Tech in Aerospace Engineering | BIT Mesra
PDF
The TKT Course. Modules 1, 2, 3.for self study
PDF
fundamentals-of-heat-and-mass-transfer-6th-edition_incropera.pdf
PDF
Journal of Dental Science - UDMY (2022).pdf
PDF
My India Quiz Book_20210205121199924.pdf
PDF
CRP102_SAGALASSOS_Final_Projects_2025.pdf
PDF
Everyday Spelling and Grammar by Kathi Wyldeck
PDF
Environmental Education MCQ BD2EE - Share Source.pdf
PDF
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
PDF
Climate and Adaptation MCQs class 7 from chatgpt
PDF
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
PDF
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
PDF
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2013).pdf
PDF
LIFE & LIVING TRILOGY- PART (1) WHO ARE WE.pdf
PDF
International_Financial_Reporting_Standa.pdf
Race Reva University – Shaping Future Leaders in Artificial Intelligence
UNIT_2-__LIPIDS[1].pptx.................
INSTRUMENT AND INSTRUMENTATION PRESENTATION
Vision Prelims GS PYQ Analysis 2011-2022 www.upscpdf.com.pdf
Farming Based Livelihood Systems English Notes
M.Tech in Aerospace Engineering | BIT Mesra
The TKT Course. Modules 1, 2, 3.for self study
fundamentals-of-heat-and-mass-transfer-6th-edition_incropera.pdf
Journal of Dental Science - UDMY (2022).pdf
My India Quiz Book_20210205121199924.pdf
CRP102_SAGALASSOS_Final_Projects_2025.pdf
Everyday Spelling and Grammar by Kathi Wyldeck
Environmental Education MCQ BD2EE - Share Source.pdf
FOISHS ANNUAL IMPLEMENTATION PLAN 2025.pdf
Climate and Adaptation MCQs class 7 from chatgpt
Τίμαιος είναι φιλοσοφικός διάλογος του Πλάτωνα
CISA (Certified Information Systems Auditor) Domain-Wise Summary.pdf
Myanmar Dental Journal, The Journal of the Myanmar Dental Association (2013).pdf
LIFE & LIVING TRILOGY- PART (1) WHO ARE WE.pdf
International_Financial_Reporting_Standa.pdf

Class 8

  • 3. 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
  • 4. Types Of Web Hosting  Shared Hosting  Dedicated Server Hosting  Co-located Server Hosting 4
  • 5. 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
  • 6. 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
  • 7. 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
  • 8. 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
  • 9. 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
  • 10. What should you look for in a host?  Usage limitations  File-transfer options  Mail options  Site statistics 10
  • 11. Factors to evaluate when selecting a hosting service  Functionality  Reliability  Bandwidth and server scalability  Security  Backup and disaster recovery  Cost 11
  • 12. 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
  • 14. Defining Content  Content is a resource  Content can be  articles  reports  pictures  audio  email 14
  • 15. 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
  • 16. What is the CMS?  A system for managing content in a web site  Doesn’t require special software for uploading pages 16
  • 17. Components of CMS CM S Document Management System Digital Asset Management Web Content Management Enterprise Information Portal COLLABORATION 17
  • 18. 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
  • 19. 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
  • 20. 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
  • 21. Prospective Students site structure UCL Home Page Transition Prospective Students Staff Undergraduate Graduate Scholarships Widening Participation Accommodation Access Ucl Current Students Undergraduate Graduate International 21
  • 22. 22
  • 23. The Content Life Cycle Publish Create Index Store Retain Cleanse Search Distribute Version Capture Manage Secure Destruction Archive 23
  • 24. Web Content Web Authors Context Diagram Content Management System Intranet Servers Extranet Servers Web Content Web 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
  • 26. A workflow with Metadata Author Creates Content CMS applies Metadata Approver checks Work Metadata sent to the Search Engine Available on the web CMS publishes to the web servers Approved Not Approved 26
  • 27. High Values Features and Services Business Intelligence Identity Mgmt Application Grid SOA, BPM, JDev Oracle Database SecureFiles, AuditVault, Database Vault, RAC 3rd Party Database, File System Core Content Services FUSION MIDDLE WARE A D A P T E R S ArchivingCapture Web Content Imaging Digital Assets Document Rights Records Oracle Enterprise Content Management Portal Connectors OOTB Web Apps Mobile Delivery Desktop & Office Integrations Application Connectors Oracle Content Management Unified and Integrated Enterprise Content Mgmt Oracle Storage Archive Manager E-BUSINESS SUITE PEOPLESOFT SIEBEL | JD EDWARDS Notes / Domino 3rd Party File Systems
  • 28. Website design and construction
  • 29. 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
  • 30. 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
  • 31. 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
  • 32. 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
  • 33. Influences of Technology on Design  Browsers  Operating systems  Connection speeds  User screen sizes 33
  • 34. 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
  • 35. Usability  Most users absorb data visually.  Most users will not expend effort to remember things about how your site works. 35
  • 36. 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
  • 37. 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
  • 38. 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. 39
  • 40. 40
  • 42. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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
  • 58. Resources - Web Sites  Web Style Guide A thorough and accessible guide to Web design http://www.webstyleguide.com/  Jacob Nielsen’s Use It A web site devoted to accessibility issues http://www.useit.com/  Cool HomePages.com A listing of the “coolest” home pages http://www.coolhomepages.com/  Vincent Flander’s Web Pages That Suck Learn good design by looking at poorly designed web sites http://www.webpagesthatsuck.com/  disABILITY Information and Resources A listing of web sites to help make web pages more accessible http://www.makoa.org/  Web Site Optimization Analyzer Analyze time it takes for web site to load http://www.websiteoptimization.com/services/analyze/  Web Browser Statistics http://www.w3schools.com/browsers/browserstats.asp  Lynx Viewer Emulations of lynx (text web browser) http://www.delorie.com/web/lynxview.html http://www.yellowpipe.com/yis/tools/lynx/lynx_viewer.php  WebTV Viewer An emulation of the WebTV browser http://developer.msntv.com/Tools/WebTVVwr.asp  HTML Validator Validates 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 Consortium The organization responsible for creating official web standards http://www.w3c.org/  W3Schools Online web tutorials (also contains web statistics) http://www.w3schools.com/ 58
  • 59. 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

Editor's Notes