SlideShare a Scribd company logo
Jocelyn M. Gamo
Web Design Terminology
Network - two or more computers are
connected together.
Internet - a worldwide collection of
computers interconnected to one
another.
World Wide Web(WWW)- a collection of
resources and information
interconnected via the Internet.
Web page- a formatted page within a web
site that may contain text,
graphic, & video.
Website - a set of related web pages served
from a single web domain.
Homepage- the first page of a web site.
Web Browser- refers to a software
application for retrieving, and
presenting information
Web Design Terminology
Web Design Terminology
HTML - HyperText MarkUp Language
- the standard mark language used
to create web pages.
HTTP - HyperText Transfer Protocol
- how messages are formatted and
transmitted, and what actions
were given by the web site.
FTP - File Transfer Protocol
responsible for exchanging files
over the Internet.
URL - Uniform Resource Locator
- also knows as web address.
TCP - Transmission Control Protocol
- one of the core protocols of the
Internet, used to deliver email
and transfer files from one
location to another.
IP - Internet Protocol
- a numerical label assigned to each
device.
ISP - Internet Service Provider
- provides services for accessing
internet.
Web Browser Elements
NAME FUNCTION
HOME BUTTON Represented by a house icon to
return the user’s home page
ADDRESS BAR To input the URL
BACK/FORWARD BUTTONS To go back to the previous page
and forward to the next page.
REFRESH/RELOAD To reload the current page
STOP BUTTON Cancels loading the current page
SEARCH BAR Allows you to type in topics and
terms.
STATUS Displays the progress of the page
being loaded
PAGE ZOOMING Views a page closer or further
Kinds of Web Browsers
Internet Explorer - it was released on
August 16, 1995
Mozilla Firefox - it was released on
November 9, 2004
Safari - it was released on
June 23, 2003
Google Chrome - it was released on
December 11, 2008
Opera - it was released in 1996
- comes from Norway
Kinds of Web Browsers
Netscape - it was released in 1990
Flock - it was released on
May 19, 2009
Things to Remember in creating
a website
FONT - REGULAR – arial, Calibri, comic
sans mt, verdana, tahoma
SIZE - TITLE – up to 28
- Text – up to 14
COLOR
SAVING – .txt – editing web page
– .html – previewing in a browser
HTML TAGS’ SEQUENCE
<html>
<head>
<title>YOUR TITLE</title>
</head>
<body>
THE CONTENT OF YOUR WEB PAGE
</body>
</html>
START
END
Basic general information about
the browsers: creator/company.
Browser Creator
Amaya W3C, INRIA
AOL
Explorer America Online, Inc
Arora Benjamin C. Meyer
Avant Avant Force
Camino The Camino Project
Chromium Google
Browser Creator
Dillo
Jorge Arellano Cid,
Geerken, Rota, et al.
DocZilla CiTEC
Dooble Dooble Team
ELinks Baudis, Fonseca, et al.
Epiphany Marco Pesenti Gritti
Dillo
Jorge Arellano Cid,
Geerken, Rota, et al.
Basic general information about
the browsers: creator/company.
Browser Creator
Amaya W3C, INRIA
AOL
Explorer America Online, Inc
Arora Benjamin C. Meyer
Avant Avant Force
Camino The Camino Project
Chromium Google
Browser Creator
Dillo
Jorge Arellano Cid,
Geerken, Rota, et al.
DocZilla CiTEC
Dooble Dooble Team
ELinks Baudis, Fonseca, et al.
Epiphany Marco Pesenti Gritti
Dillo
Jorge Arellano Cid,
Geerken, Rota, et al.
Basic Web Design Principles
Balance
Proximity
White Spaces
Contrast
Focus
Unity
Alignment
Accuracy
Readability
Understandable
Concise
Ethical and legal
Planning Your Web Site
1. Create the goal/purpose
of the web site
2. Identify the primary
target audience.
3. Plan the content of the
web site.
4. Plan and organize
the site structure.
5. Plan the web pages
details.
6. Planning/designing
the navigation scheme
7. Planning/gathering
your resources.
HISTORY OF SOCIAL
NETWORKING
SITES/APPLICATIONS
Domain Name Format
Mailbox Name - identifies particular mailbox on e-mail
server
Name of Organization - identifies organization who owns
server
Domain Category - also called Top Level Domain;
identifies server’s information domain
ORIGINALLY TOP-LEVEL DOMAINS
.mil US military
.gov US government
.com commercial companies
.edu universities
.org organizations
.net network sites
Top-level domains expanded to
include two letter country codes
.au Australia
.de Germany
.ca Canada
.uk United Kingdom
Domain Name for Server Type

