Sunteți pe pagina 1din 19



SCHOOL S.Y. 2019-2020

A Research Paper Presented to the Senior High School Department

Learn and Explore Montessori School, Inc.

In Partial Fulfillment of the Requirements for the

Information Communication and Technology Strand


Betonio, Jonathan James

Canoy, Carl Adriane

De Luna, Darelyn

Hechanova, Daphnie

Lorejo, Nicole

Luar, Almer

Mutia, Kenneth

October 2019



HTML is a markup language, heavily utilized for creating web pages and web

applications. HTML, when combined with JavaScript and CSS, has become a

milestone for web development. One of the useful aspects of HTML is it can

embed programs written in a scripting language like JavaScript, which is

responsible for affecting the behavior and content of web pages. CSS

inclusion would affect the layout and appearance of the content. The basic

building blocks of any HTML pages are HTML elements. A structured

document can be created with the help of structural-semantic text like

heading, paragraph, list, link, and other items. Browser indeed does not

display the HTML tags but utilize them to interpret the content of the page.

One needs to study various tags and then understand their behavior.

HTML consists of a series of short codes typed into a text-file by the site

author — these are the tags. The text is then saved as an html file, and

viewed through a browser, like Internet Explorer or Netscape Navigator. This

browser reads the file and translates the text into a visible form, hopefully

rendering the page as the author had intended. Writing your own HTML

entails using tags correctly to create your vision. You can use anything from a

rudimentary text-editor to a powerful graphical editor to create HTML can do

all of this because it's a markup language. That means that HTML is used to
mark up content in order to explain what that content is and how it relates to

other content on the page. It does this through the use of tags, which are

used to identify specific types of content page.

A website is a group of web pages that have information in the various pages

that contain similar subject materials. For instance, the web site would have

a name (subject) such as and have several pages related to

good Ford vehicles. The website has a main web page commonly called the

Homepage (index.html or default.html). The site's address will display the

homepage and you can click on hyperlinks to go to other pages on the

website. It is a collection of related network web resources, such as web

pages, multimedia content, which are typically identified with a common

domain name, and published on at least one web server. A well-maintained

website can help teachers and admins gain a competitive advantage in their

industry and improve their school image. Looking good is important because

a website is often a first impression that give potential customers. The

purpose of a website is to turn visitors into prospects. And the way to do this

is to identify the major user types visiting a site, speak to their needs and

give them a clear action step to take next.

School website is very important for making a good first impression as it

often is the first contact that people have with the school. Having a good

school website is also very important for delivering a good user experience
for its regular users, including teachers, admins and students of Learn and

Explore Montessori School.


HTML has a life-span of roughly seven years. During that time, it has evolved

from a simple language with a small number of tags to a complex system of

mark-up, enabling authors to create all-singing-and-dancing Web pages

complete with animated images, sound and all manner of gimmicks. This

chapter tells you something about the Web's early days, HTML, and about

the people, companies and organizations who contributed to HTML+, HTML

2, HTML 3.2 and finally, HTML 4.

This chapter is a short history of HTML. Its aim is to give readers some idea

of how the HTML we use today was developed from the prototype written by

Tim Berners-Lee in 1992. The story is interesting - not least because HTML

has been through an extremely bumpy ride on the road to standardization,

with software engineers, academics and browser companies haggling about

the language like so many Ministers of Parliament debating in the House of

Commons.1989: Tim Berners-Lee invents the Web with HTML as its

publishing language.

In other words, there could be cross-references from one research paper to

another. This would mean that while reading one research paper, you could

quickly display part of another 2paper that holds directly relevant text or

diagrams. Documentation of a scientific and mathematical nature would thus

