SlideShare a Scribd company logo
CHAPTER 2
1
Computer Network
Program Study Technopreneurship – Surya University 2
Tujuan Jaringan Komputer
1. Pembagian sumber daya (Sharing Devices) - aplikasi, printer, CPU,
memori, harddisk.
2. Komunikasi (Communication) - Voice over IP (VOIP), e-mail, video
conferencing, instant messaging, chatting.
3. Akses informasi (Sharing Informasi) - Mempertahankan informasi dan
up-to-date.
4. Akses sistem penyimpanan data terpusat ataupun terdistribusi (Sharing
Data)
Program Study Technopreneurship – Surya University 3
Enter 21st Century!
Our Information Landscape
Web Introduction
Internet = Web?
The World-Wide Web (WWW or simply the Web) is certainly what most people think of when
they see the word “internet.”
But the WWW is only a subset of the Internet.
The answer is no
Internet
Web
Email
Online
gaming
FTP
Can we think of any more applications
that run on the internet?
INTERNET & THE WEB
 The Internet is a global system of interconnected computer
networks that use the standard Internet Protocol Suite
(TCP/IP) to serve billions of users worldwide.
 The Internet is a global data communications system. It is a
hardware and software infrastructure that provides
connectivity between computers.
Web Introduction
Web Introduction
Web Introduction
Web Introduction
Sejarah Perkembangan Internet
• Diawali tahun 1969 oleh Departemen Pertahanan Amerika Serikat dengan
nama ARPAnet (US Defense Advanced Research Projects Agency) ->
Jaringan Komputer untuk pertahanan dan keamanan USA.
• Sesudahnya, internet mulai digunakan untuk kepentingan akademis
dengan menghubungkan beberapa perguruan tinggi, masing-masing
UCLA, University of California at Santa Barbara, University of Utah, dan
Stanford Research Institute.
• Protokol standar TCP/IP mulai diperkenalkan pada tahun 1982, disusul
dengan penggunaan sistem DNS (Domain Name Service) pada 1984.
Program Study Technopreneurship – Surya University 13
Sejarah Perkembangan Internet
• Pada awalnya, internet hanya menawarkan layanan berbasis teks, meliputi
remote access, email/messaging, maupun diskusi melalui Mailing List.
• Tahun 1990 -> www (world wide web)
• Tahun 1992 -> www browser
• Penggunaan internet secara komersial dimulai pada 1994 dipelopori oleh
perusahaan Pizza Hut, dan Internet Banking pertama kali diaplikasikan
oleh First Virtual.
• Setahun kemudian, Compuserve, America Online, dan Prodigy mulai
memberikan layanan akses ke Internet bagi masyarakat umum.
• Komersial Internet baru masuk Indonesia pada tahun 1994
Program Study Technopreneurship – Surya University 14
Program Study Technopreneurship – Surya University 15
Kleinrock Internet History Center UCLA
Sumber (http://internethistory.ucla.edu/)
The Future of Information
Web Introduction
Web Introduction
Web Introduction
Web Introduction
Web Introduction
Web Introduction
Web Introduction
Web Introduction
Perkembangan Web
Program Study Technopreneurship – Surya University 25
Perkembangan Web
Program Study Technopreneurship – Surya University 26
Web Introduction
STATIC WEBSITE = WEB 1.0
DYNAMIC WEBSITE = WEB 2.0 and BEYOND
Internet Hardware From The Home Computer
To The Local Internet Provider
31
Uniform Resource Locators (URLs)
Example:
http://www.cityu.edu.hk/scm/index.htm
Prefix
The transfer protocol
required to request data
from the server
Host name
Identifies a particular
computer somewhere on
the Internet
Path
Identifies a file within a
hierarchical directory
structure on the server
SM5312 week 5: web technology basics 32
Uniform Resource Locators (URLs)
Example:
http://www.cityu.edu.hk/scm/index.htm
Prefix
The transfer protocol
required to request data
from the server
Host name
Identifies a particular
computer somewhere on
the Internet
Path
Identifies a file within a
hierarchical directory
structure on the server
SM5312 week 5: web technology basics 33
IP Addresses and DNS
Every computer connected to the Internet must
have a unique IP address, no matter whether it’s a
client or a server (or both)
An IP address is just a number that identifies a
host on the Internet. Example:
212.171.218.34 or 144.214.5.218
The Domain Name System (DNS) is a database
that matches IP addresses to host names
IP Address
Program Study Technopreneurship – Surya University 34
Web Introduction
Web Introduction
37
Domain Names
And the Domain Name System (DNS) translates
host names into IP addresses, which are then
used by TCP to establish connections between
HTTP clients and servers.
Domain names are administered in such a way
that they are guaranteed to be unique.
Domain names are organised in a hierarchical
structure….
38
Top Level Domains
www.cityu.edu.hk
www.cityu.hk
www.apple.com
Top Level
Domain (TLD)
Mostly country
domains:
.uk, .au, .hk, etc.
Generic Top Level
Domain (gTLD)
.com
.org
.net
.biz
.info
.name
.ws
.tv(.edu, .gov, .mil restricted to US only)
39
Second Level Domains
www.cityu.edu.hk
www.cityu.hk
www.apple.com
The actual name of
the organisation or
service.
Can contain letters
(a to z),
numbers (0 to 9),
dashes ( - )
40
Third Level, or Sub Domains
www.cityu.edu.hk
sweb.cityu.edu.hk
www.apple.com
store.apple.com
seminars.apple.com
Strings of characters
that designate
different services, or
hosts within the
second level domain.
E.G. “www” for the
core or main website,
“sweb” for SCM’s
sub-network within
CityU.
41
Registering Domain Names
www.cityu.edu.hk
www.cityu.hk
www.apple.com
Registered with
the HKDNR in
Hong Kong
www.hkdnr.hk
Registered with any
global registration
service
networksolutions.com
register.com
directNIC.com
etc.Chinese character domain
names now also available
DNS OVERVIEW
DOMAIN REGISTRATION
44
http://www.cityu.edu.hk/scm/index.htm
Paths
Prefix
The transfer protocol
required to request data
from the server
Host name
Identifies a particular
computer somewhere on
the Internet
Path
Identifies a file within a
hierarchical directory
structure on the server
45
Paths and Pathnames
A pathname shows the hierarchical directory
structure and location of a specific file or resource
on a server.
A directory is represented visually these days as a
folder
46
Absolute and Relative Paths
An absolute path is a path that points to the same
location on one file system. It is usually written in
reference to a root directory.
The root directory is the first or topmost directory
in a hierarchy, indicated with a single slash / or
backslash  .
Example:
C:Documents and SettingsmnfoxallMy DocumentsMy Files
47
Absolute and Relative Paths
A relative path is a path relative to the current
working directory, so the full absolute path may not
need to be shown or referred to.
This works for creating websites, because it allows
hypertext links to be made between files relative to
a pre-defined working directory.
That is, they do not have to always reference the
root directory or topmost directory on a server (or
computer).
48
Absolute Paths
Example: to hyperlink from
index.htm to products.htm
If an absolute pathname:
<a href=“C:UsersMy%20DocumentsWebsitesCompanyproducts.htm”>
C
Users
My Documents
Websites
Company
index.htm
products.htm
C
49
Relative Paths
Example: to hyperlink from
index.htm to products.htm
If a relative pathname, with
/Company defined as the
working or site root directory
<a href=“products.htm”>
C
Users
My Documents
Websites
Company
index.htm
products.htm
C
root
50
Relative Paths
To hyperlink from
index.htm to logo.jpg
<a href=“images/logo.jpg”>
My Documents
Websites
Company
images
index.htm
products.htm
logo.jpg
root
51
My Documents
Websites
Company
catagories
index.htm
products.htm
shoes.htm
shirts.htm
Relative Paths
To hyperlink from
shoes.htm to index.htm
(i.e. back up one level in the
directory hierarchy)
<a href=“../index.htm”>
root
2 dots and a slash
52
Relative Paths for Websites
In website development, it’s much easier to use
relative paths.
A site developed locally on one computer (under
an assigned site root directory or folder), is much
easier to transfer and manage on the final web
server using relative paths.
In Dreamweaver, the first thing to do is set up a new
site using the ‘Site Definition’ interface. This way, a local
‘site root’ folder can be created to gather and manage
all files related to the site.
53
Home Page Naming
For…
http://www.cityu.edu.hk
…there must be a default HTML page that is displaying as
the home page. In the case of CityU, it is…
http://www.cityu.edu.hk/index.html
…meaning index.html is the default HTML page in the root
directory of the server.
54
Home Page Naming
Web servers will automatically serve up pages file-named
index.html
index.htm
default.htm
default.html
…as long as ONE page by those filenames resides in the
root directory of your site.
If you want to use a page by another name as the home
page of the site, you will have to configure the server
software to point to that page.
55
Web Page Naming (HTML naming Conventions)
All lower-case, no spaces, no special characters
[other than dash ( - ) or underscore ( _ ) ].
products.html
Products.html
products_sept07.html
products sept/07.html
The same applies to the name of folders and sub-
folders within your site.
recommended
ok, but not recommended (esp. in XHTML)
recommended
 not recommended
SM5312 week 5: web technology basics 56
TUGAS 2 BLOG
Topik : “Trend Internet Dalam Abad 21”
DEADLINE
Minggu, 21 Maret 2020
PUKUL 23.00

More Related Content

PDF
Responsive Web Design
PPTX
CMS And The Evolution of Contemporary Web Design
PPTX
Imaging and design for online environment group 1 tv5
PDF
G0373049057
PPTX
Nature and purposes of of online platforms and applications
ODP
Ajax, rss, feeds, web service,
PDF
Office 2010 cloud computing farhad_javidi
PPT
IBM developerWorks Spaces
Responsive Web Design
CMS And The Evolution of Contemporary Web Design
Imaging and design for online environment group 1 tv5
G0373049057
Nature and purposes of of online platforms and applications
Ajax, rss, feeds, web service,
Office 2010 cloud computing farhad_javidi
IBM developerWorks Spaces

What's hot (20)

PPT
WEB 2.0
PPTX
Online platforms for ICT Content Development
PDF
Drupalcamp New York 2009
PPT
Shen Tong
ODP
Web 2.0: characteristics and tools (2010 eng)
PPTX
Medrano etech
PPTX
XCC Benefits - Who profits from XCC?
PPTX
web 2.0
PDF
XCC Introduction - Web Content Management Extension for IBM Connections
PDF
Web3: a simple and visual explanation
PPTX
ONLINE TOOLS FOR CONTENT DEVELOPMENT
PPTX
The Sad Story of the Intranet
PDF
International Journal of Computational Engineering Research(IJCER)
PDF
Web design
PDF
Web design
PDF
Review Paper on an Open Source Content Management System: Joomla CMS
PPTX
IBM ConnectED 2015, Session SPOT107, XCC - Web Content & Custom Apps for IBM ...
PPTX
Get the most out of IBM Connections with XCC – Web Content & Custom Apps Exte...
PDF
Tech130presentationproject
PDF
Responsive Web Design - Introduction & Workflow Overview
WEB 2.0
Online platforms for ICT Content Development
Drupalcamp New York 2009
Shen Tong
Web 2.0: characteristics and tools (2010 eng)
Medrano etech
XCC Benefits - Who profits from XCC?
web 2.0
XCC Introduction - Web Content Management Extension for IBM Connections
Web3: a simple and visual explanation
ONLINE TOOLS FOR CONTENT DEVELOPMENT
The Sad Story of the Intranet
International Journal of Computational Engineering Research(IJCER)
Web design
Web design
Review Paper on an Open Source Content Management System: Joomla CMS
IBM ConnectED 2015, Session SPOT107, XCC - Web Content & Custom Apps for IBM ...
Get the most out of IBM Connections with XCC – Web Content & Custom Apps Exte...
Tech130presentationproject
Responsive Web Design - Introduction & Workflow Overview
Ad

Similar to Web Introduction (20)

PPT
Introduction to web technology and it's implementation
PPT
1588095888-intro.pptWeb Technologies and Tools (such as scripting tools) for ...
PPT
some fundamental topics to remember when starting with HTML
PPTX
Introduction to Web Systems Introduction to Web Systems
PPTX
WWW - Lecture 1.pptx
PDF
publication_3_2243333355327772225554333187_1402.pdf
PDF
chapter07 - The Internet.pdf
PPT
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
PPT
Html intake 38 lect1
DOCX
INTRODUCTION TO INFORMATION TECHNOLOGYCHAPTER 2 C.docx
PPTX
Introduction to internet
PDF
ch-1 networking SEM 1 free for anyone .pdf
PPTX
WEB-SYSTEM-AND-TECHNOLOGIES-INTRODUCTION-1.pptx
PDF
NME UNIT I & II MATERIAL.pdf
PDF
Components of-the-internet-and-the-worl-wide (1)
PPT
Chapter 9
PPT
Chapter 9 : INTERNET
PPTX
Lecture 02 fundamental concepts of internet and www khalid khan
PPTX
web technology and soical networking
PPTX
web technology and soical networking
Introduction to web technology and it's implementation
1588095888-intro.pptWeb Technologies and Tools (such as scripting tools) for ...
some fundamental topics to remember when starting with HTML
Introduction to Web Systems Introduction to Web Systems
WWW - Lecture 1.pptx
publication_3_2243333355327772225554333187_1402.pdf
chapter07 - The Internet.pdf
abdelwahab alsammak_Chapter 1-Internet concepts.ppt
Html intake 38 lect1
INTRODUCTION TO INFORMATION TECHNOLOGYCHAPTER 2 C.docx
Introduction to internet
ch-1 networking SEM 1 free for anyone .pdf
WEB-SYSTEM-AND-TECHNOLOGIES-INTRODUCTION-1.pptx
NME UNIT I & II MATERIAL.pdf
Components of-the-internet-and-the-worl-wide (1)
Chapter 9
Chapter 9 : INTERNET
Lecture 02 fundamental concepts of internet and www khalid khan
web technology and soical networking
web technology and soical networking
Ad

More from Heru WIjayanto (15)

PDF
Digital Transformation
PDF
Design Thinking For E-Commerce
PDF
E-Commerce - Regulatory, Ethical and Social Environment
PDF
User Interface Design Basic
PDF
Entrepreneurial Marketing
PPTX
Peranan Teknologi Informasi
PDF
Web Experience
PDF
Digital Marketing Overview
PPTX
Ekonomi Digital dan Pengantar Teknologi Informasi
PDF
Information Technology in Global Business Today
PDF
E-Business & E-Commerce Models and Strategies
PDF
E-Commerce Business Model and Concept
PDF
Building E-Commerce Application and Infrastructure
PDF
Internet - Digital Marketing
PDF
Ekonomi Digital dan Peranan Teknologi Informasi
Digital Transformation
Design Thinking For E-Commerce
E-Commerce - Regulatory, Ethical and Social Environment
User Interface Design Basic
Entrepreneurial Marketing
Peranan Teknologi Informasi
Web Experience
Digital Marketing Overview
Ekonomi Digital dan Pengantar Teknologi Informasi
Information Technology in Global Business Today
E-Business & E-Commerce Models and Strategies
E-Commerce Business Model and Concept
Building E-Commerce Application and Infrastructure
Internet - Digital Marketing
Ekonomi Digital dan Peranan Teknologi Informasi

Recently uploaded (20)

PDF
Dropbox Q2 2025 Financial Results & Investor Presentation
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Approach and Philosophy of On baking technology
PDF
Spectral efficient network and resource selection model in 5G networks
PDF
Electronic commerce courselecture one. Pdf
PDF
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
PDF
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PPTX
Understanding_Digital_Forensics_Presentation.pptx
PPT
Teaching material agriculture food technology
PDF
GamePlan Trading System Review: Professional Trader's Honest Take
PPT
“AI and Expert System Decision Support & Business Intelligence Systems”
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Big Data Technologies - Introduction.pptx
PDF
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
PDF
Advanced IT Governance
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
DOCX
The AUB Centre for AI in Media Proposal.docx
Dropbox Q2 2025 Financial Results & Investor Presentation
Reach Out and Touch Someone: Haptics and Empathic Computing
Unlocking AI with Model Context Protocol (MCP)
Approach and Philosophy of On baking technology
Spectral efficient network and resource selection model in 5G networks
Electronic commerce courselecture one. Pdf
Peak of Data & AI Encore- AI for Metadata and Smarter Workflows
GDG Cloud Iasi [PUBLIC] Florian Blaga - Unveiling the Evolution of Cybersecur...
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
Understanding_Digital_Forensics_Presentation.pptx
Teaching material agriculture food technology
GamePlan Trading System Review: Professional Trader's Honest Take
“AI and Expert System Decision Support & Business Intelligence Systems”
Review of recent advances in non-invasive hemoglobin estimation
Big Data Technologies - Introduction.pptx
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
Advanced IT Governance
NewMind AI Weekly Chronicles - August'25 Week I
Mobile App Security Testing_ A Comprehensive Guide.pdf
The AUB Centre for AI in Media Proposal.docx

Web Introduction

  • 2. Computer Network Program Study Technopreneurship – Surya University 2
  • 3. Tujuan Jaringan Komputer 1. Pembagian sumber daya (Sharing Devices) - aplikasi, printer, CPU, memori, harddisk. 2. Komunikasi (Communication) - Voice over IP (VOIP), e-mail, video conferencing, instant messaging, chatting. 3. Akses informasi (Sharing Informasi) - Mempertahankan informasi dan up-to-date. 4. Akses sistem penyimpanan data terpusat ataupun terdistribusi (Sharing Data) Program Study Technopreneurship – Surya University 3
  • 7. Internet = Web? The World-Wide Web (WWW or simply the Web) is certainly what most people think of when they see the word “internet.” But the WWW is only a subset of the Internet. The answer is no Internet Web Email Online gaming FTP Can we think of any more applications that run on the internet?
  • 8. INTERNET & THE WEB  The Internet is a global system of interconnected computer networks that use the standard Internet Protocol Suite (TCP/IP) to serve billions of users worldwide.  The Internet is a global data communications system. It is a hardware and software infrastructure that provides connectivity between computers.
  • 13. Sejarah Perkembangan Internet • Diawali tahun 1969 oleh Departemen Pertahanan Amerika Serikat dengan nama ARPAnet (US Defense Advanced Research Projects Agency) -> Jaringan Komputer untuk pertahanan dan keamanan USA. • Sesudahnya, internet mulai digunakan untuk kepentingan akademis dengan menghubungkan beberapa perguruan tinggi, masing-masing UCLA, University of California at Santa Barbara, University of Utah, dan Stanford Research Institute. • Protokol standar TCP/IP mulai diperkenalkan pada tahun 1982, disusul dengan penggunaan sistem DNS (Domain Name Service) pada 1984. Program Study Technopreneurship – Surya University 13
  • 14. Sejarah Perkembangan Internet • Pada awalnya, internet hanya menawarkan layanan berbasis teks, meliputi remote access, email/messaging, maupun diskusi melalui Mailing List. • Tahun 1990 -> www (world wide web) • Tahun 1992 -> www browser • Penggunaan internet secara komersial dimulai pada 1994 dipelopori oleh perusahaan Pizza Hut, dan Internet Banking pertama kali diaplikasikan oleh First Virtual. • Setahun kemudian, Compuserve, America Online, dan Prodigy mulai memberikan layanan akses ke Internet bagi masyarakat umum. • Komersial Internet baru masuk Indonesia pada tahun 1994 Program Study Technopreneurship – Surya University 14
  • 15. Program Study Technopreneurship – Surya University 15 Kleinrock Internet History Center UCLA Sumber (http://internethistory.ucla.edu/)
  • 16. The Future of Information
  • 25. Perkembangan Web Program Study Technopreneurship – Surya University 25
  • 26. Perkembangan Web Program Study Technopreneurship – Surya University 26
  • 28. STATIC WEBSITE = WEB 1.0
  • 29. DYNAMIC WEBSITE = WEB 2.0 and BEYOND
  • 30. Internet Hardware From The Home Computer To The Local Internet Provider
  • 31. 31 Uniform Resource Locators (URLs) Example: http://www.cityu.edu.hk/scm/index.htm Prefix The transfer protocol required to request data from the server Host name Identifies a particular computer somewhere on the Internet Path Identifies a file within a hierarchical directory structure on the server
  • 32. SM5312 week 5: web technology basics 32 Uniform Resource Locators (URLs) Example: http://www.cityu.edu.hk/scm/index.htm Prefix The transfer protocol required to request data from the server Host name Identifies a particular computer somewhere on the Internet Path Identifies a file within a hierarchical directory structure on the server
  • 33. SM5312 week 5: web technology basics 33 IP Addresses and DNS Every computer connected to the Internet must have a unique IP address, no matter whether it’s a client or a server (or both) An IP address is just a number that identifies a host on the Internet. Example: 212.171.218.34 or 144.214.5.218 The Domain Name System (DNS) is a database that matches IP addresses to host names
  • 34. IP Address Program Study Technopreneurship – Surya University 34
  • 37. 37 Domain Names And the Domain Name System (DNS) translates host names into IP addresses, which are then used by TCP to establish connections between HTTP clients and servers. Domain names are administered in such a way that they are guaranteed to be unique. Domain names are organised in a hierarchical structure….
  • 38. 38 Top Level Domains www.cityu.edu.hk www.cityu.hk www.apple.com Top Level Domain (TLD) Mostly country domains: .uk, .au, .hk, etc. Generic Top Level Domain (gTLD) .com .org .net .biz .info .name .ws .tv(.edu, .gov, .mil restricted to US only)
  • 39. 39 Second Level Domains www.cityu.edu.hk www.cityu.hk www.apple.com The actual name of the organisation or service. Can contain letters (a to z), numbers (0 to 9), dashes ( - )
  • 40. 40 Third Level, or Sub Domains www.cityu.edu.hk sweb.cityu.edu.hk www.apple.com store.apple.com seminars.apple.com Strings of characters that designate different services, or hosts within the second level domain. E.G. “www” for the core or main website, “sweb” for SCM’s sub-network within CityU.
  • 41. 41 Registering Domain Names www.cityu.edu.hk www.cityu.hk www.apple.com Registered with the HKDNR in Hong Kong www.hkdnr.hk Registered with any global registration service networksolutions.com register.com directNIC.com etc.Chinese character domain names now also available
  • 44. 44 http://www.cityu.edu.hk/scm/index.htm Paths Prefix The transfer protocol required to request data from the server Host name Identifies a particular computer somewhere on the Internet Path Identifies a file within a hierarchical directory structure on the server
  • 45. 45 Paths and Pathnames A pathname shows the hierarchical directory structure and location of a specific file or resource on a server. A directory is represented visually these days as a folder
  • 46. 46 Absolute and Relative Paths An absolute path is a path that points to the same location on one file system. It is usually written in reference to a root directory. The root directory is the first or topmost directory in a hierarchy, indicated with a single slash / or backslash . Example: C:Documents and SettingsmnfoxallMy DocumentsMy Files
  • 47. 47 Absolute and Relative Paths A relative path is a path relative to the current working directory, so the full absolute path may not need to be shown or referred to. This works for creating websites, because it allows hypertext links to be made between files relative to a pre-defined working directory. That is, they do not have to always reference the root directory or topmost directory on a server (or computer).
  • 48. 48 Absolute Paths Example: to hyperlink from index.htm to products.htm If an absolute pathname: <a href=“C:UsersMy%20DocumentsWebsitesCompanyproducts.htm”> C Users My Documents Websites Company index.htm products.htm C
  • 49. 49 Relative Paths Example: to hyperlink from index.htm to products.htm If a relative pathname, with /Company defined as the working or site root directory <a href=“products.htm”> C Users My Documents Websites Company index.htm products.htm C root
  • 50. 50 Relative Paths To hyperlink from index.htm to logo.jpg <a href=“images/logo.jpg”> My Documents Websites Company images index.htm products.htm logo.jpg root
  • 51. 51 My Documents Websites Company catagories index.htm products.htm shoes.htm shirts.htm Relative Paths To hyperlink from shoes.htm to index.htm (i.e. back up one level in the directory hierarchy) <a href=“../index.htm”> root 2 dots and a slash
  • 52. 52 Relative Paths for Websites In website development, it’s much easier to use relative paths. A site developed locally on one computer (under an assigned site root directory or folder), is much easier to transfer and manage on the final web server using relative paths. In Dreamweaver, the first thing to do is set up a new site using the ‘Site Definition’ interface. This way, a local ‘site root’ folder can be created to gather and manage all files related to the site.
  • 53. 53 Home Page Naming For… http://www.cityu.edu.hk …there must be a default HTML page that is displaying as the home page. In the case of CityU, it is… http://www.cityu.edu.hk/index.html …meaning index.html is the default HTML page in the root directory of the server.
  • 54. 54 Home Page Naming Web servers will automatically serve up pages file-named index.html index.htm default.htm default.html …as long as ONE page by those filenames resides in the root directory of your site. If you want to use a page by another name as the home page of the site, you will have to configure the server software to point to that page.
  • 55. 55 Web Page Naming (HTML naming Conventions) All lower-case, no spaces, no special characters [other than dash ( - ) or underscore ( _ ) ]. products.html Products.html products_sept07.html products sept/07.html The same applies to the name of folders and sub- folders within your site. recommended ok, but not recommended (esp. in XHTML) recommended  not recommended
  • 56. SM5312 week 5: web technology basics 56
  • 57. TUGAS 2 BLOG Topik : “Trend Internet Dalam Abad 21” DEADLINE Minggu, 21 Maret 2020 PUKUL 23.00