Web design and HTML: Part 1
description
Transcript of Web design and HTML: Part 1
![Page 1: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/1.jpg)
WEB DESIGN AND HTML: PART 1
Sayed AhmedComputer Engineering, BUET, BangladeshMSc, Computer Science, U of Manitoba, Canada
Owner/President/Architect/DeveloperJustetc (Just et cetera) Technologieshttp://www.justetc.nethttp://sayed.justetc.net
![Page 2: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/2.jpg)
Syllabus
![Page 3: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/3.jpg)
Learning Objects Concept of web design Structure of Web-site Introduction to HTML Design web-pages using HTML Publish Web-sites
![Page 4: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/4.jpg)
Web-site Development Understanding Client and Server Side
Programming○ http://
www.salearningschool.com/multimedia_training/displayArticle.php?table=TrainingVideos&articleID=119
Web-site DevelopmentLesson 1: Part 1: How to build a simple website from
scratch○ http://
www.salearningschool.com/multimedia_training/displayArticle.php?table=TrainingVideos&articleID=21
Lesson 1: Part 2: How to build a simple website from scratch○ http://
www.salearningschool.com/multimedia_training/displayArticle.php?table=TrainingVideos&articleID=22
![Page 5: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/5.jpg)
Introduction to web design Concepts to understand
Web-pageWeb-siteIP addressDomain Name SystemWeb-addressWeb-browser
![Page 6: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/6.jpg)
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
![Page 7: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/7.jpg)
Web-site Some or many web-pages
That are related○ Serve same or similar or related goals
Are usually reachable from one to anotherAre 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
![Page 8: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/8.jpg)
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
![Page 9: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/9.jpg)
IP Address All telephones connected to the Telephone
network has a number All computers when connected to the
Internet will have a numeric addressCalled: IP Addressipconfig –all, ipconfig /release, ipconfig /flushdns
Two types of IP addressIPV4: 4 part IP address. Each part 0 to 128
○ 123.456.34.56IPV6: 6 part IP address
![Page 10: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/10.jpg)
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
addressIf 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
![Page 11: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/11.jpg)
Domain Name System (DNS) we have assigned a name to each web-
site○ 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 addressPing yahoo.comTracert google.com, tracert justetc.net
The service in the Internet that provides this facility is called DNS
![Page 12: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/12.jpg)
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
![Page 13: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/13.jpg)
How is Named
![Page 14: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/14.jpg)
DNS System
![Page 15: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/15.jpg)
DNS System
![Page 16: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/16.jpg)
DNS System
![Page 17: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/17.jpg)
Web-address, URL Parts
ProtocolHost nameDirectory pathDocument nameAnchorQuery string
![Page 18: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/18.jpg)
Web-address, URL http://
jobs.justetc.net/index.php?isCampaign=1Protocol: http://Host: jobs.justetc.netDocument: index.phpAnchor: emptyQuery string: isCampaign=1
![Page 19: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/19.jpg)
Top Level Domains .com : commercial .net : network service edu : educational institution gov : government int : international organization mil : us armed forces org : non - profit
![Page 20: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/20.jpg)
Web Browser Web browser to access and view web-
pages/web-sitesFirefoxChromeInternet Explorer
![Page 21: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/21.jpg)
Our Addresses Trudelle Street, Toronto, Canada
[email protected] Shimultuly, Gazipur, Bangladesh
Justetc ComputersHabib Complex, 2nd Floor [email protected] (01942747702)
![Page 22: Web design and HTML: Part 1](https://reader034.fdocuments.in/reader034/viewer/2022052401/56815e60550346895dccdb3a/html5/thumbnails/22.jpg)
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