SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Lesson 8:
Basic Web Page
Creation
What does Web Page
mean?
Web Page
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 Page
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.
 HTML is Easy to Learn and Use
 HTML is Free
 Online Website Builder - Easy Use of
Drag-And-Drop Interface
WYSIWYG
 What You See Is What You Get
 Whatever you will type, insert, draw,
place, rearrange, or whatever you do on
a web page is what the audience will
see
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
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
1. Editor – using the Notepad (source code)
in text and extension name - .html or .htm.
2. Browser – responsible for reading HTML
instructions and displaying the web page
output. (ex. Internet Explorer, Mozilla
Firefox, Google Chrome)
Creating a Website Using
Notepad
Web pages can be created and modified using
professional HTML editors. However, in learning
HTML, it is better to use a simple text editor like
Notepad.
Follow the steps to create your first web page
with Notepad.
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.
EmpTech Lesson 8-Basic Web Page Creation.pptx
EmpTech Lesson 8-Basic Web Page Creation.pptx

Weitere ähnliche Inhalte

Was ist angesagt?

Research Content for Social Advocacy in Developing an.pptx
Research Content for Social Advocacy in Developing an.pptxResearch Content for Social Advocacy in Developing an.pptx
Research Content for Social Advocacy in Developing an.pptx
juwe oroc
 
THE CURRENT STATE OF ICT - LESSON 1.pdf
THE CURRENT STATE OF ICT - LESSON 1.pdfTHE CURRENT STATE OF ICT - LESSON 1.pdf
THE CURRENT STATE OF ICT - LESSON 1.pdf
Jamaica Ojos
 
Lesson 13 ict project publication and statistics
Lesson 13  ict project publication and statisticsLesson 13  ict project publication and statistics
Lesson 13 ict project publication and statistics
darensotomayor
 
1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...
1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...
1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...
JemeloSipsip1
 

Was ist angesagt? (20)

E-Tech L8 Basic Webpage Creation.pptx
E-Tech L8 Basic Webpage Creation.pptxE-Tech L8 Basic Webpage Creation.pptx
E-Tech L8 Basic Webpage Creation.pptx
 
E-Tech L6 Imaging and Design for Online Environment.pptx
E-Tech L6 Imaging and Design for Online Environment.pptxE-Tech L6 Imaging and Design for Online Environment.pptx
E-Tech L6 Imaging and Design for Online Environment.pptx
 
SharePoint Tips and Tricks you cannot live without
SharePoint Tips and Tricks you cannot live withoutSharePoint Tips and Tricks you cannot live without
SharePoint Tips and Tricks you cannot live without
 
Web Page Creation
Web Page CreationWeb Page Creation
Web Page Creation
 
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content DevelopmentEmpowerment Technologies - Online Platforms as Tools for ICT Content Development
Empowerment Technologies - Online Platforms as Tools for ICT Content Development
 
Empowerment Technologies Lecture 6 (Philippines SHS)
Empowerment Technologies Lecture 6 (Philippines SHS)Empowerment Technologies Lecture 6 (Philippines SHS)
Empowerment Technologies Lecture 6 (Philippines SHS)
 
Empowerment Technologies - Module 1.pptx
Empowerment Technologies - Module 1.pptxEmpowerment Technologies - Module 1.pptx
Empowerment Technologies - Module 1.pptx
 
Empowerment Technology Lesson 1
Empowerment Technology Lesson 1Empowerment Technology Lesson 1
Empowerment Technology Lesson 1
 
L5 Advanced Presentation Skills.pptx
L5 Advanced Presentation Skills.pptxL5 Advanced Presentation Skills.pptx
L5 Advanced Presentation Skills.pptx
 
Empowerment Technologies Lecture 9 (Philippines SHS)
Empowerment Technologies Lecture 9 (Philippines SHS)Empowerment Technologies Lecture 9 (Philippines SHS)
Empowerment Technologies Lecture 9 (Philippines SHS)
 
