1. Hyper Text Markup Language Developing & Hosting a Web page Lecture 21

2. Imran Ahmed Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course. HTML Code

3. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course. The ones in yellow, i.e.,,,,, are the six essential HTML tags, required in all Web pages

4. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

5. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

6. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg III, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course. Link Label Link Descriptio n

7. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

8. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

9. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

10. Imran Ahmed's Home Page Imran Ahmed Asst. Professor in Computer Science UMT 52 – L Gulberg, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

11. This HTML document is developed in a plain- text editor called notepad

12. Imran Ahmed Home Page Imran Ahmed Asst.Professor in Computer Science UMT 52 – L Gulberg III, Lahore +92 42 585 6605 imran.ahmad@umt.edu.pk I teach the Introduction to Computing course.

13. After typing the code into notepad,saved it as index.html To check it, double clicked on icon of the saved file index.html Double clicking on the icon launched the Web browser displaying my index.html

14. Problem! My Web page is visible only on my computer. It would be nice if it was also visible on the computers of all my friends and relatives as well.

15. Solution! I need to upload my Web page to a Web server that is connected to the Internet As a result, my Web page will become accessible to anyone with a computer hooked up to the Internet

16. Developing Your Own Web Page Step 1 Open notepad, type in the HTML code, and save it as index.html on your PC’s Desktop

17. Developing Your Own Web Page Step 2 Log on to the UMT Web server and upload that index.html from your PC’s Desktop to your account on that Web server

18. That is it! Your Web page is now accessible on the Internet through the URL: http://sst.umt.edu.pk/student/xxxxxxxxx where xxxxxxxxx is your user ID

19. Let’s take a brief review of the HTML tags …

20. …

21. HTML tags that go in the HEAD portion of a Web page

22. …

23. …

24. HTML tags that go in the BODY portion of a Web page

25. …

26. … Paragraph

27. Line break

28. … Bold text

29. label Anchor (Anchors are used to embed links in a Web page)

30. label http://  Displays the Web page specified by the link  example: “http://www.umt.edu.pk” mailto:  Sends an e-mail to the specified address  example: “mailto:imran.ahmad@umt.edu.pk”

31. label label can be any text string

32. HTML Code I am at the UMT. You can send me an e-mail by clicking here. Browser Display I am at the UMT. You can send me an e-mail by clicking here.

33. Useful URL’s HTML for the Conceptually Challenged http://www.arachnoid.com/lutusp/html_tutor.html NCSA’s Beginner's Guide to HTML http://archive.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimerAll.html

34. Homework Assignment Develop your own home page. Among other things, it should contain  At least one link to http://sst.imt.edu.pk/cources/cs101  Your (clickable) email address  A paragraph (50-100 words) on what are your ambitions in future? Deadline: 12:00pm, 10th May, 2007