More Related Content

Similar to lesson_3.2.pptx

2 Html Intro
2 Html Intro2 Html Intro
2 Html Intro
drauscher
 
Basics of Internet and WWW
Basics of Internet and WWWBasics of Internet and WWW
Basics of Internet and WWW
Sagar Rai
 
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.pptabdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
David319172
 
The internet
The internetThe internet
The internet
Camille Hazellie
 
The Internet
The InternetThe Internet
The Internet
JVGAJJAR
 
Ppt Lesson 02
Ppt Lesson 02Ppt Lesson 02
Ppt Lesson 02
almario1988
 
Web Introduction
Web IntroductionWeb Introduction
Web Introduction
asim78
 
How a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software SolutionHow a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software Solution
Ganesh Naik
 
2 internet essentials
2 internet essentials2 internet essentials
2 internet essentials
chris30931
 
Ch03 internet-2-browser.pptx
Ch03 internet-2-browser.pptxCh03 internet-2-browser.pptx
Ch03 internet-2-browser.pptx
SR NAIDU
 
Components of-the-internet-and-the-worl-wide (1)
Components of-the-internet-and-the-worl-wide (1)Components of-the-internet-and-the-worl-wide (1)
Components of-the-internet-and-the-worl-wide (1)
JonnahGante
 
internet concepts all
internet concepts allinternet concepts all
internet concepts all
MSc CST
 
Introduction to web technology
Introduction to web technologyIntroduction to web technology
Introduction to web technology
PallawiBulakh1
 
world wide web
world wide webworld wide web
world wide web
Jesbin James
 
Report on browser war
Report on browser warReport on browser war
Report on browser war
Amandeep Kaur
 
Slides 1 - Internet and Web
Slides 1 - Internet and WebSlides 1 - Internet and Web
Slides 1 - Internet and Web
Massimo Callisto
 
introduction_to_web_technology.pdf
introduction_to_web_technology.pdfintroduction_to_web_technology.pdf
introduction_to_web_technology.pdf
VishwanathBurkpalli
 
W 11 internet & www
W 11 internet & wwwW 11 internet & www
Internet Presentation
Internet PresentationInternet Presentation
Internet Presentation
Gerard Sylvester
 
Internet
InternetInternet

Similar to lesson_3.2.pptx (20)

2 Html Intro
2 Html Intro2 Html Intro
2 Html Intro
 
Basics of Internet and WWW
Basics of Internet and WWWBasics of Internet and WWW
Basics of Internet and WWW
 
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.pptabdelwahab alsammak_Chapter 1-Internet concepts.ppt
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
 
The internet
The internetThe internet
The internet
 
The Internet
The InternetThe Internet
The Internet
 
Ppt Lesson 02
Ppt Lesson 02Ppt Lesson 02
Ppt Lesson 02
 
Web Introduction
Web IntroductionWeb Introduction
Web Introduction
 
How a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software SolutionHow a website works - Er Ganesh Naik / Cool Software Solution
How a website works - Er Ganesh Naik / Cool Software Solution
 
2 internet essentials
2 internet essentials2 internet essentials
2 internet essentials
 
Ch03 internet-2-browser.pptx
Ch03 internet-2-browser.pptxCh03 internet-2-browser.pptx
Ch03 internet-2-browser.pptx
 
Components of-the-internet-and-the-worl-wide (1)
Components of-the-internet-and-the-worl-wide (1)Components of-the-internet-and-the-worl-wide (1)
Components of-the-internet-and-the-worl-wide (1)
 
internet concepts all
internet concepts allinternet concepts all
internet concepts all
 
Introduction to web technology
Introduction to web technologyIntroduction to web technology
Introduction to web technology
 
world wide web
world wide webworld wide web
world wide web
 
Report on browser war
Report on browser warReport on browser war
Report on browser war
 
Slides 1 - Internet and Web
Slides 1 - Internet and WebSlides 1 - Internet and Web
Slides 1 - Internet and Web
 
