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

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/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

Introduction to web design Concepts to understand

Web-pageWeb-siteIP addressDomain Name SystemWeb-addressWeb-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 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

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 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

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

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

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

ProtocolHost nameDirectory pathDocument nameAnchorQuery string

Web-address, URL http://

jobs.justetc.net/index.php?isCampaign=1Protocol: http://Host: jobs.justetc.netDocument: index.phpAnchor: emptyQuery 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 web-

pages/web-sitesFirefoxChromeInternet Explorer

Our Addresses Trudelle Street, Toronto, Canada

sayed@justetc.com Shimultuly, Gazipur, Bangladesh

Justetc ComputersHabib Complex, 2nd Floor rafik@justetc.com (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