SlideShare a Scribd company logo
1 of 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

More Related Content

What's hot

Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsJohn Mark Centeno
 
Web Page Creation
Web Page CreationWeb Page Creation
Web Page CreationRastaman05
 
Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and ElementsNicahTheaBajenting
 
E-Tech L9 Collaborative ICT Development.pptx
E-Tech L9 Collaborative ICT Development.pptxE-Tech L9 Collaborative ICT Development.pptx
E-Tech L9 Collaborative ICT Development.pptxLeah Condina
 
EmpTech Lesson 15 - Designing and Developing Social Advocacy.pdf
EmpTech Lesson 15 - Designing and Developing Social Advocacy.pdfEmpTech Lesson 15 - Designing and Developing Social Advocacy.pdf
EmpTech Lesson 15 - Designing and Developing Social Advocacy.pdfliera silvan
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and ElementsEromRamos
 
E-Tech L7 Online Platforms for ICT Content Development.pptx
E-Tech L7 Online Platforms for ICT Content Development.pptxE-Tech L7 Online Platforms for ICT Content Development.pptx
E-Tech L7 Online Platforms for ICT Content Development.pptxLeah Condina
 
Empowerment Technologies Lecture 7 (Philippines SHS)
Empowerment Technologies Lecture 7 (Philippines SHS)Empowerment Technologies Lecture 7 (Philippines SHS)
Empowerment Technologies Lecture 7 (Philippines SHS)John Bosco Javellana, MAEd.
 
Online platforms for ict content development
Online platforms for ict content developmentOnline platforms for ict content development
Online platforms for ict content developmentSam Agcaoili
 
What is internet
What is internetWhat is internet
What is internetcramars
 
Empowerment Technologies Lecture 12 (Philippines SHS)
Empowerment Technologies Lecture 12 (Philippines SHS)Empowerment Technologies Lecture 12 (Philippines SHS)
Empowerment Technologies Lecture 12 (Philippines SHS)John Bosco Javellana, MAEd.
 
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 DevelopmentLany Lyn Magdaraog
 
Empowerment Technology Lesson 4
Empowerment Technology Lesson 4Empowerment Technology Lesson 4
Empowerment Technology Lesson 4alicelagajino
 
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENTONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENTRianneMaeIda
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creationFe Lanny Tejano
 
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.pptxLeah Condina
 
Empowerment Technology Lesson 1
Empowerment Technology Lesson 1Empowerment Technology Lesson 1
Empowerment Technology Lesson 1alicelagajino
 

What's hot (20)

Natures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and ApplicationsNatures and Purpose of Online Platforms and Applications
Natures and Purpose of Online Platforms and Applications
 
Wix tutorial
Wix tutorialWix tutorial
Wix tutorial
 
Web Page Creation
Web Page CreationWeb Page Creation
Web Page Creation
 
Web Design Principle and Elements
Web Design Principle and ElementsWeb Design Principle and Elements
Web Design Principle and Elements
 
E-Tech L9 Collaborative ICT Development.pptx
E-Tech L9 Collaborative ICT Development.pptxE-Tech L9 Collaborative ICT Development.pptx
E-Tech L9 Collaborative ICT Development.pptx
 
EmpTech Lesson 15 - Designing and Developing Social Advocacy.pdf
EmpTech Lesson 15 - Designing and Developing Social Advocacy.pdfEmpTech Lesson 15 - Designing and Developing Social Advocacy.pdf
EmpTech Lesson 15 - Designing and Developing Social Advocacy.pdf
 
Basic Web Design Principles and Elements
Basic Web Design Principles and ElementsBasic Web Design Principles and Elements
Basic Web Design Principles and Elements
 
E-Tech L7 Online Platforms for ICT Content Development.pptx
E-Tech L7 Online Platforms for ICT Content Development.pptxE-Tech L7 Online Platforms for ICT Content Development.pptx
E-Tech L7 Online Platforms for ICT Content Development.pptx
 
Empowerment Technologies Lecture 7 (Philippines SHS)
Empowerment Technologies Lecture 7 (Philippines SHS)Empowerment Technologies Lecture 7 (Philippines SHS)
Empowerment Technologies Lecture 7 (Philippines SHS)
 
Online platforms for ict content development
Online platforms for ict content developmentOnline platforms for ict content development
Online platforms for ict content development
 
What is internet
What is internetWhat is internet
What is internet
 
Web design 3
Web design 3Web design 3
Web design 3
 
Empowerment Technologies Lecture 12 (Philippines SHS)
Empowerment Technologies Lecture 12 (Philippines SHS)Empowerment Technologies Lecture 12 (Philippines SHS)
Empowerment Technologies Lecture 12 (Philippines SHS)
 
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 Technology Lesson 4
Empowerment Technology Lesson 4Empowerment Technology Lesson 4
Empowerment Technology Lesson 4
 
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENTONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
ONLINE PLATFORMS FOR ICT CONTENT DEVELOPMENT
 
