Lab46 Wiki

Corning Community College

Computer Essentials

Web Page Creation

Objective

To explore and create a web page to better understand web pages and HTML.

Background

To create a web page on lab46, the following steps need to be followed:

Step 0: Go to your web directory

lab46:~$ cd public_html
lab46:~/public_html$

Step 1: Create your web page

lab46:~/public_html$ nano mypage.html

Now you would type in web content… for example, you could type in the following:

<html>
<head>
<title>MY first web page</title>
</head>
<body>
<p>Yay! A paragraph.</p>
 
<p>A second paragraph that has more words in it than the first paragraph.
Even thought it isn't technically a paragraph because I only have 2 sentences in it.</p>
 
<hr />
 
<p>One more <strong>paragraph</strong>.</p>
</body>
</html>

Step 2: One time blessing

After saving and exiting from the text editor, the very first time you'll need to “bless” the web page so it can be viewable on the internet.

The technical aspect of what is going on is this: The system has 3 levels of access- user (owner), group, and other (world). The web server retrieves HTML documents under the “other” category. Files on the system can have the attributes of “read”, “write”, and “execute/search” applied to them… so in order to make a web page viewable by the world (including yourself, when you view your page on the server in a web browser you are from the “world”), we need to give “world” the “read” permission. This next command will ensure that (along with ensure the proper setting of values for user and group). All you need to know is that you need to do this the first time you make any new web document.

lab46:~/public_html$ chmod 644 mypage.html
lab46:~/public_html$

Step 3: View your page

If your lab46 username were js1234, and your web page created was mypage.html, the URL to your page would be:

<html> <center> </html> http://lab46.corning-cc.edu/~js1234/mypage.html <html> </center> </html>

Step 4: Enhance your page

To modify your page, simply follow the above steps (get into ~/public_html, run nano on the file in question), make your changes, and save (or save/exit).

Once done, you can simply refresh the page in your browser, and see the latest and greatest.

Assignment

Your mission is to create a web page that is essentially a business letter (you can be writing to a business, or be a business writing to another business or customer… bottom line: your web page must display in the format of a business letter). The business can be imaginary, it can be talking about imaginary things… but there must be real, actual content in the letter (no filler or latin text).

Full requirements are as follows:

Business letter
Must contain at least 5 paragraphs.
A paragraph must have at least 3 sentences.
Page must include at least 1 list (minimum 5 items).
Page must include at least 1 table (more than 1 row, more than 1 column).
Page must include at least 1 image (can be locally hosted on lab46, or on the internet).
Page must include at least 1 hyperlink (must be relevant to the content of the business letter).
Utilize some text formatting enhancements (bolding, italics, underline, color, size, font).

For added exploration, feel free to utilize any of the following (not required, but may get you bonus points):

look up CSS, add a border around the page (much as there is on this one– indented from the physical page extents).
enable mouse hovering/mouse rollover features to visibly change the behavior of links when the mouse encounters them.
have a form where users can submit information
nest a table within a table
use div's

Submission

Assignment Submission

<form> Action mail wedge@lab46.corning-cc.edu Thanks “Thank you. Your submission has been received.”

Textbox “What is your name?” Textbox “What is the URL of your web page?”

submit “Submit”

</form>