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!

Website Basics and Categories

  • 1.
    Z Week 6: Website Basics andCategories Subject Code: COMP121 By: Marlon Jamera Email: [email protected]
  • 2.
  • 3.
    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.
  • 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 • 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.
  • 33.
  • 34.
    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.
  • 35.
  • 36.
    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.
  • 37.
  • 38.
    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.
  • 39.
  • 40.
    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.
  • 41.
  • 42.
    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.
  • 43.
  • 44.
    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.
  • 45.
  • 46.
    Z Let’s call ita day, Thank you!

Editor's Notes

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