introduction_to_web_technology.pdf
introduction_to_web_technology.pdfintroduction_to_web_technology.pdf
introduction_to_web_technology.pdf
 
W 11 internet & www
W 11 internet & wwwW 11 internet & www
W 11 internet & www
 
Internet Presentation
Internet PresentationInternet Presentation
Internet Presentation
 
Internet
InternetInternet
Internet
 

More from jarelle2

MULTIMEDIA INFORMATION AND MEDIA.pptx
MULTIMEDIA INFORMATION AND MEDIA.pptxMULTIMEDIA INFORMATION AND MEDIA.pptx
MULTIMEDIA INFORMATION AND MEDIA.pptx
jarelle2
 
Information Literacy.pptx
Information Literacy.pptxInformation Literacy.pptx
Information Literacy.pptx
jarelle2
 
The Evolution of Media.pptx
The Evolution of Media.pptxThe Evolution of Media.pptx
The Evolution of Media.pptx
jarelle2
 
MEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptxMEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptx
jarelle2
 
GR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptx
GR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptxGR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptx
GR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptx
jarelle2
 
Gr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptx
Gr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptxGr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptx
Gr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptx
jarelle2
 
Learning-and-Development-trends-and-challenges.pptx
Learning-and-Development-trends-and-challenges.pptxLearning-and-Development-trends-and-challenges.pptx
Learning-and-Development-trends-and-challenges.pptx
jarelle2
 
PRESENTATION.pptx
PRESENTATION.pptxPRESENTATION.pptx
PRESENTATION.pptx
jarelle2
 
2_ATG_.docx
2_ATG_.docx2_ATG_.docx
2_ATG_.docx
jarelle2
 
2_FIDP_.docx
2_FIDP_.docx2_FIDP_.docx
2_FIDP_.docx
jarelle2
 
oral recitation_1.3.ppt
oral recitation_1.3.pptoral recitation_1.3.ppt
oral recitation_1.3.ppt
jarelle2
 
001-Introduction-to-Media-and-Information-Literacy.pptx
001-Introduction-to-Media-and-Information-Literacy.pptx001-Introduction-to-Media-and-Information-Literacy.pptx
001-Introduction-to-Media-and-Information-Literacy.pptx
jarelle2
 

More from jarelle2 (12)

MULTIMEDIA INFORMATION AND MEDIA.pptx
MULTIMEDIA INFORMATION AND MEDIA.pptxMULTIMEDIA INFORMATION AND MEDIA.pptx
MULTIMEDIA INFORMATION AND MEDIA.pptx
 
Information Literacy.pptx
Information Literacy.pptxInformation Literacy.pptx
Information Literacy.pptx
 
The Evolution of Media.pptx
The Evolution of Media.pptxThe Evolution of Media.pptx
The Evolution of Media.pptx
 
MEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptxMEDIA AND INFORMATION LANGUAGES.pptx
MEDIA AND INFORMATION LANGUAGES.pptx
 
GR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptx
GR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptxGR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptx
GR2 THE NEWMEDIA(THE WORLD WIDE WEB).pptx
 
Gr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptx
Gr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptxGr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptx
Gr 1THE VARIOUS MEDIA IN THE AGE OF INFORMATION(group 1).pptx
 
Learning-and-Development-trends-and-challenges.pptx
Learning-and-Development-trends-and-challenges.pptxLearning-and-Development-trends-and-challenges.pptx
Learning-and-Development-trends-and-challenges.pptx
 
PRESENTATION.pptx
PRESENTATION.pptxPRESENTATION.pptx
PRESENTATION.pptx
 
2_ATG_.docx
2_ATG_.docx2_ATG_.docx
2_ATG_.docx
 
2_FIDP_.docx
2_FIDP_.docx2_FIDP_.docx
2_FIDP_.docx
 
oral recitation_1.3.ppt
oral recitation_1.3.pptoral recitation_1.3.ppt
oral recitation_1.3.ppt
 
001-Introduction-to-Media-and-Information-Literacy.pptx
001-Introduction-to-Media-and-Information-Literacy.pptx001-Introduction-to-Media-and-Information-Literacy.pptx
001-Introduction-to-Media-and-Information-Literacy.pptx
 

