logo
 

Website Sig 10_20_2011

By: Robert
Date: 10/17/2011 7:24:07 PM

Installing Sea Monkey


Sea Monkey is a WYSIWYG (What You See Is What You Get) editor. It allows you to write webpages without needing to write actual HTML code. Here is how it can be downloaded and installed.

  1. Download Sea Monkey here
  2. Run the installation file
    • Standard install will be fine for most people
    • Custom install allows you to pick the directory to install to.
  3. Once the installation is complete, Sea Monkey can be used for many different tasks (including building web pages).


Making your first webpage with Sea Monkey


The Sea Monkey composer works very much like a word processor. Anyone familiar with Microsoft Word or any other similar program will see many buttons and options that look familiar. To open the composer, in the Sea Monkey menu bar, select File > New > Composer Page.

Once the composer is open you can add text, tables, images, links, etc. There are also various options for changing the look and feel of the webpage which will be explained in further detail later. When you're done, save the file. If you haven't set the title of the page yet, Sea Monkey will ask you to supply one. After saving the file, it is ready to be viewed in a browser.



Overview of tags and nesting


Even though a program like Sea Monkey can simplify the process of creating a webpage, having an understanding of HTML tags and how they work will make using Sea Monkey and editing HTML directly and indirectly much easier. HTML uses tags to tell the browser how to display and organize text. The following example shows some tags, and the result they have on the text.

PLEASE NOTE: Even though many browsers will display the following tags correctly, it is not recomended that they be used. Better ways of producing the following types of text (bold, italic, strike through, and underline) will be shown.
 

<b>ABCD 1234</b> -> ABCD 1234
<i>ABCD 1234</i> -> ABCD 1234
<s>ABCD 1234</s> -> ABCD 1234
<u>ABCD 1234</u> -> ABCD 1234

Most tags have an opening and closing. The opening for the div tag is <div>. The closing for the div tag is </div>. As you can see, the tag is opened with the tag name surounded by angle brackets, and closed with the tag name preceded with a forward slash and then surrounded by angle brackets.

Some tags don't require being closed. The most common are the horizontal rule <hr> and break <br> tags. These tags are shown below.

ABCD<hr>1234 ->

ABCD
1234


ABCD<br>1234 ->

ABCD
1234

Lastly, tags can be nested within each other. Some things done in HTML require numerous levels of nesting. For now, a simple example will be shown. In this example, you can see different ways of displaying text all nested within each other.

<b>All of this text is bold. <i>Some of it is in italics</i>, <u>and some of it is underlined</u>.</b> ->

All of this text is bold. Some of it is in italics, and some of it is underlined.


Minimum tags needed for a webpage


When writing a webpage, there must be a minimum amount of HTML written for the page to be properly displayed. This is shown below, followed by a description

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
    </head>

    <body>
    </body>
</html>

doctype - The doctype tag tells the browser how to treat the incomming HTML code. There's many different forms this tag can take, however, most people can use the tag as it is generated by Sea Monkey or whatever program they're using. If you're writing HTML by hand, just copy and paste the above tag into the first line of your HTML code.

html - The html tag is the top most tag in your webpage. Everything your webpage contains is nested within the HTML tag.

head - The head tag is where you define the page's title, meta inforation, style, and script data. Many of these features will be described in greater detail later.

body - The body tag contains everything that gets displayed on the page. This is where all your text, images, links, tables, etc... will go.

 
Copyright MonroeDavis.com