welcome

gone with the wind

This is Moonflame Designs, a small portfolio of a website that I, Presea, created back in October of 2005. Within this design portfolio are different types of graphics, big and small, which I like to call experiments. What can I say? Paint Shop Pro and Photoshop are pretty handy; you just have to make your rounds. I have tested all sorts of styles on layouts, signs, signatures.. You name it, I have probably tried it. However, this is a portfolio, so I only put up what I like best. Notwithstanding, all visitors are welcome to use my designs as they are created to be used. Welcome onlookers to your webapage, dress your Gaia profile with something nice; whatever you like! And, if you ever have a suggestion, send me an e-mail. I like to try new things because, let's face it, HTML, CSS, design.. it's all one big sand box. You just have to keep digging and building. One day, you will have built the sand castle of your dreams. I hope you enjoy! ♥

basic html

as easy as. . .well, 1 2 3 ain't easy. . .

I bet right now you're wondering, just what is, 'HTML,' Presea(or anyone else of your choice..)? Well, it's a really big pain in the butt. D: So now you're thinking, "Who cares, I wanna' make a website!"

(You're probably not thinking any of that, I just needed some sort of introduction).

*sigh* Okay.. HTML, firstly, stands for Hyper Text Mark-Up Language and it is the language of the World Wide Web. HTML contains tags of which are surrounded by brackets (<)(>). These tags can alter the content of your website.

The font tag is a perfect example of an HTML tag. In it's current state, the font tag wouldn't do anything. But, if you wish to change the colour of your text, you would just add to your font tag..

Or maybe you want to change the size, too..

Even the font face!

See? Isn't HTML brilliant?

Here are a few basic codes you should know:

Hello. Creates an italics affect.

Hello. Creates an bold affect.

Hello. Creates an underline.

~~Hello.~~ Creates a strike through text.

And here's an outline for a basic webpage:

Applying your new knowledge on text that you insert inbetween the body tags will alter it. For your sake, I'll display the font tags a second time.

Font Changing codes

Hello. Changes font size.

Hello. Changes font face.

Hello. Changes font colour.

Well, a page can be rather boring without any colour/images in the background, right? White gets a little tired after seeing it for a while. Let's see how you can change the colour of your background..

Change Background Colour

And how about making an image your background?

Pretty simple, I suppose.

Still, a website might not seem too impressive with just a background and some text. To add images, simply use the following code:

With this code, you are able to alter the image's position and its size. Insert the following after your last quotation mark to change its position:

Typing left, right, or center within the quotes will change the placement of your image. Use these to alter the size:

Put the numbers inside of the quotes in order to change the size.

Lastly, I'll introduce links, which will ultimately help you navigate the World Wide Web, not just your own page. A basic link appears as so:

Where Hyperlink Title is, you will put the title of the url in which you are linking. Within the quotes goes the said url. However, you can also use images in place of a title. For example:

You can see that I have utilized this technique in order to link to my affiliates.

With knowledge of all of these codes, building a webpage is as simple as piecing them all together. It takes practice, but HTML can easily become second nature.

Well, I hope this tutorial may've helped you just a little if not more. If there is anything that wasn't on here, that is considered basic HTML, that you want covered in this guide, e-mail me and I'll add it. Also, if you just have other questions or concerns, e-mail me. (blackwolf9wx5@aol.com).