Recently uploaded

RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem studentsRHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
Himanshu Rai
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
PsychoTech Services
 
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skillsspot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
haiqairshad
 
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptxPrésentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
siemaillard
 
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
Nguyen Thanh Tu Collection
 
Advanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docxAdvanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docx
adhitya5119
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
PECB
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
WaniBasim
 
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching AptitudeUGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
S. Raj Kumar
 
Pengantar Penggunaan Flutter - Dart programming language1.pptx
Pengantar Penggunaan Flutter - Dart programming language1.pptxPengantar Penggunaan Flutter - Dart programming language1.pptx
Pengantar Penggunaan Flutter - Dart programming language1.pptx
Fajar Baskoro
 
math operations ued in python and all used
math operations ued in python and all usedmath operations ued in python and all used
math operations ued in python and all used
ssuser13ffe4
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
Celine George
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
BoudhayanBhattachari
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
Jean Carlos Nunes Paixão
 
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptxChapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Denish Jangid
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
Dr. Mulla Adam Ali
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
Priyankaranawat4
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
History of Stoke Newington
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
mulvey2
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
Nicholas Montgomery
 

Recently uploaded (20)

RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem studentsRHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
RHEOLOGY Physical pharmaceutics-II notes for B.pharm 4th sem students
 
Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...Gender and Mental Health - Counselling and Family Therapy Applications and In...
Gender and Mental Health - Counselling and Family Therapy Applications and In...
 
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skillsspot a liar (Haiqa 146).pptx Technical writhing and presentation skills
spot a liar (Haiqa 146).pptx Technical writhing and presentation skills
 
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptxPrésentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
Présentationvvvvvvvvvvvvvvvvvvvvvvvvvvvv2.pptx
 
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
BÀI TẬP DẠY THÊM TIẾNG ANH LỚP 7 CẢ NĂM FRIENDS PLUS SÁCH CHÂN TRỜI SÁNG TẠO ...
 
Advanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docxAdvanced Java[Extra Concepts, Not Difficult].docx
Advanced Java[Extra Concepts, Not Difficult].docx
 
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
ISO/IEC 27001, ISO/IEC 42001, and GDPR: Best Practices for Implementation and...
 
Liberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdfLiberal Approach to the Study of Indian Politics.pdf
Liberal Approach to the Study of Indian Politics.pdf
 
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching AptitudeUGC NET Exam Paper 1- Unit 1:Teaching Aptitude
UGC NET Exam Paper 1- Unit 1:Teaching Aptitude
 
Pengantar Penggunaan Flutter - Dart programming language1.pptx
Pengantar Penggunaan Flutter - Dart programming language1.pptxPengantar Penggunaan Flutter - Dart programming language1.pptx
Pengantar Penggunaan Flutter - Dart programming language1.pptx
 
math operations ued in python and all used
math operations ued in python and all usedmath operations ued in python and all used
math operations ued in python and all used
 
How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17How to Make a Field Mandatory in Odoo 17
How to Make a Field Mandatory in Odoo 17
 
B. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdfB. Ed Syllabus for babasaheb ambedkar education university.pdf
B. Ed Syllabus for babasaheb ambedkar education university.pdf
 
A Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdfA Independência da América Espanhola LAPBOOK.pdf
A Independência da América Espanhola LAPBOOK.pdf
 
Chapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptxChapter wise All Notes of First year Basic Civil Engineering.pptx
Chapter wise All Notes of First year Basic Civil Engineering.pptx
 
Hindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdfHindi varnamala | hindi alphabet PPT.pdf
Hindi varnamala | hindi alphabet PPT.pdf
 
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdfANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
ANATOMY AND BIOMECHANICS OF HIP JOINT.pdf
 
The History of Stoke Newington Street Names
The History of Stoke Newington Street NamesThe History of Stoke Newington Street Names
The History of Stoke Newington Street Names
 
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptxC1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
C1 Rubenstein AP HuG xxxxxxxxxxxxxx.pptx
 
writing about opinions about Australia the movie
writing about opinions about Australia the moviewriting about opinions about Australia the movie
writing about opinions about Australia the movie
 

