This document provides an overview of website basics and categories. It begins by outlining the scope and learning outcomes of the lesson, which are to familiarize students with website categories and their uses. It then defines what a website is and discusses website basics like purpose, audience, and user experience. Various website applications, development languages, and organizations that set standards are described. Finally, the document outlines several categories of websites like commercial, country, educational, and organizational sites.
Introduction to website fundamentals, including applications, development languages, and categories.
Definition of a website including its roles as a presentation, communication, teaching, and marketing tool. Emphasizes purpose, audience, and engagement.
Details on client-side applications such as JavaScript and AJAX, highlighting interactivity and user experience.
Server-side applications explained, including ASP, PHP, and database integration to enhance web functionality.
Introduction to core web development languages: HTML, SGML, SQL, PHP, and XML for web document structure and data handling.
Description of organizations like ISO and W3C that set standards in web development and communication.
Different website structures: linear, hierarchical, webbed, broad, and deep, explaining their organizational flow.
Introduction to usability measures for websites and testing methods to evaluate user experience.
Overview of commercial websites, e-commerce, demographic data usage, and specific country-related information.
Information specific to educational websites, detailing course offerings and organizational updates.
Explores interactive entertainment websites and music/audio streaming platforms as online mediums.
Discussion of organization sites focusing on non-profits and charities emphasizing their collective goals.
Thanking participants and concluding the presentation on website basics and categories.
Z
Scope of theLesson
• Website Basics
• Website Applications
• Website Development Languages
• Website Organizations
• Website Categories
• Commercial Sites
• Country Sites
• Educational Sites
• Organizational Sites
4.
Z
Learning Outcomes
By theend of the lesson, you will be
familiar and know the website categories
and its uses.
• Explain what the website basics are.
• Define and explain perception of each of
the website basics.
• Identify and compare dynamics of the
different website development languages.
• Describe the features and the aim of each
of the categories of a website.
5.
Z
Website Basics
• Whatis a website?
• a website is a presentation tool;
• a way to communicate;
• a learning tool;
• a teaching tool;
• a marketing tool.
6.
Z
Website Basics
• Beforewe do anything else, we need to
spend time thinking about the 4W’s.
• What is the purpose of the website?
• Who is our target audience?
• What will bring our audience back?
• Where will our audience be using the
website?
7.
Z
Website Applications
• Client– Side Application
• Application on the WWW that run on
the user’s server or computer and are
executed by the browser installed on
the user’s computer.
• Example: JavaScript scripts are client-
side because they are executed by the
client’s browser.
8.
Z
Website Applications
• JavaScript
•A scripting language used to design
interactive websites.
• It allows developers to create
interactive objects such as pop-up
boxes, mouse-over buttons, image
maps, animations, and drop-down
menus that display on the client-side.
9.
Z
Website Applications
• Java
•A high-level programming language
used to create applications for websites.
• Java applets are programs that are
embedded in other applications,
typically in a web page displayed in a
browser on the client-side.
10.
Z
Website Applications
• AJAX
•A group of technologies used to create
dynamic and interactive web content
that loads and updates at a faster rate of
speed.
• Technologies combined together
include the following: HTML or
XHTML, CSS, JavaScript and etc.
11.
Z
Website Applications
• Server– Side Application
• A web based application that runs on
the web or host server.
• ASP, PHP and other technologies can
be manipulated by the server side
before sending the web page to the
client.
12.
Z
Website Applications
• ASP
•Application Service Provider
• A third party entity that manages and
distributes software – based services
and solutions to customers across a
wide area network from a central data
center.
13.
Z
Website Applications
• CSS
•Cascading Style Sheet
• It is used to format the layout of a
web site. They can be used to define
web page elements such as text styles
and tables.
14.
Z
Website Applications
• CGI
•CommonGateway Interface
• A specification for transferring
information between a World Wide
Web server and any program on the
client’s computer designed to accept
and return data.
15.
Z
Website Applications
• Database
•A collection of information organized
in to records of information so a
computer program can quickly access
and select desired pieces of data.
16.
Z
Website Applications
• J-Query
•A free and open source JavaScript
library that is used by Web developers
to navigate HTML documents, handle
events, perform animations and add
Ajax interactions to Web pages.
17.
Z
Website Applications
• OpenSource
• A program in which the source code is
available to the general public for use
and/or modification from its original
design free of charge.
Z
Website Development
Languages
• HTML
•Hyper Text Mark-up Language
• The authoring language used to create
documents on the World Wide Web.
• A set of tags are used to mark up plain
text so that a browser application
knows how to display the text.
20.
Z
Website Development
Languages
• SGML
•Standard Generalized Mark-up
Language
• The Web development language that
establishes a standard for defining
mark-up languages. HTML is a type of
SGML.
Z
Website Development
Languages
• PHP
•Hypertext Preprocessor
• A widely used, general-purpose
scripting language embedded into the
HTML source document and used to
produce dynamic web pages.
23.
Z
Website Development
Languages
• XML
•Extensible Mark-up Language
• A common web development
language created by W3C. A pared-
down version of SGML designed
especially for Web documents.
24.
Z
Website Organizations
• ISO
•International Organization for
Standardization
• Sets international standards for
computer languages so computers can
communicate world-wide.
25.
Z
Website Organizations
• W3C
•World Wide Web Consortium
• An international consortium of
organizations who work together to set
standards for the Internet and the Web.
The W3C was founded in 1994 by Tim
Berners-Lee.
Z
Website Design
and Development
•A broad website is one in which the
home page is the main index page, and all
other Web pages are linked individually to
the home page.
30.
Z
Website Design
and Development
•A deep website
is one that has
many levels of
pages, requiring
the user to click
many times to
reach a particular
Web page.
31.
Z
Website Testing
• Usabilityis the measure of how well a
product, such as a Web site, allows a user
to accomplish his or her goals.
• Usability Testing is a method by which
users of a Web site or other product are
asked to perform certain tasks in an effort
to measure the product’s ease-of-use and
the user’s perception of the experience.
32.
Z
Website Categories
• CommercialSites
• E – Commerce Websites.
• Online shopping websites for retail
sales direct consumers.
• It gathers and uses demographic data
through web contacts and social
medias.
Z
Website Categories
• CountrySites
• Website that provides information
about a specific country.
• Provides information about the culture
and heritage, business and investments,
visiting and planning.
Z
Website Categories
• EducationalSites
• Website that provides information
about a specific school.
• Provides information about the course
offered, admission, location, alumni
corner and current updates.
Z
Website Categories
• GovernmentSites
• Website that provides information
about governance.
• It consists of the digital interaction
between a citizen and the government
at all levels.
Z
Website Categories
• InteractiveSites
• Entertainment websites.
• It is a form of online activity that
holds the attention and interest of the
audience in a website setting.
Z
Website Categories
• Musicand Audio Sites
• Online streaming websites.
• It is a form of online streaming that let
the audience listen to the most recent
music.
Z
Website Categories
• OrganizationSites
• Online charities and non – profit
organization
• It is an online entity, such as an
institution or association that has a
collective goal and is linked to an
external environment.