HTML Getting Started Tips and Tutorials, Resources, DHTML, CSS, Tables, Image Map |
|
|
|
|
Getting Started tutorials
|
|---|
 How To Redirect A Webpage
This tutorial explains how to use the Meta Tag "Refresh" to redirect to a different URL.
This tutorial explains how to use the Meta Tag "Refresh" to redirect to a different URL.
At some time or another you might need to redirect people to a different page because a URL has changed or you do not want people viewing a certain area. By using the Meta Tag "Refresh" you can easily forward the end user of the site to the new page you wish them to go to. The most common use for the refresh tag is to help tell your users a page has changed and they need to update their bookmarks.
I personally use the refresh tag the most for error pages so my end user doesn't see any problems or issues with the site if the encounter an error code. Most of the web isn't exactly web savvy so if they encounter an error they think the whole site is screwed up in most cases. By forwarding them to a new page before they realize what happened they continue on without any problems.
I have attached a zip of the file for anyone to download. It contains a simple template to use for the Refresh tag. The page I used it for was a custom error page but it can be changed to anything you wish.
| | Hits:483 Rate: 3.5(out of 5) Vote:2 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| Everything HTML
People often think it is extremely difficult to make a website. That is not the case! Everyone can learn how to make a website. And if you read on, you will have made one in just one hour.
| | Hits:453 Rate: 5.0(out of 5) Vote:1 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| This guide was written by Mat Harvard at http://matharvard.com. I reserve all rights to this article, and it may not be copyed and/or reproduced unless you have explicit permission from myself (see my website for contact details).
| | Hits:406 Rate: 4.0(out of 5) Vote:1 Submit Date :2007-06-06
Rate It | Error | Review |
|
| | | |
|---|
| Html Basics
This tutorial will teach you the very basics of HTML. It will cover all the html basics that you will need to start off your very own website!
| | Hits:378 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| How to Start a Website for free
A quick tutorial for newbie's on how to create a website for free. uploading through FTP - free hosts - free template resources explained.
1. First of all to start a Website you need a Host where your files(website) is saved & shown. Some Free Hosts are Listed Here . Start a account in any one of them.
2. Then you will need a domain, generally you get a subdomain with the host which is long, now many Free domain services are there like Dot.tk , Co.nr, Uni.CC etc, which make your Domain name short like yourname.tk etc .
3. If you Don`t want a messy or ugly site . You can download templates ( Templates are readymade files which you just need to edit) some site`s which give free templates are listed here .
| | Hits:356 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| Creating my first webpage with HTML
Beginner tutorial covering what HTML is and how to create your first webpage...
| | Hits:326 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| Your first site
This is a basic tutorial explaining how to create links between all the pages you create. It gives a quick idea of how to set up your own site.
| | Hits:322 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| Getting Started
If you are completely new to coding then you will find that learning HTML is a great place to start. The language is very visual and simple.
| | Hits:297 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| Web Links
This is a must for any html newbie. It’s important to know how to properly link your pages together, so that visitors can easily navigate their way threw your site.
| | Hits:284 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|---|
| Building your first web page with HTML
In this 'hands-on' module we will be building our first web page in no time. We just need to quickly cover a couple of points beforehand to help get our feet on the ground.
The three ways you can build a web page
1. Use a pre-made template: WHAT IS WEB DESIGN TEMPLATE?
Web site design templates are pre-made web designs which can be customized to reflect your company's branding. Website design templates can be found in various formats like Photoshop and HTML. Many times these templates are compatible with HTML editors like GoLive, FrontPage, and Dreamweaver.
Web site templates can be very useful; they can be used by experienced web designers to 'jump-start' the creation of a website. They are also a way for people to put out great looking web sites quickly with little or no knowledge of HTML and web design.
2. Use an HTML editor like FrontPage or Dreamweaver:
HTML editors make building web pages feel like (to a certain extent) creating a document in Microsoft Word ... it's made pretty easy. But the downside is that you loose a certain amount of control of what you're doing and in some cases become dependent on the program.
3. Hand-code your HTML in a text editor like Notepad:
That means you type in the HTML code yourself. This is the approach we are going to use here, because it's the quickest way to learn how to build web pages, and it is arguably the best way because you have the most control over what you're doing.
Ok, now that we know the advantages of hand-coding web pages, let's jump into just the bare minimum of theory, then we will build our first web page!
What are HTML tags?
HTML tags are specifically formatted text that creates 'markers' for web browser to read and interpret. These 'markers' tell the web browser what and how to display things on the web page. Tags are placed in and around text and images (text and images are some of the 'things') that your want to have appear in your web pages.
HTML has a whole bunch of tags (just like the alphabet has a whole bunch of letters) that the web designer can use to build web pages. As mentioned above, tags have a specific structure so that when the browser is reading an HTML page, it knows the tags from the normal text.
Tags are typically words or abbreviations of words placed between angled brackets. So for example: to make text bold, HTML has the
| | Hits:269 Rate: 0.0(out of 5) Vote:0 Submit Date :2006-03-20
Rate It | Error | Review |
|
| | | |
|
|---|
| Adding a favicon to your website is simple. The hardest bit is making the .ico file. I had a bit of a problem with this since photoshop can't save .ico files so I thought I'll share my simple little method of how I did it.
If you don't know what a favicon is, it is the small icon next to the url displayed in the address bar.
To make an favicon, just make a 16x16 pixel image and save it as a .jpg (although I'm sure saving as a .gif or .png is fine).
Then go and download a free program called Imagicon.
Conver your favicon image to a .ico file.
To insert it into your website add the following code in the tags after you've uploaded the .ico file.
| | Hits:118 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-06-06
Rate It | Error | Review |
|
|
|---|
| This guide was written by Mat Harvard at http://matharvard.com. I reserve all rights to this article, and it may not be copyed and/or reproduced unless you have explicit permission from myself (see my website for contact details).
| | Hits:406 Rate: 4.0(out of 5) Vote:1 Submit Date :2007-06-06
Rate It | Error | Review |
|
|
|---|
| This a simple tutorial that shows you how to upload your site once you have made it.
1. First of all you should get a host that has FTP (file transfer protocol) access.
2. Go to My Documents (or my computer,my music,any file... etc)
3. Now type in the ftp address of your site which should be provided by your host. If your address bad is not there then go to view>toolbar>address bar. For example mine would be like this since I am at the moment hosted by 100webspace.-
| | Hits:124 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-06-06
Rate It | Error | Review |
|
|
|---|
| This tutorial will show you how to CHMOD a file without the need to use a ftp program or have to change settings with your host.
All you need to do is open up your ftp window (use the uploading file tutorial).
| | Hits:106 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-06-06
Rate It | Error | Review |
|
|
|---|
| A collection of 16 tutorial tips on XHTML 1.0 element tag and attribute syntax. Clear answers are provided with tutorial exercises on XHTML elements, opening and closing tags, element attributes, quoting attribute values, required attribute and values, case sensitivity, entering comments, protecting ampersand sign.
| | Hits:111 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-04-05
Rate It | Error | Review |
|
|
|---|
 Use this code to add the site as your homepage. Support & Comments:
| | Hits:73 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-02-09
Rate It | Error | Review |
|
|
|---|
 What it is, and how to use it!
| | Hits:69 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-02-08
Rate It | Error | Review |
|
|
|---|
| If you have Photoshop knowledge, you can make your own icon image. Start with a 64×64 image and after you’ve finished your creation, resize it down to 16×16 and save it as .ico file. If you do not have the icon file format in Photoshop, you can download it here.
Download Photoshop .ico file format. Right-click on the link and and click “Save Link As…” to download. Place it under your Photoshop > Plug-Ins > File Formats folder.
For those who doesn’t play with graphics, or too lazy to make one, you could generate one using any images you like from this service at Chami.com
Or, you could use some of these ready-made Christmas-themed icons I’ve collected from the Internet.
| | Hits:0 Rate: 0.0(out of 5) Vote:0 Submit Date :2007-02-05
Rate It | Error | Review |
|
|
|---|
| How To Redirect A Webpage
This tutorial explains how to use the Meta Tag "Refresh" to redirect to a different URL.
This tutorial explains how to use the Meta Tag "Refresh" to redirect to a different URL.
At some time or another you might need to redirect people to a different page because a URL has changed or you do not want people viewing a certain area. By using the Meta Tag "Refresh" you can easily forward the end user of the site to the new page you wish them to go to. The most common use for the refresh tag is to help tell your users a page has changed and they need to update their bookmarks.
I personally use the refresh tag the most for error pages so my end user doesn't see any problems or issues with the site if the encounter an error code. Most of the web isn't exactly web savvy so if they encounter an error they think the whole site is screwed up in most cases. By forwarding them to a new page before they realize what happened they continue on without any problems.
I have attached a zip of the file for anyone to download. It contains a simple template to use for the Refresh tag. The page I used it for was a custom error page but it can be changed to anything you wish.
| | Hits:483 Rate: 3.5(out of 5) Vote:2 Submit Date :2006-03-20
Rate It | Error | Review |
|
|
|---|
| Everything HTML
People often think it is extremely difficult to make a website. That is not the case! Everyone can learn how to make a website. And if you read on, you will have made one in just one hour.
| | Hits:453 Rate: 5.0(out of 5) Vote:1 Submit Date :2006-03-20
Rate It | Error | Review |
|
|
WebmastersHome.com
Discussion about programming, SEO, WebHosting and more! |
|
Pages : 1 2 3 4 |
|
