SlideShare a Scribd company logo
Z
Week 6:
Website Basics
and Categories
Subject Code: COMP121
By: Marlon Jamera
Email: mbjamera@ama.edu.ph
Z
Website Basics
Z
Scope of the Lesson
β€’ Website Basics
β€’ Website Applications
β€’ Website Development Languages
β€’ Website Organizations
β€’ Website Categories
β€’ Commercial Sites
β€’ Country Sites
β€’ Educational Sites
β€’ Organizational Sites
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.
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.
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?
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Z
Website Development
Languages
β€’ Encoding
β€’ Preparing data for storage and
transmission by reducing redundancies
and complexity.
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.
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
β€’ SQUL
β€’ Structured Query Language
β€’ A standardized query language for
requesting information from a database.
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.
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.
Z
Website Organizations
β€’ ISO
β€’ International Organization for
Standardization
β€’ Sets international standards for
computer languages so computers can
communicate world-wide.
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 linear website structure connects web
pages in a straight line.
Z
Website Design
and Development
β€’ A hierarchical website structure connects
Web pages in a tree-like structure
Z
Website Design
and Development
β€’ A webbed website structure has no set of
organization.
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.
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.
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.
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.
Z
Website Categories
β€’ Commercial Sites
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.
Z
Website Categories
β€’ Country Sites
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.
Z
Website Categories
β€’ Educational Sites
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.
Z
Website Categories
β€’ Government Sites
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.
Z
Website Categories
β€’ Interactive Sites
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.
Z
Website Categories
β€’ Music and Audio Sites
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.
Z
Website Categories
β€’ Organization Sites
Z
Let’s call it a day,
Thank you!

More Related Content

PPTX
Introduction to Computer Science
PPT
Url Presentation
PDF
Web Design & Development - Session 1
PDF
Internet and search engine
PPTX
PPTX
The internet
PPTX
Presentation on World Wide Web (WWW)
PPTX
Introduction to internet
Introduction to Computer Science
Url Presentation
Web Design & Development - Session 1
Internet and search engine
The internet
Presentation on World Wide Web (WWW)
Introduction to internet

What's hot (20)

PPTX
Browsers
PPTX
Introduction to ict
PPTX
INTERNET TECHNOLOGY
PPT
Web browser
PPTX
Ppt full stack developer
PPTX
Introduction to Internet
PPTX
Understanding world wide web and the internet
PDF
WEB I - 01 - Introduction to Web Development
PPT
Computer Lecture 1
PPTX
protocols and types of protocols.
PPTX
Ict lecture 1 An introduction to information and Communication technology and...
PPT
Cookies and sessions
PDF
Website Development Process
PPTX
CLASSIFICATION OF COMPUTER
PPTX
Presentation on web browser
PPTX
Chapter 1 introduction to computers
PDF
Web technology
PPTX
Search Engine
PPSX
Web technology
PPT
URL
Β 
Browsers
Introduction to ict
INTERNET TECHNOLOGY
Web browser
Ppt full stack developer
Introduction to Internet
Understanding world wide web and the internet
WEB I - 01 - Introduction to Web Development
Computer Lecture 1
protocols and types of protocols.
Ict lecture 1 An introduction to information and Communication technology and...
Cookies and sessions
Website Development Process
CLASSIFICATION OF COMPUTER
Presentation on web browser
Chapter 1 introduction to computers
Web technology
Search Engine
Web technology
URL
Β 
Ad

Similar to Website Basics and Categories (20)

PPTX
Module 4 EMPOWERMENT TECHNOLOGY
PPTX
Online tools for content development
PPTX
LESSON 6 - ETECH.pptx ict platforms for grade 12
PPTX
Online tools-for-content-development updated
Β 
PPTX
Web Technology Introduction framework.pptx
PDF
Multimedia- How Internet Works
PPT
fundamental of information technology (2)
PPTX
PDF
Web Landscape - updated in Jan 2016
PPTX
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
PPTX
HTML Programming basics and deep dive.pptx
PPTX
Online tools for Content Development
PPTX
Lecture 1- Introduction to Computers and the Internet.pptx
PPTX
Webtech
PPT
Web Development Intro
PPTX
Introduction to website design
PPT
Introduction to web_design_cs_final_ason
PPTX
01-Lecture Web System & Technology Introduction.pptx
PPTX
Module 4 -presentation_slides
Module 4 EMPOWERMENT TECHNOLOGY
Online tools for content development
LESSON 6 - ETECH.pptx ict platforms for grade 12
Online tools-for-content-development updated
Β 
Web Technology Introduction framework.pptx
Multimedia- How Internet Works
fundamental of information technology (2)
Web Landscape - updated in Jan 2016
434519651-ONLINE-PLATFORMS-AS-TOOLS-FOR-ICT-CONTENT-DEVELOPMENT-pptx.pptx
HTML Programming basics and deep dive.pptx
Online tools for Content Development
Lecture 1- Introduction to Computers and the Internet.pptx
Webtech
Web Development Intro
Introduction to website design
Introduction to web_design_cs_final_ason
01-Lecture Web System & Technology Introduction.pptx
Module 4 -presentation_slides
Ad

