Last night at the 45th post reunion meeting, we (the committee) were in search of a new webmaster for the class of '64. Our current webmaster, Sharon Tokie (Watanabe) Souza, decide to retire after five and one-half years of dedicating her services to the Maui High School class of '64. An unamed individual indicated interest in becoming our new webmaster, according to Sharon. The committee, not knowing who that person was, ask me, if I would be interested in the webmaster position. I replied, "The Job requires lots of time; not only the development of the website, but its maintenance." They asked me to try and if the project was to much for me to handle, it would be okay to stop.
My knowledge of website design was minimal. I did one website using Verizon Hawaii's free service while I was still working. After retiring in 2000 and Verizon Hawaii was taken over by Hawaiian Telcom, the free website went away and I never did a website since.
Below is what I went through to get myself up to speed to start developing the website. With the help of HomeStead SiteBuilder, who is affliated with my Neptune website (also the host of our new website), SiteBuilder provided me with a free website builder software. Three days later, I had the website in its raw form.
Below is an example of html formatting.
Bold text with the <b></b> or <strong></strong> tag.
This text is bold.
Italicised text with <i></i> or <em></em>.
This text is italicised.
Line breaks. <p>Here is a...<br />line break</p>
Here is a...
line break
Here's a horizontal rule... <hr /> ...that was a horizontal rule.
Here's a horizontal rule...
...that was a horizontal rule.
Unordered (un-numbered) list <ul></ul>.
Ordered (numbered) list <ol></ol>.
This attribute changes the background color to silver. <body style="background-color:silver">
Used the <a> tag attribute to create a hyperlink to my DropShots website. <a href="http://www.dropshots.com/hjplatiro">HJP DropShots Password=mhs64hjp</a>
HJP's DropShots Password=mhs64hjp
This is how to link to a website in a new window: (absolute) Visit <a href="http://www.hawaiiantel.net" target="blank">Hawiiantel.net</a>
Results: Visit Hawaiiantel.net<p> This is the actual HTML coding for this page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML Tutorial with Microsoft 'NotePad'</title>
</head>
<body style="background-color:silver">
<h2 align="center"> Friday, September 25, 2009</h2>
<p> Last night at the 45th post reunion meeting, we (the committee) were in search of a new webmaster for the class of '64.<br />
Our current webmaster, Sharon Tokie (Watanabe) Souza, decide to retire after five and one-half years of dedicating her services to the Maui High School class of '64. An unamed individual indicated interest in becoming our new webmaster, according to Sharon. The committee, not knowing who that person was, ask me if I would be interested in the webmaster position. I replied, "The Job requires lots of time; not only the development of the website, but its maintenance." They asked me to try and if the project was to much for me to handle, it would be okay to stop.
<p>My knowledge of website design was quite minimal. I did one website using Verizon Hawaii's free service while I was still working. After retiring in 2000 and Verizon Hawaii was taken over by Hawaiian Telcom, the free website went away and I never did a website since.
<p>Below is what I went through, to get myself up to speed, to start developing the website. And, with the help of HomeStead SiteBuilder, who is affliated with my Neptune website; also the host of our new website, provided me with a free website builder software. The rest is history.
<hr />
<h2 align="center">HTML Formatting</h2>
<p align="center">Below is a h1 formating.</p>
<h1 align="center">HJP Productions "Just-A-Hobby"</h1>
<p align="center">Bold text with the <b></b> or <strong></strong> tag.</p>
<p align="center"><strong>This text is bold.</strong></p>
<p align="center">Italicised text with <i></i> or <em></em>.</p>
<p align="center"><em>This text is italicised.</em></p>
<p align="center">Line breaks. <p>Here is a...<br />line break</p></p>
<p align="center">Here is a...<br />line break</p>
<p align="center">Here's a horizontal rule... <hr /> ...that was a horizontal rule.</p>
<p>Here's a horizontal rule... <hr />
<p>...that was a horizontal rule.</p>
<p> Unordered (un-numbered) list <ul></ul>.</p>
<ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ul>
<p>Ordered (numbered) list <ol></ol>.</p>
<ol>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
</ol>
<h4 align="center">HTML Attributes</h4>
<p align="center">This attribute changes the background color to silver. <body style="background-color:silver"></p>
<p align="center">Used the <a> tag attribute to create a hyperlink to my DropShots website. <a href="http://www.dropshots.com/hjplatiro">HJP DropShots Password=mhs64hjp</a></p>
<p><a href="http://www.dropshots.com/hjplatiro" target="blank">HJP's DropShots Password=mhs64hjp</a></p>
<h4 align="center"><strong>HTML Colors</strong></h4>
<h4 style=color:blue align="center"><strong>Foreground color (text) <h4 style="color:blue"</h4>.</strong></h4>
<h4 style="background-color:yellow" align="center">Background color <h4 style=background-color:yellow"</h4>.</h4>
<h4 style="border:1px blue solid;" align="center">Border color <h4 style="border:1px blue solid;">enter text here</h4>.</h4>
<h3 align="center"><strong>HTML Links</strong></h3>
<p> This is how to link to a website in a new window: (absolute) Visit <a href="http://www.hawaiiantel.net" target="blank">Hawiiantel.net</a></p>
Results: Visit <a href="http://www.hawaiiantel.net" target="blank">Hawaiiantel.net</a>
<hr />
<p> </p>
<p> </p>
</body>
</html>
</p>