web_design_and_htmlx
Download
Report
Transcript web_design_and_htmlx
Sayed Ahmed
Computer Engineering, BUET, Bangladesh
MSc, Computer Science, U of Manitoba, Canada
Owner/President/Architect/Developer
Justetc (Just et cetera) Technologies
http://www.justetc.net
http://sayed.justetc.net
Syllabus
Learning Objects
Concept of web design
Structure of Web-site
Introduction to HTML
Design web-pages using HTML
Publish Web-sites
Web-site Development
Understanding Client and Server Side
Programming
○ http://www.salearningschool.com/multimedia_training/di
splayArticle.php?table=TrainingVideos&articleID=119
Web-site Development
Lesson 1: Part 1: How to build a simple website
from scratch
○ http://www.salearningschool.com/multimedia_training/di
splayArticle.php?table=TrainingVideos&articleID=21
Lesson 1: Part 2: How to build a simple website from
scratch
○ http://www.salearningschool.com/multimedia_training/di
splayArticle.php?table=TrainingVideos&articleID=22
Introduction to web design
Concepts to understand
Web-page
Web-site
IP address
Domain Name System
Web-address
Web-browser
Web-page
One kind of document
Usually having some information on it
○ Can have pictures, audio, video
are located somewhere in the network (LAN)
or the Internet
○ Usually controlled/maintained by a software
called web-server (Apache, IIS)
Can be accessed/viewed by using browsing
software such as Internet Explorer, Firefox
○ IE/Firefox requests the web-server to send the
document; then IE/Firefox shows it
Web-site
Some or many web-pages
That are related
○ Serve same or similar or related goals
Are usually reachable from one to another
Are usually hosted under the same name
○ Usually served from a single domain (name)
Usually located in one server pc
○ Can be located in multiple servers
WWW - World Wide Web
All web-sites in the Internet creates the WWW
Web-site Examples
Training and Education in Bangla:
http://Bangla.SaLearningSchool.com
http://Blog. SaLearningSchool.com
Training and Education in English:
http://www.SaLearningSchool.com
http://English.SaLearningSchool.com
http://www.SitesTree.com
-------------------------------------------------------------------------------- Ask questions and get answers
http://Ask.JustEtc.net
-------------------------------------------------------------------------------- Offline IT Training:
http://University.JustEtc.net
IP Address
All telephones connected to the Telephone
network has a number
All computers when connected to the
Internet will have a numeric address
Called: IP Address
ipconfig –all, ipconfig /release, ipconfig /flushdns
Two types of IP address
IPV4: 4 part IP address. Each part 0 to 128
○ 123.456.34.56
IPV6: 6 part IP address
Domain Name System (DNS)
Web-sites are located in a computer in
the internet [the computer has an IP
address]
We can access that web-site using that IP
address
If you know the IP address of yahoo.com
web-site then in IE if you type that address,
you will see yahoo.com website
But remebering the numeric address of a
web-site/computer is difficult. So
Domain Name System (DNS)
we have assigned a name to each website
○ However, the computer and the internet works
with the IP address internally
○ So there is a conversion from name to IP; and
then works happen with IP address
Ping yahoo.com
Tracert google.com, tracert justetc.net
The service in the Internet that provides
this facility is called DNS
Domain Name
The name of the web-sites are called
domain names
The name of the computers hosting the
web-sites are called domain names
○ www.VisitorsShop.com
○ www.justetc.info
○ www.PlayAndScore.com
Case insensitive
How is Named
DNS System
DNS System
DNS System
Web-address, URL
Parts
Protocol
Host name
Directory path
Document name
Anchor
Query string
Web-address, URL
http://jobs.justetc.net/index.php?isCamp
aign=1
Protocol: http://
Host: jobs.justetc.net
Document: index.php
Anchor: empty
Query string: isCampaign=1
Top Level Domains
.com : commercial
.net : network service
edu : educational institution
gov : government
int : international organization
mil : us armed forces
org : non - profit
Web Browser
Web browser to access and view webpages/web-sites
Firefox
Chrome
Internet Explorer
Our Addresses
Trudelle Street, Toronto, Canada
[email protected]
Shimultuly, Gazipur, Bangladesh
Justetc Computers
Habib Complex, 2nd Floor
[email protected] (01942747702)
Free Training by Justetc
Training and Education in Bangla:
http://Bangla.SaLearningSchool.com
http://Blog. SaLearningSchool.com
Training and Education in English:
http://www.SaLearningSchool.com
http://English.SaLearningSchool.com
http://www.SitesTree.com
-------------------------------------------------------------------------------- Ask questions and get answers
http://Ask.JustEtc.net
-------------------------------------------------------------------------------- Offline IT Training:
http://University.JustEtc.net