More from Marlon Jamera (17)

PPTX
JavaScript Conditional Statements
PPTX
Tables and Forms in HTML
PPTX
Images and Lists in HTML
PPTX
Introduction to JavaScript
PPTX
ICT in Society
PPTX
ICT in Business
PPTX
The Future of ICT
PPTX
Trends in the Database
PPTX
Trends in Database Management
PPTX
How the Web Works Using HTML
PPTX
Basic Concept of Database
PPTX
Trends In Telecommunications
PPTX
Software Trends
PPTX
Hardware Technology Trends
PPTX
Familiarization with Web Tools
PPTX
Internet Applications
PPTX
Introduction to World Wide Web
JavaScript Conditional Statements
Tables and Forms in HTML
Images and Lists in HTML
Introduction to JavaScript
ICT in Society
ICT in Business
The Future of ICT
Trends in the Database
Trends in Database Management
How the Web Works Using HTML
Basic Concept of Database
Trends In Telecommunications
Software Trends
Hardware Technology Trends
Familiarization with Web Tools
Internet Applications
Introduction to World Wide Web

Recently uploaded (20)

PPTX
E -tech empowerment technologies PowerPoint
PDF
WebRTC in SignalWire - troubleshooting media negotiation
PDF
Testing WebRTC applications at scale.pdf
PDF
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
PPT
Design_with_Watersergyerge45hrbgre4top (1).ppt
PDF
SASE Traffic Flow - ZTNA Connector-1.pdf
PDF
Cloud-Scale Log Monitoring _ Datadog.pdf
PPTX
Funds Management Learning Material for Beg
PPTX
INTERNET------BASICS-------UPDATED PPT PRESENTATION
PPTX
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
PPTX
Introuction about WHO-FIC in ICD-10.pptx
PPTX
Introuction about ICD -10 and ICD-11 PPT.pptx
PDF
Slides PDF The World Game (s) Eco Economic Epochs.pdf
PPT
isotopes_sddsadsaadasdasdasdasdsa1213.ppt
PPTX
innovation process that make everything different.pptx
PDF
Decoding a Decade: 10 Years of Applied CTI Discipline
PDF
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
PDF
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
PPTX
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
PDF
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
Β 
E -tech empowerment technologies PowerPoint
WebRTC in SignalWire - troubleshooting media negotiation
Testing WebRTC applications at scale.pdf
Vigrab.top – Online Tool for Downloading and Converting Social Media Videos a...
Design_with_Watersergyerge45hrbgre4top (1).ppt
SASE Traffic Flow - ZTNA Connector-1.pdf
Cloud-Scale Log Monitoring _ Datadog.pdf
Funds Management Learning Material for Beg
INTERNET------BASICS-------UPDATED PPT PRESENTATION
Introduction about ICD -10 and ICD11 on 5.8.25.pptx
Introuction about WHO-FIC in ICD-10.pptx
Introuction about ICD -10 and ICD-11 PPT.pptx
Slides PDF The World Game (s) Eco Economic Epochs.pdf
isotopes_sddsadsaadasdasdasdasdsa1213.ppt
innovation process that make everything different.pptx
Decoding a Decade: 10 Years of Applied CTI Discipline
FINAL CALL-6th International Conference on Networks & IOT (NeTIOT 2025)
πŸ’° π”πŠπ“πˆ πŠπ„πŒπ„ππ€ππ†π€π πŠπˆππ„π‘πŸ’πƒ π‡π€π‘πˆ 𝐈𝐍𝐈 πŸπŸŽπŸπŸ“ πŸ’°
Β 
CHE NAA, , b,mn,mblblblbljb jb jlb ,j , ,C PPT.pptx
APNIC Update, presented at PHNOG 2025 by Shane Hermoso
Β 

Website Basics and Categories

Editor's Notes

  • #2: References: http://grosskurth.ca/papers/browser-refarch.pdf
  • #47: https://youtu.be/vzdA66d6xDs