0% found this document useful (0 votes)
1 views26 pages

L9 Emptech

The document provides an overview of creating basic web pages using HTML, which is a free text-based markup language that defines the structure and content of web pages. It outlines the requirements for creating a web page, including using a text editor like Notepad and a web browser to display the page. Additionally, it describes using WYSIWYG tools like Wix for building websites through a user-friendly drag-and-drop interface.

Uploaded by

Jeniel Ivy Ocop
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
0% found this document useful (0 votes)
1 views26 pages

L9 Emptech

The document provides an overview of creating basic web pages using HTML, which is a free text-based markup language that defines the structure and content of web pages. It outlines the requirements for creating a web page, including using a text editor like Notepad and a web browser to display the page. Additionally, it describes using WYSIWYG tools like Wix for building websites through a user-friendly drag-and-drop interface.

Uploaded by

Jeniel Ivy Ocop
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/ 26

BASIC WEB PAGE

CREATION
HTML
Hypertext Markup Language
(HTML) is a code that defines
the structure and content of
web pages
HTML
-It is a text-based language
used to create web pages.
-HTML is the first and foremost
computer language
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 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
HTML document is divided into two main
sections the head and the body. Each
section contains specific information. The
head section contains information about the
documents like title, search engine or
keywords but is not visible to the reader. The
body section contains the information or
content that you want to appear on the web
page.
REQUIREMENTS IN CREATING A WEB PAGE USING
THE HTML

1. Editor – using the Notepad (source code)


in text and extension name - .html or .htm.
2. Browser – responsible for reading HTML
instruction and displaying the web page
output. (ex. Internet Explorer, Mozilla
Firefox, Google Chrome)
CREATING A WEBSITE USING NOTEPAD

Follow the steps below to create your first web


page with Notepad.
Step 1: Open Notepad
For Windows 8 or above computers:
a. Open the Start Screen (the window symbol
at the bottom left on your screen).
b. Search and open the Notepad
Step 2: Write the following HTML:
CREATING A WEBSITE USING NOTEPAD

Step 3: Save the HTML Page

Save the file on your computer. Select File >


Save as in the Notepad menu.
File > Save as > Select .html as the extension
CREATING A WEBSITE USING NOTEPAD

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your browser


(double click on the file, or right-click - and
choose "Open with").
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.
CREATING A WEBSITE USING AN ONLINE WEBSITE
BUILDER

Wix.com is a WYSIWYG cloud-based web


development platform that was first
developed and popularized by the Israeli
company also called Wix. It allows users to
create websites and mobile sites through
the use of online drag-and-drop tools
CREATING A WEBSITE USING AN
ONLINE WEBSITE BUILDER
1. Create an account on Wix through their
website www.wix.com and click GET
STARTED.
2. Select “Create a New Site” from the
drop down menu in the top right corner of
the dashboard. Once it’s clicked, Wix will
ask what type of website do you want to
create. There are options for everyone,
from online stores to personal portfolios.
3. Customize your website with the Wix
Editor. Once you select a template, you
can be able to customize it in the Wix
Editor using simple drag-and-drop editing.
4. Update the Texts and Images At this
point, you can get to see a preview page
of your chosen template. This is where
you can play around with simple but
brilliant editing features, like the dragand-
drop design and text boxes.
5. Personalize the Background
If small images are still not enough, you
can also change your template
background. The left-hand sidebar
features a ‘Background’ button, which you
can use to click and change with ease.
6. Add Pages Once you created a stunning
homepage, there are few other more
pages you can add to ensure that your
website has everything visitors are
looking for. For example, make sure to
include a “Home”, “About” and a “Contact
Us” page.
7. Publish your Wix website
To make your website publicly accessible, you
need to publish it. To do so, click “Publish” from
the top menu. However, before Wix will publish
your site, the last step in the process is to
create your own subdomain or connect a
custom domain. For a serious website, you
should connect your own custom domain name,
rather than using a Wix subdomain.
THANK YOU

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy