you are here: Home arrow HTML Basics
HTML Basics
Creating your first web site
User Rating: / 0
HTML Basics
Tuesday, 15 August 2006

Creating your first web site

This tutorial will show you the basics of web site design, beginning with a simple HTML web page.





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
Blank index file
User Rating: / 0
HTML Basics
Saturday, 20 May 2006

Some web hosts don't have a managing tool for indexing folders.

For example some web hosts, if you typed in the link to it such as http://www.website.com/images/ then you will get a list of the files that are in that folder unless there is an index file in the folder, in which case it will open the index file.

You don't have to use a blank index file you can use a redirect index page.

Blank Index Page 

For a blank index page with minimal file size you can use this code:

<html><body></body></html>

This allows for a very small file size and gives you a blank page.

Redirect Index Page

This redirects the user back to the homepage of the website.

<html>
<head>
<script language="JavaScript">
  window.location = 'http://www.website.com';
</script>
</head>
<body>
  <a xhref="http://www.website.com">Go to www.website.com</a>
</body>
</html>

I like to add a link on the page as well just incase the redirect doesn't work.





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
Using Anchors on websites
User Rating: / 2
HTML Basics
Saturday, 20 May 2006

Anchors allow you to specify a place on a page that you can link to, to move the page to that point without needing to scroll down.  This is very handy on pages that are very long with a lot of content.

Back to Top links

Just below the <body> tag add this code:

<a name="top" id="top"></a>

This adds an anchor at the top of the page.

To create a link to the top of the page you need to use this code:

<a xhref="http://skeletorscorpse.com/joomla/#top">Back to Top</a>

Page sections

You can also use anchors on main sections of your site.

Such as:

<a name="section 1" id="section1"></a>Section 1

To get to this section you need to add a link elsewhere on your page.

<a xhref="http://skeletorscorpse.com/joomla/#section1">Go to Section 1</a>

Anchor point on another page

You can also link to another section on a completely different page.

Add the anchor to the a page then in a different page add a link like this:

<a xhref="page5a.html#section1">Go to Section 1 on Page 5a</a>





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
Typical META tags
User Rating: / 0
HTML Basics
Saturday, 20 May 2006

Meta tags are on the out these days but some search engines still use them.

Here is a list of the more important meta tags:

  • Description
  • Keywords
  • Copyright
  • Revisit-After
  • Robots
  • Audience
  • Author 
Description

<meta name="description" content="Type a description of your site here.">

Keywords

<meta name="keywords" content="Keywords associated with your site, seperate with commas">

Copyright

<meta name="copyright" content="Copyright Company Name">

Revisit-After 

<meta name="revisit-after" content="Number of days (eg; 5 days)">

Robots  

<meta name="robots" content="Tells robots how to index your site. (eg; index,follow.  This means the bots will index the page then follow on from the links on that page.)">

 Author

<meta name="author" content="Name of the site Author">





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
Defining a new site in Dreamweaver
User Rating: / 3
HTML Basics
Saturday, 10 December 2005

Defining a new site in Dreamweaver

This tutorial with guide you through how to add your site to your defined site list in Dreamweaver





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
Based on valid XHTML 1.0 and CSS 2.0 code design by:pixelsparadise.com