Presentation is loading. Please wait.

Presentation is loading. Please wait.

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

Similar presentations


Presentation on theme: "Hyper Text Markup Language Developing & Hosting a Web page Lecture 21."— Presentation transcript:

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 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 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 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 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 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 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 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 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 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 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: 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  Displays the Web page specified by the link  example: “http://www.umt.edu.pk” mailto:  Sends an to the specified address  example:

31 label label can be any text string

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

33 Useful URL’s HTML for the Conceptually Challenged NCSA’s Beginner's Guide to HTML

34 Homework Assignment Develop your own home page. Among other things, it should contain  At least one link to  Your (clickable) address  A paragraph ( words) on what are your ambitions in future? Deadline: 12:00pm, 10th May, 2007


Download ppt "Hyper Text Markup Language Developing & Hosting a Web page Lecture 21."

Similar presentations


Ads by Google