Scribd
Upload
5 views

html

The document provides an overview of web page design, explaining that a web page is a document displayed on the internet using HTML, which is easy to learn and free to use. It discusses the structure of HTML, its elements, and the tools required to create web pages, including text editors and web browsers. Additionally, it introduces drag-and-drop website builders and WYSIWYG editors that simplify the website creation process without needing to write code.

Uploaded by

queenglofels samosino
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
5 views

html

The document provides an overview of web page design, explaining that a web page is a document displayed on the internet using HTML, which is easy to learn and free to use. It discusses the structure of HTML, its elements, and the tools required to create web pages, including text editors and web browsers. Additionally, it introduces drag-and-drop website builders and WYSIWYG editors that simplify the website creation process without needing to write code.

Uploaded by

queenglofels samosino
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

WEB PAGE DESIGNING

What does Web Page mean?


A Web page is a document for the World Wide Web
that can be accessed and displayed on a monitor or
smartphone using any web browser. Web pages are
made up of Hypertext Markup Language (HTML) and
can be created and modified by using basic application
like Notepad and professional HTML editors.
WHAT IS HTML ?
HTML, or HyperText Markup Language is the
standard markup language used to create web
pages. It is a combination of Hypertext and
Markup language. The Hypertext defines the
link between web pages, and Markup defines
the text document within tags to structure the
web pages. This language annotates text so
that machines can understand and manipulate
it accordingly. HTML is human-readable and
uses tags to define what manipulation has to
be done on the text.
HTML is Easy to Learn and Use
HTML is easy to learn and understand. For
someone who wants to learn web development,
HTML is the first and foremost computer
language that you need to take note but do not
worry, it is not a sensitive case and as simple as it
is. It already has some tags that serve a specific
purpose to make. One can easily understand
others’ code and make changes in it when
required without reading a whole book of a
manual. Moreover, it does not throw any error or
create any problem like other programming
languages do when the developer forgets to close
the tags or makes mistakes in coding.
HTML is Free
One of the biggest advantages of
HTML is that it is free of all cost and
there is no need to purchase
specific software for it to be used.
HTML
• HTML stands for Hyper Text Markup Language
• HTML describes the structure of a web page
• HTML consists of a series of elements
• HTML elements tell the browser how to display the
content
• HTML elements are represented by TAGS
• HTML TAGS label pieces of content such as “heading”,
“paragraph”, “table”
and so on...
• Browsers do not display the HTML tags, but use them to
render the content
of the page
Requirements in creating a web page using the html

• Editor – using the Notepad (source


code) in text and extension name
- .html or .htm.
Browser – responsible for reading HTML
instruction and displaying the web page
output. (ex. Internet Explorer, Mozilla
Firefox, Google Chrome) Browser –
responsible for reading HTML instruction
and displaying the web page output. (ex.
Internet Explorer, Mozilla Firefox, Google
Chrome)
DEMO 
DRAG AND DROP WEBSITE BUILDER
a tool that allows anyone with a
computer and internet connection
to create a website. It doesn't
require you to write code or learn
a single command in CSS. All you
have to do is select a basic layout
(or theme), and drag pre-set
elements to where you want them
on each page.
DRAG AND DROP WEBSITE BUILDER
WEBSITES

• Hostinger Website Builder.


• Weebly.
• Squarespace.
• SITE123.
• Webflow.
• Duda.
• GoDaddy Website Builder.
• Wix
WYSIWYG
WYSIWYG is the acronym for What You
See Is What You Get. This means that
whatever you will type, insert, draw,
place, rearrange, or whatever you do on a
web page is what the audience will see.
Just like using the Microsoft Word,
WYSIWYG shows and prints whatever you
will type on the screen.
DEMO 

You might also like