Module 4 EMPOWERMENT TECHNOLOGY
Module 4 EMPOWERMENT TECHNOLOGYModule 4 EMPOWERMENT TECHNOLOGY
Module 4 EMPOWERMENT TECHNOLOGY
 
Group 3 basic web page creation
Group 3  basic web page creationGroup 3  basic web page creation
Group 3 basic web page creation
 
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
 
Empowerment Technology Lesson 1
Empowerment Technology Lesson 1Empowerment Technology Lesson 1
Empowerment Technology Lesson 1
 

Similar to EmpTech Lesson 8-Basic Web Page Creation.pptx

Similar to 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
 

More from liera silvan

EmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdf
EmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdfEmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdf
EmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdfliera silvan
 
EmpTech Lesson 19 - Sustaining ICT Project for Social Change.pdf
EmpTech Lesson 19 - Sustaining ICT Project for  Social Change.pdfEmpTech Lesson 19 - Sustaining ICT Project for  Social Change.pdf
EmpTech Lesson 19 - Sustaining ICT Project for Social Change.pdfliera silvan
 
EmpTech Lesson 17-ICT Projects for Social Change.pdf
EmpTech Lesson 17-ICT Projects for Social Change.pdfEmpTech Lesson 17-ICT Projects for Social Change.pdf
EmpTech Lesson 17-ICT Projects for Social Change.pdfliera silvan
 
EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...
EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...
EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...liera silvan
 
Emptech Lesson 14-Research for Content in Social Advocay.pdf
Emptech Lesson 14-Research for Content in Social Advocay.pdfEmptech Lesson 14-Research for Content in Social Advocay.pdf
Emptech Lesson 14-Research for Content in Social Advocay.pdfliera silvan
 
EmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdf
EmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdfEmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdf
EmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdfliera silvan
 
EmpTech Lesson 12 - ICT as Platform for Change.pdf
EmpTech Lesson 12 - ICT as Platform for Change.pdfEmpTech Lesson 12 - ICT as Platform for Change.pdf
EmpTech Lesson 12 - ICT as Platform for Change.pdfliera silvan
 

More from liera silvan (7)

EmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdf
EmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdfEmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdf
EmpTech Lesson 20 - Reflecting on the ICT Learning Process.pdf
 
EmpTech Lesson 19 - Sustaining ICT Project for Social Change.pdf
EmpTech Lesson 19 - Sustaining ICT Project for  Social Change.pdfEmpTech Lesson 19 - Sustaining ICT Project for  Social Change.pdf
EmpTech Lesson 19 - Sustaining ICT Project for Social Change.pdf
 
EmpTech Lesson 17-ICT Projects for Social Change.pdf
EmpTech Lesson 17-ICT Projects for Social Change.pdfEmpTech Lesson 17-ICT Projects for Social Change.pdf
EmpTech Lesson 17-ICT Projects for Social Change.pdf
 
EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...
EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...
EmpTech Lesson 15 - Reflection Activity (Designing and Developing an ICT Proj...
 
Emptech Lesson 14-Research for Content in Social Advocay.pdf
Emptech Lesson 14-Research for Content in Social Advocay.pdfEmptech Lesson 14-Research for Content in Social Advocay.pdf
Emptech Lesson 14-Research for Content in Social Advocay.pdf
 
EmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdf
EmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdfEmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdf
EmpTech Lesson 13-Planning and Conceptualizing Social Advocacy.pdf
 
EmpTech Lesson 12 - ICT as Platform for Change.pdf
EmpTech Lesson 12 - ICT as Platform for Change.pdfEmpTech Lesson 12 - ICT as Platform for Change.pdf
EmpTech Lesson 12 - ICT as Platform for Change.pdf
 

Recently uploaded

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxVishalSingh1417
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.pptRamjanShidvankar
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterMateoGardella
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDThiyagu K
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxDenish Jangid
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docxPoojaSen20
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...KokoStevan
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin ClassesCeline George
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docxPoojaSen20
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17Celine George
 

Recently uploaded (20)

Unit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptxUnit-IV; Professional Sales Representative (PSR).pptx
Unit-IV; Professional Sales Representative (PSR).pptx
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Gardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch LetterGardella_PRCampaignConclusion Pitch Letter
Gardella_PRCampaignConclusion Pitch Letter
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptxBasic Civil Engineering first year Notes- Chapter 4 Building.pptx
Basic Civil Engineering first year Notes- Chapter 4 Building.pptx
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
SECOND SEMESTER TOPIC COVERAGE SY 2023-2024 Trends, Networks, and Critical Th...
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
PROCESS RECORDING FORMAT.docx
PROCESS      RECORDING        FORMAT.docxPROCESS      RECORDING        FORMAT.docx
PROCESS RECORDING FORMAT.docx
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 

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.