Website Fundamentals - Introduction g g g
Learning Objectives g
• Documentgwebgpagegandgwebsitegcreation.
What is the internet?g g g g
The internet is the global network of computers, also referred to as the World
g g g g g g g g g g g g g g
Wide Web (WWW). These computers exchange information within the intern
g g g g g g g g g
et. In this modern age, the internet is present in almost every human society a
g g g g g g g g g g g g g g
round the whole wide world (which by coincidence, or not, carries the same
g g g g g g g g g g g g g
WWW acronym!). While internet connectivity started a long time ago (1969 w
g g g g g g g g g g g
ith ARPAnet), the World Wide Web as we know it today started precisely on
g g g g g g g g g g g g g g
March 12, 1989. g g
How was the internet born, and how are URLs and HTML involved?
g g g g g g g g g g g g
Not unlike the stages of human development, the World Wide Web started wi
g g g g g g g g g g g g
th language development.
g g
"Progressivegdevelopmentgofgwebgcontentglanguages"g©gWGUg2020
You will learn more about CSS language and examine examples as we proce
g g g g g g g g g g g g
ed through the modules. It should be noted that JavaScript and PHP languag
g g g g g g g g g g g g
es will not be covered in this course. Take a look at this image to learn more
g g g g g g g gg g g g g g g g g g
about how webpages are arranged using HTML.
g g g g g g
• URL
Marks the webpage URL [Uniform Resource Locator]
g g g g g g
• Logo Image g
Logo image is embedded in the page using the HTML5 tag <im
g g g g g g g g g g g
g>. You will learn more about hyperlinks later in the module.
g g g g g g g g g g
• Heading Text g
Heading text made using HTML tag <h2>. You will learn more a
g g g g g g g g g g g
bout HTML tags later in the module.
g g g g g g
, • Site Navigation g
This alphabet feature is HTML content; each letter hyperlink dir
g g g g g g g g g
ects to the databases starting with each corresponding letter. Y
g g g g g g g g g
ou will learn more about these hyperlinks later in the module.
g g g g g g g g g g
•
g
•
g
• 1
g
• 2
g
• 3
g
• 4
g
•
"Overview of Web Page Components” © WGU 2020 g g g g g g g
A Brief Look Back at the History of the Internet
g g g g g g g g g
It is hard to explain to someone born after the turn of the century how people
g g g g g g g g g g g g g g g g
were able to research and access different types of information before the int
g g g g g g g g g g g g
ernet! There is a particularly good reason for that: the internet represents an
g g g g g g g g g g g g g
evolution of human civilization comparable only to the invention of writing aro
g g g g g g g g g g g
und 5,000 years ago. Behind this phenomenal change in our lives was the cr
g g g g g g g g g g g g g
eation of the World Wide Web (WWW) just over 30 years ago. Like any devel
g g g g g g g g g g g g g g
oped language, both the internet and the WWW have rules—
g g g g g g g g g
they rely on simple definitions of protocols. These protocols are agreements
g g g g g g g g g g g
on how portions of data are exchanged between every computing device that
g g g g g g g g g g g
gis connected to a basic physical infrastructure provided by governments and
g g g g g g g g g g g
organizations around the world. In the following reading and video resourcesg g g g g g g g g g g
here, you will gain a fundamental understanding about how this remarkable e
g g g g g g g g g g g
volution of our civilization came to be.g g g g g g
In addition to a brief reading that provides a timeline of the history of internet
g g g g g g g g g g g g g g g
and the WWW, a video provides statements from the creator of the WWW, Ti
g g g g g g g g g g g g g
m Berners-Lee.
g
Essential Reading g
Question 1 g
, This is not a form; we suggest that you use the browse mode and read all p
g g g g g g g g g g g g g g g g
arts of the question carefully.
g g g g
Read "Chapter 1. The World Wide Web" (opens new tab) in Practical Web De
g g g g g g g g g g g g g
velopment.
This chapter provides a clearer understanding of how the internet and web co
g g g g g g g g g g g g
ntent has developed and evolved over the previous decades.
g g g g g g g g gg
As you read, consider the following questions:
g g g g g g
• What are HTTP and URLs, and how do the two work togethe
g g g g g g g g g g g
r to display a web page?
g g g g g
• What are hyperlinks g g
• What is the document root? g g g g
g
I read it.
g g
Essential Video g
Question 2 g
This is not a form; we suggest that you use the browse mode and read all p
g g g g g g g g g g g g g g g g
arts of the question carefully.
g g g g
Watch "A Brief History of the World Wide Web" (opens new tab) to learn more
g g g g g g g g g g g g g g
about the interconnected technology systems that recreate the web browsin
g g g g g g g g g g
g and design experience.
g g g
As you watch, consider the following questions:
g g g g g g
• What is the difference between a secure and non-
g g g g g g g g
secure web page? g g
• How did the video describe how the first internet protocols w
g g g g g g g g g g
ere developed, as they are used today?
g g g g g g
Transcript
g
I watched it.
g g
Learning Check g
Question 3 g
This is not a form; we suggest that you use the browse mode and read all part
g g g g g g g g g g g g g g g g
s of the question carefully.
g g g g
, What is the functional purpose of HTML in web design?
g g g g g g g g g
It used for making complex or fancy webpage content.
g g g g g g g g
Browsers decode HTML to render a webpage. g g g g g g
It is a supporting markup language to store data.
g g g g g g g g
It is the protocol to exchange files over the internet.
g g g g g g g g g
Correct! All browsers have to comply with HTML standards as defined by W3
g g g g g g g g g g g g
C.
Supplemental Resources g
Read "History of the Web Timeline Infographic: Celebrating 30 Years of the
g g g g g g g g g g g g
World Wide Web" (opens new tab) to gain a clearer understanding of how int
g g g g g g g g g g g g g
ernet/web content has developed and evolved over the last three decades.
g g g g g g g g g g
Attributions and References g g
CERNg(2019,gMarchg5).gAgbriefghistorygofgthegWorldgWidegWebg[Video].gRetrievedgfromghttps://home.cern/resources/video/computing/brief-history-world-wide-
web
Mali,gN.g(2019,gMarchg7).gHistorygofgthegWebgTimelinegInfographic:gCelebratingg30gYearsgofgthegWorldgWidegWeb.gAppInstitute.ghttps://appinstitute.com/histor
y-of-the-web-infographic/
Web Design Governance g g
Learning Objectives g
• Documentgwebgpagegandgwebsitegcreation.
Data messages must be transmitted to various receivers and all data traffic o
g g g g g g g g g g g g
n the internet follows a strict protocol in terms of data exchange. The protocol
g g g g g g g g g g g g g g
for general internet data exchange is TCP/IP (Transmission Control Proto
g g g g g g g g g
col/ Internet Protocol). Similarly, specialized services, like email and file tra
g g g g g g g g g g
nsfer, have their own protocols to be followed. For the World Wide Web, and
g g g g g g g g g g g g g g
consequently for the objectives of this course, the more important service an
g g g g g g g g g g g
d its corresponding protocol is HTTP (hypertext transfer protocol) which all
g g g g g g g g g g
Learning Objectives g
• Documentgwebgpagegandgwebsitegcreation.
What is the internet?g g g g
The internet is the global network of computers, also referred to as the World
g g g g g g g g g g g g g g
Wide Web (WWW). These computers exchange information within the intern
g g g g g g g g g
et. In this modern age, the internet is present in almost every human society a
g g g g g g g g g g g g g g
round the whole wide world (which by coincidence, or not, carries the same
g g g g g g g g g g g g g
WWW acronym!). While internet connectivity started a long time ago (1969 w
g g g g g g g g g g g
ith ARPAnet), the World Wide Web as we know it today started precisely on
g g g g g g g g g g g g g g
March 12, 1989. g g
How was the internet born, and how are URLs and HTML involved?
g g g g g g g g g g g g
Not unlike the stages of human development, the World Wide Web started wi
g g g g g g g g g g g g
th language development.
g g
"Progressivegdevelopmentgofgwebgcontentglanguages"g©gWGUg2020
You will learn more about CSS language and examine examples as we proce
g g g g g g g g g g g g
ed through the modules. It should be noted that JavaScript and PHP languag
g g g g g g g g g g g g
es will not be covered in this course. Take a look at this image to learn more
g g g g g g g gg g g g g g g g g g
about how webpages are arranged using HTML.
g g g g g g
• URL
Marks the webpage URL [Uniform Resource Locator]
g g g g g g
• Logo Image g
Logo image is embedded in the page using the HTML5 tag <im
g g g g g g g g g g g
g>. You will learn more about hyperlinks later in the module.
g g g g g g g g g g
• Heading Text g
Heading text made using HTML tag <h2>. You will learn more a
g g g g g g g g g g g
bout HTML tags later in the module.
g g g g g g
, • Site Navigation g
This alphabet feature is HTML content; each letter hyperlink dir
g g g g g g g g g
ects to the databases starting with each corresponding letter. Y
g g g g g g g g g
ou will learn more about these hyperlinks later in the module.
g g g g g g g g g g
•
g
•
g
• 1
g
• 2
g
• 3
g
• 4
g
•
"Overview of Web Page Components” © WGU 2020 g g g g g g g
A Brief Look Back at the History of the Internet
g g g g g g g g g
It is hard to explain to someone born after the turn of the century how people
g g g g g g g g g g g g g g g g
were able to research and access different types of information before the int
g g g g g g g g g g g g
ernet! There is a particularly good reason for that: the internet represents an
g g g g g g g g g g g g g
evolution of human civilization comparable only to the invention of writing aro
g g g g g g g g g g g
und 5,000 years ago. Behind this phenomenal change in our lives was the cr
g g g g g g g g g g g g g
eation of the World Wide Web (WWW) just over 30 years ago. Like any devel
g g g g g g g g g g g g g g
oped language, both the internet and the WWW have rules—
g g g g g g g g g
they rely on simple definitions of protocols. These protocols are agreements
g g g g g g g g g g g
on how portions of data are exchanged between every computing device that
g g g g g g g g g g g
gis connected to a basic physical infrastructure provided by governments and
g g g g g g g g g g g
organizations around the world. In the following reading and video resourcesg g g g g g g g g g g
here, you will gain a fundamental understanding about how this remarkable e
g g g g g g g g g g g
volution of our civilization came to be.g g g g g g
In addition to a brief reading that provides a timeline of the history of internet
g g g g g g g g g g g g g g g
and the WWW, a video provides statements from the creator of the WWW, Ti
g g g g g g g g g g g g g
m Berners-Lee.
g
Essential Reading g
Question 1 g
, This is not a form; we suggest that you use the browse mode and read all p
g g g g g g g g g g g g g g g g
arts of the question carefully.
g g g g
Read "Chapter 1. The World Wide Web" (opens new tab) in Practical Web De
g g g g g g g g g g g g g
velopment.
This chapter provides a clearer understanding of how the internet and web co
g g g g g g g g g g g g
ntent has developed and evolved over the previous decades.
g g g g g g g g gg
As you read, consider the following questions:
g g g g g g
• What are HTTP and URLs, and how do the two work togethe
g g g g g g g g g g g
r to display a web page?
g g g g g
• What are hyperlinks g g
• What is the document root? g g g g
g
I read it.
g g
Essential Video g
Question 2 g
This is not a form; we suggest that you use the browse mode and read all p
g g g g g g g g g g g g g g g g
arts of the question carefully.
g g g g
Watch "A Brief History of the World Wide Web" (opens new tab) to learn more
g g g g g g g g g g g g g g
about the interconnected technology systems that recreate the web browsin
g g g g g g g g g g
g and design experience.
g g g
As you watch, consider the following questions:
g g g g g g
• What is the difference between a secure and non-
g g g g g g g g
secure web page? g g
• How did the video describe how the first internet protocols w
g g g g g g g g g g
ere developed, as they are used today?
g g g g g g
Transcript
g
I watched it.
g g
Learning Check g
Question 3 g
This is not a form; we suggest that you use the browse mode and read all part
g g g g g g g g g g g g g g g g
s of the question carefully.
g g g g
, What is the functional purpose of HTML in web design?
g g g g g g g g g
It used for making complex or fancy webpage content.
g g g g g g g g
Browsers decode HTML to render a webpage. g g g g g g
It is a supporting markup language to store data.
g g g g g g g g
It is the protocol to exchange files over the internet.
g g g g g g g g g
Correct! All browsers have to comply with HTML standards as defined by W3
g g g g g g g g g g g g
C.
Supplemental Resources g
Read "History of the Web Timeline Infographic: Celebrating 30 Years of the
g g g g g g g g g g g g
World Wide Web" (opens new tab) to gain a clearer understanding of how int
g g g g g g g g g g g g g
ernet/web content has developed and evolved over the last three decades.
g g g g g g g g g g
Attributions and References g g
CERNg(2019,gMarchg5).gAgbriefghistorygofgthegWorldgWidegWebg[Video].gRetrievedgfromghttps://home.cern/resources/video/computing/brief-history-world-wide-
web
Mali,gN.g(2019,gMarchg7).gHistorygofgthegWebgTimelinegInfographic:gCelebratingg30gYearsgofgthegWorldgWidegWeb.gAppInstitute.ghttps://appinstitute.com/histor
y-of-the-web-infographic/
Web Design Governance g g
Learning Objectives g
• Documentgwebgpagegandgwebsitegcreation.
Data messages must be transmitted to various receivers and all data traffic o
g g g g g g g g g g g g
n the internet follows a strict protocol in terms of data exchange. The protocol
g g g g g g g g g g g g g g
for general internet data exchange is TCP/IP (Transmission Control Proto
g g g g g g g g g
col/ Internet Protocol). Similarly, specialized services, like email and file tra
g g g g g g g g g g
nsfer, have their own protocols to be followed. For the World Wide Web, and
g g g g g g g g g g g g g g
consequently for the objectives of this course, the more important service an
g g g g g g g g g g g
d its corresponding protocol is HTTP (hypertext transfer protocol) which all
g g g g g g g g g g