be represented as a `web' of information held in electronic form on

computers across the world.


Theoretical analyses of website design and usability, use of the website as a

marketing tool have been reviewed by different sources.

Website and web pages are using interchangeably, but one website can

contain many web pages (Website 2014). The website is a collection of

documents, graphics or information where a user can have the complete

experience according to their need. There are two types of website, static

and dynamic. A static website is usually created by using HTML and CSS

which display the same information for a very long time. Static websites are

very uncommon these days. The dynamic websites become popular because

of their usability and easy to update functionality. A dynamic website is easy

to maintain through a simple browser interface.

Boulaire and Mathieu (2000) regard the Web site as an experiential

product with a high hedonic value. Their postulate is that the emotions felt at

the time of the visit build the affective commitment of the user and

therefore, fidelity. Chen and Wells (1999) develop the concept of attitude

towards the site by using, as a basis work, on the attitude towards

advertising. Their measurement is founded on the idea that the Web user will

have a positive evaluative reaction if s/he likes it overall.

Designing the website is as important as the content and information of a

website. A website should be created in a way that customers will find the

information they need without any distractions. “The design and the content

should reflect the target of the audience and the purpose of the site”.

(Lawrence & Tavakol 2007)’s theory that every customer who

visits a website has different skills, ability, and thoughts. That is why a

proper website design is essential for the best user experience. “Unless a

web site meets the needs of the intended users it will not meet the needs of

the organization providing the website. Website development should be user-

centered, evaluating the evolving design against user requirements”.

(Nigel Bevan 1999)’s theory is this user-centered web design

suggested answering few questions before making the website design. A

user should able to use the website without any complexity because the

average web user does not understand the technical aspects of a website

and they can quickly lose their interest if they get confused in so much

information in one page. The designer should use an easy to understand and
easy to use interface which will be more useful for all kind of user or
STUDENTto navigate the website.





1. What is the demographic profile of the respondents in terms of;

1.1 School Role (Teacher or Student);
1.2 (For Teachers) Years of Teaching Experience, Dept. Handled (JHS or

1.3 (For Students) Age, Gender, Department (JHS, SHS?), Strand (for

SHS only)
2. What is the level of importance of this website’s development as

perceived by the teacher respondents?

3. What is the level of importance of this website’s development as

perceived by the student respondents?


H0: There is no significant difference on the respondents’ perception on the

development of the website when grouped according to profile.


This study aims to develop an online centralized information website for

LEMS. This study shall be conducted in Learn and Explore Montessori School
covering only the Junior High and Senior High School Department as its



1. Students: This study help students to make them know how usable the

html is especially when they need to create a website or an application.

2. Teachers: This study will help teachers for them to teach their students

how to make a successful website.

3. Parents: This study will help parents to remind their child/children that

HTML is one of the best for creating a good website.

4. Guidance Counselor: This study helps the counselor on how to advice

the children on the importance of HTML in developing a website.

5. Future Researcher: This study will help the future researchers conduct

a HTML based research. This research will be a big help for the future

researches, because this research will be an example for them.


HTML - Stands for “Hypertext Markup Language”. HTML is the language used

to create the webpages. “Hypertext” refers to the hyperlinks that an HTML

page main contain. “Markup language” refers to the way tags are used to

define the page layout and elements within the page.

CSS – Cascading Style Sheet (CSS) is a style sheet language used for

describing the presentation of a document written in a markup language like

WEBSITE – A website or web site is a collection of related network web

resources, such as web page, multimedia content, which are typically

identified with a common domain name, and published on the least one web

server. Notable examples are,, and

HYPERLINKS – Allows visitors to navigate between Web sites by clicking on

words, phrases, and images.

WEB DESIGN – is the process of creating websites. It encompasses several

different aspect, including webpage layout, content production, and graphic


WEB PAGE – Is a document that is suitable to act as a web resource on the

World Wide Web. In order graphically display a web page, a web browser is

needed. This is a type of software that can retrieve web pages from the





According to Johannan Cleary, Terry Bloom a content analysis of 353 local

television station websites found 49.6% of station are including user-

generated content (UCG), mostly designed to capture eyeballs, rather than

to engage citizens in the journalistic process. The user-generated material

included video (50.9%), audio (14.3%), still photos (82.3%), and other

content (13.7%) including blogs, event announcement, news tips, and viewer


According to Zhenyu Huang this study presents a comprehensive

investigation of US counties’-government adoption and the functions of the

websites. By using content analysis methodology, we feature of US country

e-government portals. The investigation instrument was established upon

political and technological theories’ e-government progress models, and

comprehensive progress literature review.

According to Jane B. Singer, Armed with readily accessible online

traffic logs that provide detailed information about the items users are

selecting to view, editors are voicing concern about the potential effect on

their own content decisions. Through a survey of local British newspaper

editors, this article examines the overlap between user preferences, as

suggested by assessment of website traffic, and content that editors identify

as their best. Results are considered in the context of two related subsets of

agenda-setting theory, as well the sociological process of “making news”.


According to Son (2005) who among the researcher who have

contributed significantly to the development of framework of evaluating

websites as well as undertaking actual evaluation of language learning

websites. Son (2005) argues that “since not all materials are equally reliable

or valuable…language teachers need to be discerning and thoughtful users

with clear ideas of web resource quality factors” (p.216). Son (2005)’s model

of web evaluation proposes 15 criteria that were used in developing a form

for evaluating websites that teach English as a Foreign/Second Language


According to PUP website (1998) continues to evolve

dramatically as it gives its visitors information and online services that is

relevant and useful to them. And PUP Website has matured into one of the

University's most important promotion medium. New Internet and Web

technologies allow the delivery of personalized and relevant information to

our clienteles, who respond by telling us about themselves. That customer

information helps us focus our content and provide services that assist

visitors in quickly finding the information they need. PUP Website is replacing

more expensive, traditional methods of doing things with a more streamlined

and efficient online solution. Through this means, we are able to reduce

paper, printing, and postal costs by distributing information online instead of

on paper. And we are reducing media production and distribution costs by

distributing relevant files online. They are reducing errors in customer data

by allowing customers to submit and update their information online, instead

of filling out registration cards that are transcribed by data entry personnel.

These are just a few of the ways that an academic Web site can impact the

bottom line of the University. AISIS Online (2006) posted a precise definition
of Ateneo Integrated Student Information System (AISIS) serves as the portal

for Ateneo students, faculty and staff. Through the AISIS Online officially

enrolled Ateneo students may view pertinent school information including

their Individual Program of Study (IPS), grades, class schedules and the like.

Students may also eventually enlist using AISIS Online. Ateneo faculty and

staff with access to AISIS, on the other hand, may submit grades and access

their class schedules from outside the campus. Villafania (2007) reported

that in the Philippines, the Commission on Higher Education (CHED) has

initiated programs to secure academic records. CHED and the National

Printing Office (NPO) have signed a memorandum of agreement (MOA) on

the Securitization of Academic Records for college and university graduates

beginning school year 2007. The move is part of CHED’s drive to stop the use

of fake diplomas and school records. CHED former chairman Carlito Puno said

the MOA aims to secure authenticity of academic records such as diplomas,

transcript of records and special orders from all colleges and universities in

the Philippines.

According to Li-ling Hsu, Zhiping Walter concerning everyday life

activities such as patronizing restaurants requires obtaining information

about them. Some consumers go directly to content websites when they

need such information; others go directly to search engines. How do search

engine users differ from content website users for a given type of local

information? This local information-seeking classification model posits that

they differ in their prior experiences with their “go-to” websites, their
perceived search skills, their habit of using search engines, their involvement

with the activity forwhich information is sought, their tendency to conduct

extensive information search, and their beliefs about their “go-to” website



According to Baloğlu and Pekcan (2006) examined the

websites of luxurious hotels with 45 criteria in three categories: interactivity,

navigation and functionality. Using these criteria, he set 16 subcategories

under ‘functionality’. The research shows that the websites of luxurious

hotels in Turkey are not functional at all.

According to Fang and Holsapple (2007) who researched the effects of

website navigation structures on functionality with seven basic features

(interface, functionality, content, coordination, physical, control,

customization) and found that website navigation structure affects the

functionality of a web page to a great extent. Huizingh (2000) looked at 651

websites related to different fields in terms of content and design.

According to Barnes and Vidgen (2003) who revealed that

redesigned websites with upgraded customization features increased the

visitors’ satisfaction. Bauer and Scharl (2000) evaluated commercial,

educational and non-profit organization websites in terms of content and

adequacy. A scale consisting of three components – content, interactivity and

navigation – was applied in the study; customization was used as sub-

category under interactivity. Dervos and Psarras (2005) attempted to define

criteria for academic website design and proposed a model in which an

academic website must have the following features: personalization,

customization, grouping and team-working, simplicity of use, modular

design, and granular administration. Muylle et al. looked at the factors that

affect visitors’ satisfaction, and set out four basic features: layout,

information, connection, and language customization.


According to Kartal and Uzun (2010) define characteristics of

websites in three categories. According to them a good web site should have

a good, user-friendly design where each part and section should be clearly

seen and easy to use, it should allow for easy transition between sections,

the color should not tire the eyes; it should be able to use some other

programs. In addition, a good website has to include some contextual


According to Stevensen and Liu (2010:236) also emphasize the

importance of technical and pedagogical usability of online language

learning environments because according to them the case of use of a

website maybe just as important as the effectiveness of its learnability.

According to Shield and Kukulska-Hulme (2006) components of

usability includes idea of easy to use. So, a system with good interaction

design should be easy to use and generally a better user experience.



This chapter presents the research methodology used in the study

such as research method used, population and sample size, sampling

technique, research instrument, data gathering, statistical treatment and


Research Method Used

The descriptive research method used to determine and analyze the

problems encountered by the researchers.

McMillan and Schumacher (2010) this refers aimed to emphasize and

maximizes objectivity by using numbers and statistics wherein must data

gathered is in the form of words. This method was used in the assessment of

the admins and teachers by means of survey.

Population and Sample Size
In gathering the number of respondents that will be used in the study, the

researchers will be using the non- probability sampling. There will be 4

admins and 28 teachers at LEMS, they will be chosen as respondents. This

technique is similar to convenience sampling and considered as the best

because it includes all subject that are available that will make the sample a

better representation of the entire population.

Total enumeration was used in this study – admins and teachers as primary


Respondents of the Study

The respondents of the study are shown in Table 1.

Table 1
List of Respondents
Respondents Frequency
Admins 4

Teachers 28

Total 32
Sampling Technique
State here that you will be using Purposive Sampling. Look up on

online sources as to what this sampling method is and explain here

why this sampling method is appropriate for you study.

Research Instrument
The instrument we researchers used was a researcher-made survey to gather

the needed data for our research about The Effectiveness of Hypertext

Markup Language on Developing a Website. By making this survey, we can

determine if HTML can help admins and teachers including the students

developing their websites.

Data Gathering

The first step before going to the tester proper is to make a request letter.

Upon approval, the researcher retrieves the request letter. The Teachers and

admins were selected in administration.

In administering questionnaire, the researcher was use the time allotted for

the vacant to avoid the destructions of the class discussion. The teachers

and admins response was given enough time to answer the question. After

the data gathering the researcher now collected for tallying the scores and to

apple the statistical treatment to be used with the study.

Statistical Treatment of Data

The data that will be obtained from the questionnaire will be selected

and chosen to statistical treatment in order to make the interpretation of the

results liable and valid. The following statistical tools and measures will be

utilized in the analysis, description, and interpretation of computed results.

The formulas that were used are:

Slovins Formula

The Slovin's Formula is given as follows: n = N/(1+Ne2), where n is the sample size,

N is the population size and e is the margin of error to be decided by the researcher.

In this study, it was used to find out the area of the respondents discern the effect

of the admins instrumental strategies in school engagement.

N= n÷(1+Ne2)


n = number of samples

N = total population

e = margin of error


For the evaluation of the components of using HTML by developing website, the

Researchers sought the approval from Sir. Samuel Mingala, thesis adviser.

1. How often you use HTML?
2. Why do we need to create a website for

3. How does website help you as a

4. What are the benefits of website for

your students?
5. How can you apply it to your fellow