|
<!-- I recommend you print this page first using your browser (like Netscape or Internet Explorer). Click on File then Print. If you're using a color printer, the better. Under Print Properties though, choose the Econofast option to save on ink and time. This will serve as your manual guide as you go through editing "Bart's Homepage". Have you saved Bart's Homepage yet? Remember to save it in a root folder. In my case, I created a new folder aptly called Bart's folder. I then saved Bart's Homepage into Bart's folder, naming it index.html. I also saved the picture in the same folder, calling it thinkbuild.jpg (to do this, right click on the image then save). To save Bart's Homepage, click on File above the browser you're using right now. Then click on Save. Save the file as index.html, no capitals. To edit index.html, open it using Notepad, then use the following instructions to guide you through. Tip: In Notepad, click on Edit, then Word Wrap. If you want to start from scratch using Notepad, choose Select All under Edit, then press the backspace key. You can then type all entries outside the boxes in this manual. Make your revisions as you type. Tags (< >) are used in the HTML (hypertext markup language) format to enclose instructions (like title, head, body) directed to the browser to perform a certain action. Most tags are written in pairs, for example: <head></head>.--> |
<html>
| <!--<html>indicates that the HTML format is being used.--> |
<head>
| <!--<head></head>indicate the heading.--> |
<title>Bart's Homepage</title>
|
<!--The <title></title> tags are very important, so don't forget to type in your homepage title, which usually appears on top of your visitors' browsers. Highlight the text Bart's Homepage above and change it to your homepage's title. Careful not to erase the tags.--> <!--Remember that the HTML format will recognize most tags (like <head>, <title>) only IF you end them appropriately with the same tag but with a backslash ( / ) (like </head>, </title>). The <br> (or line break) and <hr> (horizontal rule) tags however do not need concluding tags (</br>, </hr>).--> |
</head>
| <!--ends the <head> tag found above. notice the back slash--> |
<body bgcolor="#B0D8FF" text="#004080" link="#008080" vlink="#CC0000">
|
<!--The <body></body> tags refer to the properties of your page content. bgcolor="#B0D8FF" means the background color will be sky blue. text="#004080" makes the text I directly type darker blue. link="#008080" instructs the browser to color my links teal while vlink="#CC0000" makes my visited links red (means that whenever a visitor clicks on the teal-colored links, they turn red right after). To change colors, refer to the color swatch provided.-->
|
<p><font size="4" font face="Times New Roman, Times, serif">
|
<!--The <p></p> tags pave the way for a new line or paragraph. Don't forget these tags whenever you begin writing a new paragraph. To prevent forgetting the ending tag (in this case </p>), type it together with the starting tag (<p>) before typing the paragraph in between the tags. Example: Step 1: type <p></p> Step 2: type your paragraph in between -- <p>Hi there. My name is Bart Colgate. etc...</p> The <font></font> tags refer to the font properties of everything in the current paragraph. size="4" points to the size of the font. You can alter this to any value you want, avoiding any extreme numbers (don't go beyond 8 or 9, it may lead to unpleasant results, unless you really want to emphasize a point). face="Times New Roman, Times, serif" refers to the kind of font used for the current line or paragraph. You can change this to "Arial, Helvetica, sans-serif" if you want.--> |
<b>Welcome to Bart's Homepage!!</b></font></p>
| <!--Make your opening remark short and simple, not forgetting to mention your homepage's name. Simply change Welcome to Bart's Homepage!! into any way you would like to greet your visitors (like Welcome to Sultan's House of Antiques!).You can also create a graphic showcasing your homepage's name to make it more attractive.The <b></b> tags make the text bold, <i></i> italicized and <u></u> underlined.--> |
<hr>
| <!--produces a line across the page--> |
<p><img src="thinkbuild.jpg" width="140" height="161" align="left" vspace="3" hspace="4">
<font face="Times New Roman, Times, serif" size="3" color="#004080">
| <!--I'll explain the "img src" part in detail. Take note that the <img> tag does not need another </img> to end it. It is within the paragraph tags (<p></p>) because it is a part of of the paragraph. src="thinkbuild.jpg" refers to the source file that you want shown at the left side of the paragraph. Use only jpg and gif files. Another tip, browsers are ultra-case-sensitive, so in my case I make sure that my file is named exactly thinkbuild.jpg, not Thinkbuild.jpg or thinkbuild.JPG. width and height properties only refer to the image's size in pixels. Be cautious while changing these values. align="left" makes the image position to the left of the paragraph. You can alter it to "right", "top" or "bottom" too. vspace (or vertical space)and hspace (horizontal space) produce some room around the image. Alter their numbers to accommodate your own image/picture. Use the <img> tag anytime you want to insert an image.--> |
Hi there. My name is Bart Colgate. I'm 22 years old and I currently live in Vancouver, Canada. Sculpting is my obsession. In fact, I hold a Fine Arts degree majoring in it. I've done several sculptures of my girlfriend fully naked (oh yeah!) and one of my P.E. teacher ('twas alright). I promise to show you the pictures (of the sculptures...) in the near future. My dad, Lomax, works in a pub located in the city, called "Huck's Hockey Club Pub", while my mom Sally works for the university. My older sister Beth partly owns a printing shop she helped establish with her friends Laura and Garth. My older brother Brad is in medicine school right now. I think he wants to concentrate on something called gastroenterology. It has something to do with ulcers. Billy, my younger brother, is in the second year, he's gonna be an engineer soon. My girlfriend Silvia Harris goes to a different school taking up Psychology, and sometimes she earns extra money from working for her dad's toy shop. I did help out often some months ago but I had to stop coz her dad thought I was just fooling around with his daughter. Silvy usually comes over on Sunday coz my mom invites her every time she cooks something special for dinner. But last week she had to decline coz she says she was getting kinda bulgy around the waist. You know, Silvy always freaks out about her weight. On one date we had to leave a restaurant prematurely coz she wouldn't get anything to eat, so I wouldn't get anything too. Eating in front of a starving date isn't that appetizing for me. Beth never misses Sunday dinner even if she lives about twenty miles from us. You see, she shares an apartment with her business partners. She and Garth are kinda on and off every now and then. Laura told me one time that Garth would sometimes sneak into Beth's room in the middle of the night. But that's none of my darn business (sure...). Mom is actually an excellent cook, so is my dad, but he's too busy for that since he spends most of the day in the garage checking on his vintage sportscar. He can only do that on Sundays. By the way, Lomax stands for Lorenzo Maxwell Colgate. I never thought about why none of us were named that way, you know, like John Kennedy Jr. is to his father. Perhaps I have to be thankful or else I'd have to go through the agony of teasing just because of my name. But I guess my parents did follow a pattern in naming us. Our names all began with a B. Beth's long name is Beth Helen Colgate, Brad's is Bradford, mine is Bartholomew while Billy's is just plain old Bill. On some occassions, people would ask me if we owned a toothpaste factory. I said no, of course. But if we did, I'd certainly be owning a whole art museum by now. Aside from sculpting, I like reading books, particularly on art, and I listen to Beethoven and Mozart. I also enjoy playing badminton and basketball with Billy, but only during the summer. Silvy likes to play too, but both Billy and I beat her every single time. Silvy's always been a good sport about it though. My biography goes way way back still, but I really should end it here until I think of new stuff to tell. </font></p>
| <!--Above you can see Mr. Colgate's mini-biography within paragraph tags. To edit the paragraph, highlight everthing except the tags, then type. Also take note of the ending tags </font> & </p>.--> |
<p><font
color="#006291" face="Arial, Helvetica, sans-serif">
<i><b>My
Favorite Sites on the 'Net:</b></i></font></p>
<ul>
| <!--The <ul></ul> tags mean an unordered list, meaning a list with bullets denoting no particular order or number. You can use <ol></ol> (ordered list) if you want a number beside each element of your list. Ascertain that elements that belong to the list are within or inside the list tags, not going beyond </ul> or </ol>. The <li> tag should go beside each element to enable a bullet or number.--> |
<li> <b> <a href="http://www.cnn.com">CNN</a></b> - This site is cool for its up-to-date news
<li> <b> <a href="http://surf.to/earthbound">Earthbound</a></b> - Probably the coolest of all
<li> <b> <a href="http://www.download.com">Download.com</a></b> - This one gives out the newest programs for free downloading
<li> <b> <a href="http://www.amazon.com">Amazon.com</a></b> - Site where I find and buy my books
</ul>
| <!--<a></a> stand for anchor tags. "href=http://www.cnn.com" means the site or URL or web address the link will direct you to once you click on it. CNN will be the name or nickname of the link/URL shown in the list as you view the homepage directly through a browser. To add in your own favorite link, change www.cnn.com and CNN appropriately.--> |
<hr>
| <!--produces a line across the page--> |
<small>Created on 08/10/98 by Bartholomew Colgate using Notepad</small>
| <!--Tell when you created or last updated the page, this will inform the visitor how recent your page is. Also write your name and program you used if you want. The <small></small> tags are a way to set the size of the font without having to specify a number. Notice that no face was indicated. If you fail to set a font face, the default font is Times New Roman. You can use <big></big> tags too.--> |
Email me at <a href="mailto:bartcolgate@yahoo.com">bartcolgate@yahoo.com</a>.
| <!--Leave an email address wherein visitors may contact you. Anchor tags are also used for email links as do website links. However, you have to precede the email address with "mailto:" for it to work. Replace Bart's email with yours. --> |
</body>
</html>
|
<!--end tags for <html> & <body>, found on top of this document.--> <!--to preview how your page would look like online, open your browser, choose File then Open Page or Open, go to your root folder where the html file can be found. Open your file. If you want to change something, go back to Notepad and edit. To once again preview, save your file, then click on the reload or refresh button in your browser. If an image fails to appear, check the capitalization or spelling of the file's name in your html file, they must match. Also make sure that the image file is in the same folder as your html file. To publish your homepage online, click here.If you're experiencing trouble about anything, email me at earthbound@skyinet.net.--> |