2-Create-a-Website.Com | How To Create a Website » Coding

Include Files

Administrator — Mon, 09 Mar 2009 00:18:29 +0000

On this article, I will explain how to use Include files on Html, Asp, and Php files. Most of the paid hosting companies allow you to use include files. It is one of the best ways to control your fully loaded website.

Include files in Html

In html, you can use a simple code to include a file in another one. So let’s say you have index.html and you want to add menu.html as an include file; so you would open the source code for index.html and add the following code:

If you add this code to your index.html’s source html code and it doesn’t work, don’t give up. Most hosting companies allow to add include files to only .shtml files. So what you is easy and simple, just rename your index.html to index.shtml

Include files in Asp and Asp.NET

In asp it is very easy to add an include file to your source codes. It is just like the code above for Html files but in a different words. The code is:

YES! there is only one word difference. Instead of “virtual” your going to use “file” to include a file.

Include files in Php

Include files in Php is the same concept. The code is below:

You can use any type of files you wish to include. If you have a page named menu.html you can include this page into your Php or Asp coded page. For example:

How to add a “Email me” Link

Administrator — Thu, 26 Feb 2009 00:38:35 +0000

On this article I will explain the way of adding your email address to your website as a link. First of all I want to touch the fact that people just write their email as text on there website like:

You can contact me at admin@website-name.com

I find these what so called “contact” ways so lame. They look very eye distracting. Instead of these you can have a “Contact” or “Email me” link on your website that would just open Outlook automatically to send a email to you.

You can do these by just adding the following simple link to your website. It is just like adding a normal hyperlink but instead of http:// on the link placement you add mailto: just like on the following example.

<a href="mailto:youremail@your-domain.com">Contact</a>

Changing Table Backgrounds

Administrator — Wed, 28 Jan 2009 03:06:02 +0000

In this article I will explain how you can change your table backgrounds with the bgcolor tag. It will be very short but I hope I will get my point through.

Example code:

<table border=”0″> <tbody> <tr bgcolor=”#ffff00″> <td>This Row is Yellow!</td> </tr> <tr bgcolor=”#808080″> <td>This Row is Gray!</td> </tr> <tr bgcolor=”#ff0000″> <td>This Row is Red!</td> </tr> <tr bgcolor=”#0000ff”> <td>This Row is Blue!</td> </tr> <tr bgcolor=”#ffc0cb”> <td>This Row is Pink!</td> </tr> <tr bgcolor=”#00ff00″> <td>This Row is Lime!</td> </tr> </tbody> </table>

And here is how it will look:

This Row is Yellow!

This Row is Gray!

This Row is Red!

This Row is Blue!

This Row is Pink!

This Row is Lime!

That is an basic table code with bgcolor tag applied to it. You can easily figure out how I used it. If this article is confusing for you please leave a comment and I will reply with my best!

Changing Background Color

Administrator — Wed, 28 Jan 2009 03:00:24 +0000

This is a very short article explaining how to change your website’s background color. It works with a simple tag which is bgcolor=”red” on this article I will use actual color names to make it more understandable. But you can always use Hex color codes which has more variety of color options. You can find a Hex color chart on my website by using the search form and search “Hex”.

You need to add the bgcolor tag to your tag like its shown above. This will change the background of your webpage to the color you want.

you can also check my How to Change Table Backgrounds article to learn how this bgcolor tag can apply to table codes.

How to add a Scrolling text

Administrator — Tue, 27 Jan 2009 04:52:13 +0000

In this article I will explain how to add a scrolling text to your web page. This code can be used as a ticker, it is also called marquee text but it is easy to remember it as scrolling text.

Html Code for basic Marquee

<marquee>Html example of a marquee code</marquee>

Example of how it will look:
Html example of a marquee code

Code for a scrolling text with background

You can also add backgrounds to these scrolling texts. All you have to do is edit the tag bgcolor=”lime” you can put color names or hex colors on this field.

You can search up hex to find a Hex color chart on my website.

<marquee bgcolor="lime">Html example of a marquee code </marquee>

Example of how it will look:
Html example of a marquee code

Code for a scrolling text with background and direction with fixed width

On this example you can setup the direction the text will scroll and the width of the marquee. All you have to do is edit the height and width tags in the code.
<marquee height="100" width="150" direction="up" bgcolor="lime">Html example of a marquee code </marquee>

Here is an example of how it will look:
Html example of a marquee code