Web Design Principles and Elements
Web Design Principles and ElementsWeb Design Principles and Elements
Web Design Principles and Elements
 
Research Content for Social Advocacy in Developing an.pptx
Research Content for Social Advocacy in Developing an.pptxResearch Content for Social Advocacy in Developing an.pptx
Research Content for Social Advocacy in Developing an.pptx
 
Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and Elements
 
THE CURRENT STATE OF ICT - LESSON 1.pdf
THE CURRENT STATE OF ICT - LESSON 1.pdfTHE CURRENT STATE OF ICT - LESSON 1.pdf
THE CURRENT STATE OF ICT - LESSON 1.pdf
 
Lesson 13 ict project publication and statistics
Lesson 13  ict project publication and statisticsLesson 13  ict project publication and statistics
Lesson 13 ict project publication and statistics
 
SharePoint Power User (Site Owner) Training
SharePoint Power User (Site Owner) TrainingSharePoint Power User (Site Owner) Training
SharePoint Power User (Site Owner) Training
 
Module 4 EMPOWERMENT TECHNOLOGY
Module 4 EMPOWERMENT TECHNOLOGYModule 4 EMPOWERMENT TECHNOLOGY
Module 4 EMPOWERMENT TECHNOLOGY
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
 
1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...
1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...
1.MIL 1. Introduction to MIL (Part 2)- Characteristics of Information Literat...
 
Introduction publisher
Introduction publisherIntroduction publisher
Introduction publisher
 

Ähnlich wie EmpTech Lesson 8-Basic Web Page Creation.pptx

Tutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web PagesTutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web Pages
dpd
 
Tutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web PagesTutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web Pages
guest22edf3
 
Tutorial 8 - Creating Effective Web Pages
Tutorial 8 - Creating Effective Web PagesTutorial 8 - Creating Effective Web Pages
Tutorial 8 - Creating Effective Web Pages
dpd
 

Ähnlich wie EmpTech Lesson 8-Basic Web Page Creation.pptx (20)

CreatingWebPages-Part1.ppt
CreatingWebPages-Part1.pptCreatingWebPages-Part1.ppt
CreatingWebPages-Part1.ppt
 
Html Concept
Html ConceptHtml Concept
Html Concept
 
Html basic
Html basicHtml basic
Html basic
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 
WHAT IS HTML.pdf
WHAT IS HTML.pdfWHAT IS HTML.pdf
WHAT IS HTML.pdf
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 
Grade 7_HTML.pptx
Grade 7_HTML.pptxGrade 7_HTML.pptx
Grade 7_HTML.pptx
 
Html
HtmlHtml
Html
 
Graphics For Web
Graphics For WebGraphics For Web
Graphics For Web
 
Importance of HTML
Importance of HTMLImportance of HTML
Importance of HTML
 
What is html and how it uses/
What is html and how it uses/What is html and how it uses/
What is html and how it uses/
 
Tutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web PagesTutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web Pages
 
Tutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web PagesTutorial 08 - Creating Effective Web Pages
Tutorial 08 - Creating Effective Web Pages
 
Let me design
Let me designLet me design
Let me design
 
