Cs101 Lec06

CS101 Introduction to Computing
Lecture 6
Developing & Hosting a Web page (Web Development Lecture 2)
Today is our 2nd Web Dev lecture During our 1st lecture about the Web
We answered various questions about the Web. How it works, How it is structured, etc. We also commented about the future shape of the Web: the Semantic Web, and how it is different from the Web of today. Todays Web is targeted squarely at us, humans. Whereas, the Semantic Web is being constructed in such a way that it is easily understandable for the computers
Learning Goals for Today

1. To develop your personal Web page 2. To upload your Web page to VUs Web server so that it becomes visible on the Internet as http://www.vu.edu.pk/~xxxxxxx/ where xxxxxxx is your user ID
But first
How I developed my personal Web page
and made it available over the Internet through the URL
http://www.vu.edu.pk/~altaf
page title
link
URL
Hyper Text Markup Language
<HTML>
<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<BODY> <H1>Altaf Khan</H1>
HTML Code
Adjunct Lecturer in Computer Science <A HREF="http://www.vu.edu.pk/">Virtual University</A> Building 1, 3rd Floor, Aiwan-e-Iqbal, Lahore +92 42 555 1212 <A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A> 
I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. 

</BODY>
</HTML>
<HTML>
<HEAD> 2 <TITLE>Altaf Khan's Home Page</TITLE> </HEAD> 3

<BODY>
HTML Code
The ones in yellow, i.e. <HTML>, </HTML>, <HEAD>, Adjunct Lecturer in Computer Science </HEAD>, <BODY>, </BODY> <A HREF="http://www.vu.edu.pk/">Virtual University</A> are the six essential HTML tags, Building 1, 3rd Floor, Aiwan-e-Iqbal, Lahore required in all Web pages
<H1>Altaf Khan</H1>
+92 42 555 1212 <A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A> 

</BODY>
</HTML>
<HTML>

<BODY> <H1>Altaf Khan</H1> Adjunct Lecturer in Computer Science <A HREF="http://www.vu.edu.pk/">Virtual University</A> Building 1, 3rd Floor, Aiwan-e-Iqbal, Lahore +92 42 555 1212 <A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A> 

</BODY>
</HTML>
<HTML>


</BODY>
</HTML>
<HTML>


</BODY>
</HTML>
<HTML>
<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD> Descriptio

<BODY>
n of the link
<H1>Altaf Khan</H1> Adjunct Lecturer in Computer Science <A HREF="http://www.vu.edu.pk/">Virtual University</A> Building 1, 3rd Floor, Aiwan-e-Iqbal, Lahore +92 42 555 1212 <A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A> 

</BODY>
</HTML>
<HTML>

<BODY> <H1>Altaf Khan</H1> Adjunct Lecturer in Computer Science <A HREF="http://www.vu.edu.pk/">Virtual University</A> Building 1, 3rd Floor, Aiwan-e-Iqbal, Lahore +92 42 555 1212 <A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A> to Computing</A> course. </BODY>
URL of the I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction link
</HTML>
<HTML>


</BODY>
</HTML>
<HTML>


</BODY>
</HTML>
<HTML>


</BODY>
</HTML>
<HTML>


</BODY>
</HTML>
This HTML document was developed in a plain-text editor called notepad
After typing the code into notepad, I saved it as index.html To check if I have done everything right, I double clicked on icon of the saved file index.html
Double clicking on the icon launched the Web browser displaying my index.html
My Web page is done!
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.
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
Upload Process
I went to the Web server upload page on the VU Intranet and uploaded my Web page to my account on the VU Web server
Eureka!
My Web page is now accessible from all of the millions of computers connected to the Internet
http://www.vu.edu.pk/~altaf/index.html
http://www.vu.edu.pk/~altaf
Enough about mine

Here is how you can develop your personal Web page
and make it available on the Internet as
http://www.vu.edu.pk/~xxxxxxx
Developing Your Own Web Page
Open notepad, type in the HTML code, and save it as index.html on your PCs desktop
Developing Your Own Web Page
Log on to the VU Intranet and upload that index.html from your PCs Desktop to your account on VUs Web server
That is it!
Your Web page is now accessible on the Internet through the URL:
http://www.vu.edu.pk/~xxxxxxx
where xxxxxxx is your user ID
Before we finish for the day, a brief review of the HTML tags
<HTML> </HTML>
HTML tags that go in the HEAD portion of a Web page
<HEAD> </HEAD>
<TITLE> </TITLE>
HTML tags that go in the BODY portion of a Web page
<BODY> </BODY>
 
Paragraph
 
Line break
 
Bold text
<A HREF = action > label </A>

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

http://
Displays the Web page specified by the link example: http://www.vu.edu.pk
mailto:
Sends an e-mail to the specified address example: mailto:altaf@vu.edu.pk
label can be any text string
HTML Code
I am at the <A HREF=http://www.vu.edu.pk>Virtual University</A>. You can send me an e-mail by clicking <A HREF=mailto:bhola@vu.edu.pk>here</A>.
Browser Display
I am at the Virtual University. You can send me an e-mail by clicking here.
End of HTML tag review
What have we learned today?

1. We now know how Web pages are built using HTML 2. We also know how to make our personal Web pages available to everyone on the Internet
Useful URLs
HTML for the Conceptually Challenged
http://www.arachnoid.com/lutusp/html_tutor.html
NCSAs Beginner's Guide to HTML

http://archive.ncsa.uiuc.edu/General/Internet/WWW/ HTMLPrimerAll.html
Homework Assignment
Develop your own home page. It should be accessible as http://www.vu.edu.pk/~xxxxxxx (xxxxxxxx is your user ID) Among other things, it should contain
At least one link to http://www.vu.edu.pk/~altaf Your (clickable) email address A paragraph (50-100 words) on what you see yourself doing 10 years from now
Consult your syllabus for the submission deadline for this assignment
Todays was our 2nd Web Dev lecture
In the 3rd Web Dev lecture well learn about adding Lists & Tables to your Web page

Cs101 Lec06

Caricato da

Informazioni sul documento

Descrizione originale:

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Cs101 Lec06

Caricato da

Copyright:

Formati disponibili

CS101 Introduction to Computing

Learning Goals for Today

Hyper Text Markup Language

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> 2 <TITLE>Altaf Khan's Home Page</TITLE> </HEAD> 3

+92 42 555 1212<BR> <A HREF="mailto:altaf@vu.edu.pk">altaf@vu.edu.pk</A><BR></P>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD> Descriptio

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

URL of the <P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction link

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

<HEAD> <TITLE>Altaf Khan's Home Page</TITLE> </HEAD>

<P>I teach the <A HREF="http://www.vu.edu.pk/cs101/">Introduction to Computing</A> course. </P>

This HTML document was developed in a plain-text editor called notepad

My Web page is done!

Enough about mine

and make it available on the Internet as

Developing Your Own Web Page

Developing Your Own Web Page

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

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

<A HREF = action > label </A>

<A HREF = action > label </A>

<A HREF = action > label </A>

label can be any text string

End of HTML tag review

What have we learned today?

NCSAs Beginner's Guide to HTML

Todays was our 2nd Web Dev lecture

Potrebbero piacerti anche