Making your own webpage can be both fun and frustrating if you are a beginner. Nowadays, you do not even need to know HTML, or JavaScript. There are plenty of sites that have webpage building programs built right in to help you make the pages that you want. The folks who host my site...1and1.com...is one of those kinds of sites. However, I learned how to do webpages the, "old school way". I learned to use coding like HTML and JavaScript (not to mention others like, CSS and XHTML). So, I don't use my host's webpage builder program at all. I go through the back way and use Notepad and my favorite browser (Firefox) to create the pages on my site. I want full control, plus I want to keep up with the coding that is behind the sites that you see (ie. HTML, CSS, JavaScript). It's a fun hobby for me to pass the time.
How did I start out? I saw one of my daughter's friend's websites and I was so impressed that I wanted to learn how to do it myself. So, I right clicked, saw that, "View Page Source" option, copied and pasted everything to Notepad. Then I started having fun! I had no idea what I was doing really, but all of those codes looked neat and I thought that if I could change the colors, fonts and perhaps the background images, then I would be doing something. Yes, I was green, but I was like a sponge! I really wanted to learn! I found a site called...htmlgoodies.com...and that guy, Joe Burns, really knows his stuff. There are plenty of lessons to learn everything you need to know about how to make your own webpage there on his site. So, if you are as curious about creating your own site the, "old school way" by doing your own scripting, then check out Joe Burns' place and start your lessons today! Here is a basic format to start you out that you can play with. Copy all of the following to Notepad...
<HTML>
<HEAD>
<TITLE> Your Title Goes Here! </TITLE>
<META> Your Meta Tags Go Here! <META>
</HEAD>
<BODY></BODY>
<B> For BOLDText! </B>
<I> For ITALIC Text! </I>
<BR />
<P> Your Content Goes Here (between BODY Tags)! </P>
<CENTER> Centers Text! </CENTER>
<BLINK> Makes Blinking Text! </BLINK>
<FONT SIZE="+1" COLOR="#FFFFFF"> Makes Font Sizes andColors! </FONT>
</HTML>
Here is the explanation of how it all of those tags work...
HTML /HTML - starts the whole page. Everything on your page goes in between these two tags.
HEAD /HEAD - uses the title and meta tags in here.
TITLE /TITLE - this is where the title of your page goes. Inside the head tags. Notice when you open this in your browser, it's at the top of the page, the very top of your browser's page?!
META /META - always goes inside the HEAD tags and are typically used to specify page description, keywords, author of the document, last modified, and other meta data.
BODY /BODY - this is the body of your page, basically everything goes in between these tags.
B /B - makes text bold.
I /I - makes text italic.
BR BR / - makes a hard page return.
P /P - is where you would write your text and make a hard return as well.
CENTER /CENTER - this centers your text.
BLINK /BLINK -
FONT /FONT - you can change the color and size of your font.
Now that you have the basics, you can add text and change colors, etc. As always, if you need help I am only an email away.
(link2top)
|