How to edit Html in Blogger

Administrator — Fri, 23 Jan 2009 03:41:38 +0000

Many bloggers wonder if they can actually edit the source HTML code of their Blogger blogs. Well, to the ones out there waiting for an answer, my answer is YES, absolutely you can.

All you have to do is:
Login to your account.
Go to the Layout tab.
Click “Edit Html”

..and there you go, now you can put in any kind of Html code you want to add to your blog. One of Blogger’s nice compabilities is that you don’t need to know Html coding skills to edit it. You can use their editor and still add Html codes through the editor. The best thing about this is that you can drag and drop things and customize your blog.

What is favicon

Administrator — Sat, 03 Jan 2009 23:38:14 +0000

Having a favicon for your website is very important. A favicon is a little graphic that appears on the address bar before your url. Also, a favicon is an icon that represents your website on a users Favorites list or Bookmark list.

How to create a Favicon

Creating a favicon so simple. Many people mistake it and go to use many different kinds of programs. Any image can be your favicon. Just use the below code to add a favicon to your website.

The above code is a meta tag. So don’t forget to add it between your codes.

You can create a favicon with any kind of an image creator including Paint which comes with every computer. But remember to convert it to an .ico file which you can do so simple at the following url : http://tools.dynamicdrive.com/favicon/

After you convert your image to an .ico file, the website will give you alink to download the file. Download the favicon.ico file and upload it to your main directory via FTP. You can read my FTP article What is FTP and How does it Work if your not sure about FTP. It should work fine with the above meta tag being added to your tags.

You can also use the below code to make it very simple if the above code does not work.

The Header Tag

Administrator — Fri, 26 Dec 2008 20:42:17 +0000

The header tag is very simple and easy also. It helps you to seperate your content into segments and add titles. On this article I will also explain the importance of the header tag to the Search Engines.

What is the header tag ?

The header tag is basic

code

to add titles to your website or divide your content into segments. There are 6 header tags.

The

tag is the most important one, also it is the biggest one.

The text goes between the

and the

tag.

is the biggest and it goes down to

as it is the smallest one. The header of this paragraph — What is the Header tag ? — is

headered.

This is an example of an

tag

This is an example of the

tag

This is an example of a

tag

What is the importance of these tags to the search engines ?

Like I explained above, the

tag is the biggest of all tags, it also tells that the text in between

and

is important. So if you are making a website about hamsters, you should write like –How many types of hamsters are there — to have good search engine results on the keyword “How many types of hamsters are there”

It goes down from

to

like the normal use, as the

is the most important one, the

is the least important one to search engines. However the

is the least important one, it is still important then the normal text you use on your website.

Related Posts

The Paragraph HTML Tag

Administrator — Fri, 26 Dec 2008 20:22:09 +0000

The paragraph HTML tag is very easy to use and understand. This article is written to show how simple it is to use the paragraph tag. It is a basic

and

tag. If you are familiar with HTML codes, you probably got the concept by now.

The

code opens a paragraph and the

code closes a paragraph. Below I explained with the usual system of mine, the color seperation. The start of the pink color means I used the

code to start the paragraph and the end of the pink color means I used the

code to end the paragraph.

This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.

This is an example of how to use the paragraph HTML tag.This is an example of how to use the paragraph HTML tag.

I think I made it pretty simple enough so everyone can understand, keep on coding, it will pay back in the future.

How to add Youtube videos to your website

Administrator — Thu, 18 Dec 2008 00:26:22 +0000

Adding youtube videos to your website is very and so much simple than any other method. If you have a video I prefer you upload your video to Youtube.com instead of uploading it to your webhost. This will save you alot of disk space and your video can’t be stolen by other people.

Go to the video you want to add on Youtube, on the page you watch the actual video, there will be a box on the right column. Take the code in the Embed box, and paste it anywhere in your website that you want.

It sounds very easy because it is. If you want to change the setting of the video for example you want it to start automatically, in the embed code, there will be 2 adress pointing to the Youtube videos source just like http://www.youtube.com/watch?v=KBuTIiS0nig Change the ?v= part to /v/ and on the end add &autoplay=1 so your video links will look like this http://www.youtube.com/watch/v/KBuTIiS0nig&autoplay=1

And that’s it you good to go! After you add your video, it will look like this on your website:

You can always edit this code, for example you can set the width and height aswell.
Good luck !