In this tutorial, you will learn some basics of HypterText Makeup Language (HTML). After this tutorial you will know
- What is HTML?
- How to post web pages on the Internet?
- What editor is needed to edit a web file?
- How to scan classnotes into computer as pdf files?
- How to convert file formats?
What is HTML?
How to post web pages on the Internet?
To post web pages, you need to put all web files into a "public_html" and set permission correctly.
First, you need to email IT help to create "data" folder for you if you don't have one yet. The new location is
/usr/local/data/your_username
ie/ /usr/local/data/john.foo
After you have your "data" folder, ssh to our Unix server and start setting it up.
ie. ssh john.foo@stat.ubc.ca
$ mkdir /usr/local/data/john.foo/public_html
$ ln -s /usr/local/data/john.foo/public_html ~/john.foo/public_html
Folder permission is 711 or 755 (less secure)
$ chmod 711 /usr/local/data/john.foo/public_html
$ chmod 711 ~/john.foo
Notes: To find out where your home directory is type: 'pwd'In the " public_html" folder, a file called "index.html". This file is the main web page.
Set permission to File is 644
$ cd /usr/local/data/john.foo/public_html
$ vim index.html
$ chmod 644 index.html
Your Website is
http://www.stat.ubc.ca/~your_username/Note: You can also have a webpage on unixlab,our Undergradute server. Can be useful, for keeping online material for the course you're TAing. For example, web files for user stat200 will be in /home/www/stat200/public_html
and it can be accessed from the web as http://unixlab.stat.ubc.ca/~stat200
What editor is needed to edit a web file?
On our Unix systems, Vim and Emacs. Opensource package such as Seamonkey or commercial products
such as Adobe Dreamweaver and Microsoft Expression are very good.How to scan classnotes into computer as pdf files?
We can use Adobe Acrobat to scan classnotes. The computer we used is in the mailroom. The procedures are follows:
- Double click the use for PDF scanning icon on the desktop of Windows 2000.
- Select File from the menu bar of Adobe Acrobat
- Select submenu Import, then sub-submenu scan.
- Put the first page into the scanner. The page should face down and be put in the right-upper corner of the scanner.
- Click the Scan button on the dialog window of Adobe Acrobat.
- From the dialog window, set the value of Image type as black & white photo, the value of Destination as screen/web and the value of Resolution as 96
- Select area you want to scan into computer by pressing left-button of mouse while dragging the mouse.
- Click Scan button.
- After finishing scanning the first page, Adobe Acrobat will ask if you want to scan next page or not. If you want, just click nextbutton. Otherwise, click Done button.
- After you scan all pages of your classnotes, select menu File and submenu Save. The default file format is pdf.
Once you get the pdf file, you can upload to the course website. The procedure is
- Double click the SSH secure FTP icon on the desktop.
- Click the Quick Connect button.
- Log into the course website, stat404 say.
- Double click the public_html directory.
- From the menu bar select Operation menu and upload submenu.
- From the pop-up dialog window select the pdf file you just scan in and click Upload button.
- Select Window menu and New Terminal submenu. A terminal will pop-up.
- Go to public_html directory and change permission of all files by the command: chmod 644 *
How to convert file formats in Unix and Linux?
To convert latex file to html files, use the command:
latex2html abc.tex
To convert dvi file "abc.dvi" to ps file "abc.ps", use the command:
dvips -o abc.ps abc.dvi
To convert ps file "abc.ps" to pdf file "abc.pdf", use the command:
ps2pdf13 abc.ps
To directly convert latex file to pdf format, please refer to Dr. Harry Joe's tips page.