Thursday, December 01, 2005

Using HTML for layout

Back again with somethings excited...

Well, is not the time for theory, let go for some practical!

I've uploaded a piece of code here, guys please feel free to download and i will be sharing with you guys the concept of how to layout a page using HTML.

I know some peoples doesn't like, in face, most peoples don't like to layout a page using table, with whatever reason. But i really found it use full to layout a page using table!

Click here to download sample Click here to download the sample HTML page

Spare some times to go through the sample HTML page, i will continue with my write up to explain what i've did in the HTML page, promise to deliver before the weekend!

Monday, November 28, 2005

What should i put in my web site?

Sometimes, is not the matter of how well we can design our web site, or how fancy can the graphics be. Most of the time, contents and information is the KING!

If your still remember my previous post about some basic guidelines on building web site.

Perhaps by know, we all know content is important for your web site, peoples browse through the Internet searching for information, your web site must be INFORMATIVE, and these information must also relevant to your LINE OF BUSINESS!

Most of the time, we just can't get any idea on what should we start of with, well, i am sure you have noticed this before, most of the web site out there, esspecially company's web site (typical .com web sites) will have the following pages: -
  1. Home - Introduce your web site!

  2. About Us - About your company.

  3. Products / Solutions / Services Offered - What your company can do, or what your company sells.

  4. What's New - Some announcements / news about your company.

  5. Contact Us - How can peoples contact your company, where is your company located.

  6. FAQs - Some general Questions and Answers about your Products / Solutions / Services / Company.

Be observant! Make some search on the Internet and prove me wrong! On the next article, let's see what content should be put in to spice up our web site (Maybe chillis)

Sunday, November 27, 2005

Gentlemen, please start your design

Managed to get myself on my laptop to start writing... Well, as promised, this blog will be teaching how to create a web site. Without any nonsense, let's start our new post of the day (Forgive webidiot for some of those crapy posts for the past few days).

We have learnt so far some guidelines (or considerations) to be put in place before building a web site. I also shared with you all some guidelines in choosing a domain names, and a web hosting, i hope by now, everyone know what's a domain names and web hosting, if your have not read about my previous post, please go to the following postings: -
  1. Buy domain name today! http://webidiot.blogspot.com/2005/11/buy-domain-name-today.html
  2. Hosting, after a domain... http://webidiot.blogspot.com/2005/11/hosting-after-domain.html

After you get your domain name and your web hosting, the next thing you have to do is to design your web site, when i mentioned about designing your web site, it doesn't mean that you have to know how to design using Photoshop. What i mean about the design here is the layout of your web site. This including the placement of the following components: -

  1. Logo and Banner, a banner usually made up of a graphic which is symbolic to your web site, or the nature of your business. For example, a banner for a University web site may be a photo of the campus, or some student life; you won't be putting a porno as a University site's banner! When you are building a web site for a company, the company logo of is a MUST!

  2. Navigation. The navigation on your site must be consistent, and you must have a navigation panel linking all the pages in your web site!
    If you web site is complicated, too complicated, please prepare a sitemap (A sitemap is a page which will be listing all the pages in the web site, in an organized and hierarchical manner)

  3. Footer. Put your copyright statement here!

Okay, let's look at a typical low fidelity prototype for a web site.

A simple web page layout with navigation at banner

Example web site on Sample 1, http://www.vkeducation.com

Another type of web page layout

Friday, November 18, 2005

Overlapping DIV Element Issues

OK, my last technical article for this week, before i move on to my step-by-step "Build your Web Site"

This is a common question for all techqie, when u have a DIV element which overlapped any windowed controls like text box, drop down list, list box and etc, no matter what z-index your set, it will always be covered by the text box.

Here goes the solution

IFRAME

The IFRAME control has a unique nature in IE 5.5. It can
exist in both the zIndex of windowed controls and the zIndex of regular HTML
elements. Simply put, you can shim an IFRAME under your DIV. The
IFRAME will block out the windowed control.
Set up your IFRAME:





The src attribute is set with a useless JavaScript statement so that the IFRAME
does not try to load a page (which you won't notice it doing, but it will be the
cause for tripping the "Unsecured Items" message if you use it on a HTTPS
page).

You can code your IFRAME as a static element on the page, or if you
are going to be using more than one of them you may want to dynamically create
them as required. The insertAdjacentHTML() method is good for that.

Now, all that is needed is to size the IFRAME according to the dimensions of your DIV, position it, place it one layer beneath the DIV in the zIndex order and
make it "visible". The IFRAME's style object will allow you to do these
tasks:

iframe.style.top
iframe.style.left
iframe.style.width
iframe.style.height
iframe.style.zIndex
iframe.style.display

Hope this may help, for anyone who facing this problem.

A cite from my favorite domain registration web site...

A web hosting service allows you to "rent" or "borrow" space on very fast hard drives called servers. Free web hosts allow you to store your files on the servers for no monthly fee. In exchange you may purchase a domain from the host, display a banner on your site, or be expected to submit to an active forum to offset the costs of your 'free' hosting.

You can either share space (shared hosting) or have your own hard drive (dedicated hosting.) These servers are connected via a backbone to a huge communications network called The Internet. Your web site can then be accessed by anyone worldwide through a special address called a URL which contains your unique domain name.
The amount of space your host provides you is called disk space, or web space. The number of times your site is accessed by you or users is called bandwidth. Prices vary widely based on what your host is willing to provide.