How to build your own homepage on the UA U-System?

 

Chun-Yu Lin

Nov. 17, 2003

 

 

Create your homepage   /   Reference   /     Advanced Tricks

 

 

 

Create your homepage in 10 Minutes:

 

1.      In MS Word, save your document as index.html
If you have pictures in your document, MS Word will create a folder named index_files which has the picture related files in there.)

2.      Use SSH to login to your u.arizona.edu account.

3.      In Shell Mode type in menu and <Enter>
Press M and <Enter>
Use arrow keys to move to Misc and <Enter>
Use arrow keys to move to Home Page and <Enter>
(Now You can find the information about “What is a homepage?” under Help and Sample.)
Use arrow keys to move to Home Page and <Enter> to create the public_html folder (You can also enter mkdir public_html in Shell Mode to achieve this.)
Use arrow keys to move to Permission and <Enter>
Press Q and <Enter> to quit

4.      Upload your index.html (and other files/folders) to your public_html folder. (You can use the ‘New File Transfer Window’ of your SSH to do this.)

5.      It’s very important to set the permissions of the files correctly. You can enter ls -al public_html  in Shell Mode to check the permission status.
Your files should show:         -rw-r--r—
Your folders should show:   drwxr-xr-x
If not, change the permissions following the instructions on http://w3.arizona.edu/~consult/web-access.html (CCIT - Webpage Permissions)

6.      Done!
Your homepage is at: http://www.u.arizona.edu/~your_NetID/
(e.g. mine is at http://www.u.arizona.edu/~cylin/ . It’s the same as http://www.u.arizona.edu/~cylin/index.html )

 

 

 

Reference:

 

(CCIT) Flowchart for Creating a Homepage or Webpage:
http://info-center.ccit.arizona.edu/~consult/homepage/web-steps-map.html

 

(CCIT) Building a Homepage:
http://info-center.ccit.arizona.edu/~consult/homepage/page-build.html

 

 

 

 

Advanced Tricks:

 

1.      In the Windows system, right click on the html file you want to edit, select Edit. MS Word will be opened so you can edit the file.

2.      Link to other websites or your other html files:
In MS Word, highlight the word(s), right click on it, select Hyperlink…

3.      Bookmarks:
In MS Word, put the cursor at the place you want to put the anchor. < Insert / Bookmark… >, give the anchor a name.
Highlight the word(s) that will link (jump) to the anchor, right click on it, select Hyperlink…, click Bookmark…, find the anchor you just made.

4.      You can create subfolders under your public_html folder.
e.g. I created a folder build_homepage under my public_html folder, and put a file named build_homepage.htm in there.
You can link to it at http://www.u.arizona.edu/~cylin/build_homepage/build_homepage.htm
If you don’t specify a filename in the browser (e.g. http://www.u.arizona.edu/~cylin/build_homepage/ ), it will try to find the default html file in that folder, which is index.htm or index.html
If the default file can’t be found, all the files in that folder would be listed.

5.      Link to photos

6.      Change the title of the webpage:
In MS Word, go to < File / Properties >, change the Title in the Summary tab. It will show up on the top blue bar of the browser’s window when you browse that page.

7.      Put your PowerPoint presentations or posters online:
In PowerPoint, save the file as *.htm

8.      Personally I use MS FrontPage to create my webpages. It’s similar to MS Word but has more web related functions. But it’s a commercial software.

 

 

Any further question please contact me: Chun-Yu Lin -  cylin@u.arizona.edu

 

Go back to Chun-Yu Lin’s Homepage