Lesson: Website Basics and Categories

1. Z
Week 6:
Website Basics
and Categories
Subject Code: COMP121
By: Marlon Jamera
Email: mbjamera@ama.edu.ph

2. Z
Website Basics

3. Z
Scope of the Lesson
• Website Basics
• Website Applications
• Website Development Languages
• Website Organizations
• Website Categories
• Commercial Sites
• Country Sites
• Educational Sites
• Organizational Sites

4. Z
Learning Outcomes
By the end 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
• What is 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
• Before we 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
•Common Gateway 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
• Open Source
• 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.

18. Z
Website Development
Languages
• Encoding
• Preparing data for storage and
transmission by reducing redundancies
and complexity.

19. 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.

21. Z
Website Development
Languages
• SQUL
• Structured Query Language
• A standardized query language for
requesting information from a database.

22. 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.

26. Z
Website Design
and Development
• A linear website structure connects web
pages in a straight line.

27. Z
Website Design
and Development
• A hierarchical website structure connects
Web pages in a tree-like structure

28. Z
Website Design
and Development
• A webbed website structure has no set of
organization.

29. 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
• Usability is 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
• Commercial Sites
• E – Commerce Websites.
• Online shopping websites for retail
sales direct consumers.
• It gathers and uses demographic data
through web contacts and social
medias.

33. Z
Website Categories
• Commercial Sites

34. Z
Website Categories
• Country Sites
• Website that provides information
about a specific country.
• Provides information about the culture
and heritage, business and investments,
visiting and planning.

35. Z
Website Categories
• Country Sites

36. Z
Website Categories
• Educational Sites
• Website that provides information
about a specific school.
• Provides information about the course
offered, admission, location, alumni
corner and current updates.

37. Z
Website Categories
• Educational Sites

38. Z
Website Categories
• Government Sites
• Website that provides information
about governance.
• It consists of the digital interaction
between a citizen and the government
at all levels.

39. Z
Website Categories
• Government Sites

40. Z
Website Categories
• Interactive Sites
• Entertainment websites.
• It is a form of online activity that
holds the attention and interest of the
audience in a website setting.

41. Z
Website Categories
• Interactive Sites

42. Z
Website Categories
• Music and Audio Sites
• Online streaming websites.
• It is a form of online streaming that let
the audience listen to the most recent
music.

43. Z
Website Categories
• Music and Audio Sites

44. Z
Website Categories
• Organization Sites
• 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.

45. Z
Website Categories
• Organization Sites

46. Z
Let’s call it a day,
Thank you!