1 / 22

Web design and HTML: Part 1

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. Web design and HTML: Part 1. Syllabus. Learning Objects.

brant
Download Presentation

Web design and HTML: Part 1

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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 Web design and HTML: Part 1

  2. Syllabus

  3. Learning Objects • Concept of web design • Structure of Web-site • Introduction to HTML • Design web-pages using HTML • Publish Web-sites

  4. Web-site Development • Understanding Client and Server Side Programming • http://www.salearningschool.com/multimedia_training/displayArticle.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/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

  5. Introduction to web design • Concepts to understand • Web-page • Web-site • IP address • Domain Name System • Web-address • Web-browser

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

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

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

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

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

  11. 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 address • Ping yahoo.com • Tracert google.com, tracertjustetc.net • The service in the Internet that provides this facility is called DNS

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

  13. How is Named

  14. DNS System

  15. DNS System

  16. DNS System

  17. Web-address, URL • Parts • Protocol • Host name • Directory path • Document name • Anchor • Query string

  18. Web-address, URL • http://jobs.justetc.net/index.php?isCampaign=1 • Protocol: http:// • Host: jobs.justetc.net • Document: index.php • Anchor: empty • Query string: isCampaign=1

  19. Top Level Domains • .com : commercial • .net : network service • edu : educational institution • gov : government • int : international organization • mil : us armed forces • org : non - profit

  20. Web Browser • Web browser to access and view web-pages/web-sites • Firefox • Chrome • Internet Explorer

  21. Our Addresses • Trudelle Street, Toronto, Canada • sayed@justetc.com • Shimultuly, Gazipur, Bangladesh • Justetc Computers • Habib Complex, 2nd Floor • rafik@justetc.com (01942747702)

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

More Related