Linux Tutorial 6
Linux Review - Making a Website
Edited: January 9, 2008
Today's lesson is a review of the Linux tutorials. You will also create your first structured webpage using CSS. Follow these directions carefully:
Start SSH
In your Terminal, input the following commands to start SSH:
$ cd
$ su
Enter password:
$ root
$ /etc/init.d/sshd start
SSH to your Instructor's Desktop with the provided IP address:
$ ssh -l guest 192.168.1.1 (Ask your instructor for the correct IP address)
Answer yes to the 'fingerprint' question and input the password guest. You should be logged in.
Now you will cd to your class folder:
$ cd /home/guest/Desktop/ais10b
Now make a directory with your name:
$ mkdir tommy10b
$ cd tommy10b
Create a CSS folder
$ mkdir css
$ cd css
Go to: http://ais.saigonnezumi.com/css/ais.css
Copy the entire CSS file.
In nano, paste the entire css and Save As ais.css.
$ nano ais.css
$ cd ..
$ pwd
/home/guest/Desktop/ais10b/tommy10b
Now, copy the entire XHTML below:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" > <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="This web site was created by Kevin Miller, Jr., for his American International School Computer Science Students." /> <meta name="keywords" content="AIS, American International School, Saigon, Ho Chi Minh City, HCM, computer science, css, html, xhtml" /> <meta name="author" content="Kevin Miller, Jr." /> <meta name="Copyright" content="Copyright (c) 2008 by Kevin Miller, Jr" /> <title> Your Name Goes Here </title> <link href="css/ais.css" type="text/css" rel="stylesheet" /> </head> <body id="ais"> <div class="hide">Skip to: <a href="#ais-navigation" accesskey="s" title="Skip Navigation">Site Navigation</a></div> <div id="content"> <div id="header" title="AIS Computer Science Class"> <ul id="mainnav" title="AIS Computer Science Class Horizontal Menu"> <li><a href="index.php" title="Link to AIS Computer Science Homepage">Home</a></li> </ul> </div> <a id="top"></a> <div id="breadcrumb" title="AIS Computer Science web site Breadcrumbs"> Your are here: Home </div> <div id="main"> <h1>American International School</h1> <h2>Computer Science Website</h2> <p> Insert text here </p> <p><a href="#top" title="Link to the top of the web page">Top</a><br /><br /></p> </div> </div> <div id="validate" title="AIS Computer Science Website Copyright"> Copyright ©2008 by <strong>Kevin Miller, Jr.</strong> All Rights Reserved.<br /> Web site URI: <a href="index.htm" title="AIS Computer Science URL">http://ais.saigonnezumi.com</a><br /> </div> </body> </html>
$ nano index.htm and paste the entire XHTML. Save as index.htm.
Yes, expect some errors to occur but we will debug them later.
Now go back and edit index.htm and add some new content between the <p> tags.
For this lesson, we will not create a navigation bar on the left, yet.
When you are finished, preview your website in Konqueror.
/home/guest/Desktop/ais10b/tommy10b/index.htm
If you have problems, please ask your Instructor or fellow classmates for help.
Please report any errors about this Tutorial to your Instructor.
This is the end of Linux Tutorial 6. Please prepare for your Midterm exam. It will be multiple choice. Study Linux Tutorials 1-6 and review your XHTML!