make up your own home page in waseda hiroshi toyoizumi

7
Make Up Your Ow n Home Page in Waseda Hiroshi Toyoizumi

Upload: charity-newton

Post on 08-Jan-2018

213 views

Category:

Documents


0 download

DESCRIPTION

Result of the Simple HTML Example

TRANSCRIPT

Page 1: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

Make Up Your Own Home Page in Waseda

Hiroshi Toyoizumi

Page 2: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

A Simple HTML Example<html>

<head><TITLE> You Can Make A Simple HTML Example </TITLE></head><body>

<H1> My First Home Page   </H1><P>Welcome to the world of HTML.   This is the first paragraph. While short it i

s still a paragraph!</P><P>And this is the second paragraph.</P><P>This is an example of link.<A HREF="http://www.u-aizu.ac.jp/~toyo">Click it!</A></P><P>This is also an example of inline image. Can you find where the original is?<

BR><IMG SRC=http://www.waseda.jp/sils/img/ph_title.jpg></P>

</body></html>

Page 3: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

Result of the Simple HTML Example

Page 4: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

Make your own HTML file1. Edit the following sample.2. Save it with an appropriate name on your desktop.3. Preview your file by your browser.4. You can add anything you like (e.g. your picture, your hobby, …)

Sample<html>

<head> <TITLE> This is title of your page </TITLE></head> <body>

<H1> This the header! </H1> <P>Welcome to the world of HTML. This is the first paragraph. While short it is still a paragraph!</P> <P>And this is the second paragraph.</P> <P>This is an example of link.

<A HREF="http://www.u-aizu.ac.jp/~toyo">Click it!</A> </P> <P>This is also an example of inline image. Can you find where the original is?<BR>

<IMG SRC=http://www.waseda.jp/sils/img/ph_title.jpg></P>

</body> </html>

Page 5: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

Upload and Your Server» Your homepage can be accessed on the

internet if you upload your file on your waseda server.

» Your server is for example ftp.aoni.waseda.jp, depends on your waseda email address.

Page 6: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

Upload Your File1. Start FFFTP.2. Connect ftp.xxx.waseda.jp, using your accou

nt name and password.3. Open the “public_html” folder.4. Drag and drop your file into your “public_htm

l” foler.

» Don’t use Japanese for the file you upload.

Page 7: Make Up Your Own Home Page in Waseda Hiroshi Toyoizumi

Checking and Evaluate Your Homepage

1. Start Internet Explorer2. Go to

http://www.xxx.waseda.jp/your_account/your_file_name and check your home page.