Showing posts with label html programming. Show all posts
Showing posts with label html programming. Show all posts

Thursday, 5 November 2009

Working on things

Hi guys I have currently been working on getting the table layout for my website up and running. This is taking me a while but I will do it eventually. Once I get the tables positioning up and running I can churn out a few website templates. I hope to get to the stage where these are market-able so that I can make some money back from all the time I have spent on it. Anyway time to hit the hay. I have a long day ahead of me tomorrow.

Tuesday, 3 November 2009

Tutorial 3 : HTML Manipulating Text

So in this tutorial I will teach you how to change font size, color as well as how to use header tags. Such as <h1> through to <h6>

First of all lets start with font color. This is possibly the easiest to do and can sometimes make the biggest impact on any website. You want to choose colors that will contrast very vividly with the background of the text for instance a white background with black text is perfect a dark gray with black however will have your visitors struggling to extract any information from your webpage. We can change font color by using the following line:

<font color="red";>

Put this into your page and you will have red color. Colors can be set by using certain names, Red green blue values or hexadecimal values like #FF0000 place this in the quotation marks and you will have the same red. Many paint programs show hexadecimal values for colors, so if you see a color you would like to use in a paint program look around for the hexadecimal value.

Now we shall change the font size. We can do this by using the following line:

<font size="25px";>

This can be useful if you would like to have custom sized text. To change font size you could also put in large, small and other variations into the brackets to achieve different font size.

<h1> - <h6> tags are a great way to change the size of certain bits of text. h1 is the largest header size while h6 is at the opposite end of the spectrum. To use these tags we simply encapsulate them around the text we would like to make bigger. For instance:

<h1> Hello there! </h1> which produces the following results

Hello there!



Try different sizes of header tags to try and suit your needs.

Thank you for reading tutorial 3. Please follow me if you would like more html tutorials and articles, as well as any site template ready for download.

Thanks for now! Bye.

Website finished

So I took some time today to try and put some of the things I have learned together into one website. It took be about 2 hours and I am pretty pleased with the results. Heres a quick screenshot.



I went for a silver color scheme as I didn't want to waste time choosing what would go well with what. But I think I did a good. You can download this website from here

Anyway I need to start work on my next, even better website.

Anyway I need to get to work on my next website.

Please don't forget to become a follower here on blogger and keep up to date with any new tutorials and websites that I put up. Thanks.