lesson_3.2.pptx

  • 2. Web Design Terminology Network - two or more computers are connected together. Internet - a worldwide collection of computers interconnected to one another. World Wide Web(WWW)- a collection of resources and information interconnected via the Internet.
  • 3. Web page- a formatted page within a web site that may contain text, graphic, & video. Website - a set of related web pages served from a single web domain. Homepage- the first page of a web site. Web Browser- refers to a software application for retrieving, and presenting information Web Design Terminology
  • 4. Web Design Terminology HTML - HyperText MarkUp Language - the standard mark language used to create web pages. HTTP - HyperText Transfer Protocol - how messages are formatted and transmitted, and what actions were given by the web site. FTP - File Transfer Protocol responsible for exchanging files over the Internet.
  • 5. URL - Uniform Resource Locator - also knows as web address. TCP - Transmission Control Protocol - one of the core protocols of the Internet, used to deliver email and transfer files from one location to another. IP - Internet Protocol - a numerical label assigned to each device. ISP - Internet Service Provider - provides services for accessing internet.
  • 6. Web Browser Elements NAME FUNCTION HOME BUTTON Represented by a house icon to return the user’s home page ADDRESS BAR To input the URL BACK/FORWARD BUTTONS To go back to the previous page and forward to the next page. REFRESH/RELOAD To reload the current page STOP BUTTON Cancels loading the current page SEARCH BAR Allows you to type in topics and terms. STATUS Displays the progress of the page being loaded PAGE ZOOMING Views a page closer or further
  • 7. Kinds of Web Browsers Internet Explorer - it was released on August 16, 1995 Mozilla Firefox - it was released on November 9, 2004 Safari - it was released on June 23, 2003 Google Chrome - it was released on December 11, 2008 Opera - it was released in 1996 - comes from Norway
  • 8. Kinds of Web Browsers Netscape - it was released in 1990 Flock - it was released on May 19, 2009
  • 9. Things to Remember in creating a website FONT - REGULAR – arial, Calibri, comic sans mt, verdana, tahoma SIZE - TITLE – up to 28 - Text – up to 14 COLOR SAVING – .txt – editing web page – .html – previewing in a browser
  • 10. HTML TAGS’ SEQUENCE <html> <head> <title>YOUR TITLE</title> </head> <body> THE CONTENT OF YOUR WEB PAGE </body> </html> START END
  • 11. Basic general information about the browsers: creator/company. Browser Creator Amaya W3C, INRIA AOL Explorer America Online, Inc Arora Benjamin C. Meyer Avant Avant Force Camino The Camino Project Chromium Google Browser Creator Dillo Jorge Arellano Cid, Geerken, Rota, et al. DocZilla CiTEC Dooble Dooble Team ELinks Baudis, Fonseca, et al. Epiphany Marco Pesenti Gritti Dillo Jorge Arellano Cid, Geerken, Rota, et al.
  • 12. Basic general information about the browsers: creator/company. Browser Creator Amaya W3C, INRIA AOL Explorer America Online, Inc Arora Benjamin C. Meyer Avant Avant Force Camino The Camino Project Chromium Google Browser Creator Dillo Jorge Arellano Cid, Geerken, Rota, et al. DocZilla CiTEC Dooble Dooble Team ELinks Baudis, Fonseca, et al. Epiphany Marco Pesenti Gritti Dillo Jorge Arellano Cid, Geerken, Rota, et al.
  • 13. Basic Web Design Principles Balance Proximity White Spaces Contrast Focus Unity Alignment Accuracy Readability Understandable Concise Ethical and legal
  • 14. Planning Your Web Site 1. Create the goal/purpose of the web site 2. Identify the primary target audience. 3. Plan the content of the web site. 4. Plan and organize the site structure. 5. Plan the web pages details. 6. Planning/designing the navigation scheme 7. Planning/gathering your resources.
  • 16. Domain Name Format Mailbox Name - identifies particular mailbox on e-mail server Name of Organization - identifies organization who owns server Domain Category - also called Top Level Domain; identifies server’s information domain
  • 17. ORIGINALLY TOP-LEVEL DOMAINS .mil US military .gov US government .com commercial companies .edu universities .org organizations .net network sites
  • 18. Top-level domains expanded to include two letter country codes .au Australia .de Germany .ca Canada .uk United Kingdom
  • 19. Domain Name for Server Type