Dynamic html (#1)
Dynamic  html (#1)Dynamic  html (#1)
Dynamic html (#1)
 
Module 1
Module 1Module 1
Module 1
 
Html
HtmlHtml
Html
 
What is html ?
What is html ?What is html ?
What is html ?
 
Tutorial 8 - Creating Effective Web Pages
Tutorial 8 - Creating Effective Web PagesTutorial 8 - Creating Effective Web Pages
Tutorial 8 - Creating Effective Web Pages
 

Kürzlich hochgeladen

ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
ashishpaul799
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
中 央社
 

Kürzlich hochgeladen (20)

ppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyesppt your views.ppt your views of your college in your eyes
ppt your views.ppt your views of your college in your eyes
 
Application of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matricesApplication of Matrices in real life. Presentation on application of matrices
Application of Matrices in real life. Presentation on application of matrices
 
An Overview of the Odoo 17 Discuss App.pptx
An Overview of the Odoo 17 Discuss App.pptxAn Overview of the Odoo 17 Discuss App.pptx
An Overview of the Odoo 17 Discuss App.pptx
 
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
Exploring Gemini AI and Integration with MuleSoft | MuleSoft Mysore Meetup #45
 
Dementia (Alzheimer & vasular dementia).
Dementia (Alzheimer & vasular dementia).Dementia (Alzheimer & vasular dementia).
Dementia (Alzheimer & vasular dementia).
 
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdfDanh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
Danh sách HSG Bộ môn cấp trường - Cấp THPT.pdf
 
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
BỘ LUYỆN NGHE TIẾNG ANH 8 GLOBAL SUCCESS CẢ NĂM (GỒM 12 UNITS, MỖI UNIT GỒM 3...
 
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdfINU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
INU_CAPSTONEDESIGN_비밀번호486_업로드용 발표자료.pdf
 
....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf....................Muslim-Law notes.pdf
....................Muslim-Law notes.pdf
 
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
Operations Management - Book1.p  - Dr. Abdulfatah A. SalemOperations Management - Book1.p  - Dr. Abdulfatah A. Salem
Operations Management - Book1.p - Dr. Abdulfatah A. Salem
 
factors influencing drug absorption-final-2.pptx
factors influencing drug absorption-final-2.pptxfactors influencing drug absorption-final-2.pptx
factors influencing drug absorption-final-2.pptx
 
2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx2024_Student Session 2_ Set Plan Preparation.pptx
2024_Student Session 2_ Set Plan Preparation.pptx
 
Championnat de France de Tennis de table/
Championnat de France de Tennis de table/Championnat de France de Tennis de table/
Championnat de France de Tennis de table/
 
Navigating the Misinformation Minefield: The Role of Higher Education in the ...
Navigating the Misinformation Minefield: The Role of Higher Education in the ...Navigating the Misinformation Minefield: The Role of Higher Education in the ...
Navigating the Misinformation Minefield: The Role of Higher Education in the ...
 
Essential Safety precautions during monsoon season
Essential Safety precautions during monsoon seasonEssential Safety precautions during monsoon season
Essential Safety precautions during monsoon season
 
REPRODUCTIVE TOXICITY STUDIE OF MALE AND FEMALEpptx
REPRODUCTIVE TOXICITY  STUDIE OF MALE AND FEMALEpptxREPRODUCTIVE TOXICITY  STUDIE OF MALE AND FEMALEpptx
REPRODUCTIVE TOXICITY STUDIE OF MALE AND FEMALEpptx
 
Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17
Incoming and Outgoing Shipments in 2 STEPS Using Odoo 17
 
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
Removal Strategy _ FEFO _ Working with Perishable Products in Odoo 17
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT VẬT LÝ 2024 - TỪ CÁC TRƯỜNG, TRƯ...
 
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文會考英文
 

EmpTech Lesson 8-Basic Web Page Creation.pptx

  • 1. Lesson 8: Basic Web Page Creation
  • 2. What does Web Page mean?
  • 3. Web Page 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.
  • 4. Web Page 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.
  • 5.  HTML is Easy to Learn and Use  HTML is Free  Online Website Builder - Easy Use of Drag-And-Drop Interface
  • 6. WYSIWYG  What You See Is What You Get  Whatever you will type, insert, draw, place, rearrange, or whatever you do on a web page is what the audience will see
  • 7. 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
  • 8. HTML 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
  • 9. 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 instructions and displaying the web page output. (ex. Internet Explorer, Mozilla Firefox, Google Chrome)
  • 10. Creating a Website Using Notepad Web pages can be created and modified using professional HTML editors. However, in learning HTML, it is better to use a simple text editor like Notepad. Follow the steps to create your first web page with Notepad.
  • 11.
  • 12.
  • 13. 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.