banner
Welcome to HTML.co.uk, the number one resource for all news, information, and happenings regarding HTML.

Updates: HTML.co.uk has just been relaunched. Subscribe to our RSS Feed to stay on top of HTML news and techniques.
Jul
31st

Guide to Building DHTML Menu Programs and Scripts

DHTML Menus are the menus that are used by the site for navigation. Initially it looks like straightforward menus, but if you click on it or move the mouse over it you could be able to find the additional information pops beside or below the menu. These menus also save the place in the complicated websites, but are hard to assemble. The DHTML menu systems would help you build them or give you the program to build and maintain it by your own.

Milonic DHTML Menus

This DHTML system has many great features and even the pre – built menus. If you are looking to add the menu to the site then you would find the skin that is built, which would meet your requirements. Even you can also find the draggable feature to drag the menu on the screen. Even you have an option of setting the menu to remain on the screen as customer scrolls it. There are many configurable ways and options to style menu.

DHTML Menu Builder

This is the window application that is used to build the fancy DHTML menus for the website. It even supports in adding the JavaScript in the menu and adding the form elements to fields. It even validates links in the menu, so you can make sure that the menus are not contributing to linkrot on the site.

DHTML Menu

This menu system has lot of options where you can spend your time by playing with it. There is one feature called as turner, which is the desktop application in Web page or Windows for Macintosh. This turner sets the options and then delivers the JavaScript to upload to site.

Dynarch Menu

This menu system has many skins and features pre – built, so you need not think to build the menu. This system can also be used for the application toolbars and context menus and even more.

Smart Menus

This menu system offers many features such as the delay or timeout in closing and opening menus, bottom – to –top and right – to –left opening of the menus and even the feature to keep menus in the browser window.

CSS Quick Menu

This menu system offers many features, which would even include the tons of configuration options. It also has an online configurator that helps you to create CSS styles and scripts to build the menu in your own design.

Xtreeme DHTML Menu Studio

This menu system offers hundreds and thousands of pre – built skins. When the builder is specially used for Windows then you would be able to find the plugins for Expression Web, FrontPage and Dreamweaver.

Cascading Popup Menus

This menu system has many options that can be selected from the list and it is easy to install and use.

Hier menus

This menu system has no free downloads. So, here all the information would be based on the website. This menu system also offers some best features for menu system.

Jim’s DHTML Menu

This menu system also has many configuration options. You can even set the script to the standards complaint.


Jun
14th

Guide and Introduction to the HTML Colour Code Set

Author: Editor | Files under HTML Tutorials
Tags for this article: , , , , , , , , ,

Have you wondered ever on how the HTML colour code set will work together? Just for the beginners, it will look like several letters and numbers will not make no sense. The fact is that the HTML colour codes are very much written in the way for the specific reason that we will be looking below in this article.

Introducing the hexadecimal system
The hexadecimal system is just a numeral system with the base of 16 that is usually written using from 0-9 and A-F. Numbers from 0 to 9 have exactly the same values in the decimal system but they will start with the letters starting from A and going up to the value of 16. Here, A is worth 10 and it goes up to F which has value of 16.

How the colour codes are put together.
The HTML colour code is composed of 6 hex numbers that will be representing around 16.7 million colour combinations. These hex colours are built on the model of RGB. Here, R is for Red, G for Green and B stands for Blue. The typical HTML code looks like this: FFFFFF breaks as follows. The first 2 digits #FFFFFF will represent the colour red and the second set #FFFFFF stands for green and the third set #FFFFFF will stand for Blue.

Overview of RGB model
The RGB model like that of HTML colour model will represent more than 16.7 million colours. Just by varying the amount of Green, Red and Blue, you will be able to come up with any of the 16.7 million colours as well. Here the RGB is represented by the values from 0 to 255. So the value for the colour white will be somewhat 255, 255 and 255.

Putting the RGB and HTML together
Whenever you combine the 2 hexagonal numbers, you will be able to represent any type of number between 0 and 255. As you will be able to see that, the HTML and RGB colour codes will represent the same model of colour.

Colour Palette of Websafe
In the past, monitors used to display only 256 colours. When HTML was put together, the monitors with the 256 colours were very much popular. As it was very much necessary to put up the list of colours that the web designers could have to be sure that any given monitor could display properly as a result of this Websafe are colours. This Websafe colour palette is made of totally 216 colours.

Always it is a good practice to pick up the standard colours all across the board but it will not longer be necessary to stick up with the Websafe colours. By doing so it is now used for more purposes for holding to standard than it is for the necessity. One of the exceptions for this rule is developing the websites for the PDA’s and mobile phones. Now all the devices are crossing all the barriers that were used to be in the past.


May
17th

Important List of Smart goals for Websites

Author: Editor | Files under General Website Information
Tags for this article: , , , , , , , , ,

Even websites need goals
When you build a website, it will be very much tempting on how to design the site, to create the layout for the site, build the CSS and HTML and ignore it or else to let some others in order to manage the maintenance. If you go with the maintenance, you will be getting more power.

Smart goals for your website
Smart goals are the ones that are Time-bound, Realistic Specific, Achievable and Measurable.

Some of the specific goals are
Ask yourself:
Who? When? What? Where? Why? How?
A specific goal will definitely answer all of your questions

Goals that are measurable
If you are able to measure the results, you will be able to measure the goals.
Ask yourself:
How many? How much to be achieved? How will I know when will I achieved the goal?

Goals that are achievable
You have to create the goals that can be accomplished by you. A goal will be definitely achievable if you know something that you can do. Perhaps it will be done before or else if you have the right training to do it, you will do it.
You have to ask some questions to yourself, like
Is this the one that I have to commit to?
Can I believe that I can accomplish this?
How much time will this goal rewire to be achieved?

Goals that are realistic
Goals that are realistic need not be easy. One of the ways to make the goal realistic, you have to the time frame. Do not make you site’s goals to easier. If you cannot do the tasks according to your sub-conscience, you will not be able to achieve even a simple task. If you set up a hard goal, once you complete that goal, you will feel more accomplished.
Do ask yourself these questions:
Can this goal is achievable?
Is this time right to achieve this goal?
Is the goal that has to be achieved is easy or too hard?

Goals that are time bound
In order to work on a goal, you need to have time limits. If you do not have the time limit, then all the work will go on lately without much success. So if you have the time limit, you will have something to do. So do put up some deadlines so that you will always be one the competitive side and thus will enable you to accomplish any task given to you.
So do ask these questions yourself:
When and why this goal has to be completed?
Is there any other project that rely on this goal and when this has to be completed?
How much time has to be used to achieve this goal?

Do write your site’s goals
If you write down the goals, it helps you to patch up your mind and conscious. So if you have the goals written, it helps to achieve that particular goal. Do check out the goals periodically. Do check whether you need to revaluate them or not. So go on with your goals.


May
4th

Setting up a Price for your Web Design Work

Author: Editor | Files under General Website Information
Tags for this article: , , , , , , , ,

If you are initially beginning out as Freelance Web Designer, you may have to do the thinking related to on how much you are going to charge for a project?, and will you charge exactly for the project. You have to take in some considerations before quoting a price such as,

What is the project about?

Before evaluating any kind of Web Design project, you have to determine on what the project will entail. Some of the questions be asked are
Total number of pages that has to be created
Is there any designs or/and images that has to be used or else the images or design have to created as part of the project you have accepted?
You have to ask if any content has to be written, or will that be written by the designer?
Will there be programming, Flash, multimedia, or any kind of scripting required?
Your prices have to be quoted depending on the answers from the client
When do your clients want the project to be completed?
You can generate more amount of money if the work is of more urgent.

What the experience do you have in you?
The more experience you have the more money you can earn and also you charge more. Bear in mind that if you do not have experience and it is what your client wants from you.

How much long term maintenance is needed?
Very often, whenever a Web site is started the clients of the website might not have thought beyond just getting site’s page up. You as a Web designer should ensure that your clients have covered with maintenance. You have to get a separate contract if your client demands you for the maintenance cover.

What will be the going rate?
To determine the going rate is hard. One of the possible ways is to checkout with the local area. For more information you can take assistance from the Websites as well.

How much you will want to make?
After everything the bottom-line is – how much you want to make. Take this for example; you might have taken a project you like to do as it would be more fun, or challenging or interesting. That might reflect in your bid. On the other side of the work is that you might not feel comfortable doing that job or have to do lot of extra work just to complete it and it would be the situation where you have to hire another designer.

Some General Rules
If you do not have the sufficient resources do not bid for that project. Do get as clear as possible and the contract has to be specific enough. If the contract that you are going to bid is vague, you may find that you yourself will provide more services than what you might have expected.
Be careful with the pro bono work.
Always do be honest with the clients. If you can meet the deadline tell tem that you can do so or if you cannot meet it do tell them.


Apr
29th

Detailed Guide to Building an External Style Sheet

Advantages and disadvantages of using the external style sheets
The finest things that cane be done using this Cascading Style Sheets is that it would help you to keep your site in consistent. The simplest way to keep the site in consistent is to import an External Style Sheet or link the site. If the same external style sheet is used for each and every page of the site, it is sure that all the fonts of the site will be same.

Advantages of using the External Style Sheets
At once you can control the feel and also the look of many documents.
If you work with a team of people to create a Website, especially the External sheets is very much useful. Several style rules is pretty difficult to bear in mind and if you might taken a printed style guide and it is tedious and inefficient to be continuously go on flipping through out in order to determine if at all a example text has to be written in 14 point courier and 10 point Arial font.
You can even create classes of more styles that can be used on with various HTML elements as well.
If you want your fonts to be more efficient, you can easily group it.
All of the grouping methods that are used in CSS also can be used in this External Style Sheets as well and also this even provides you more flexibility with on your pages.

Disadvantages of using External Style Sheets:
If these External style sheets are very large, the download time will be increased.
They can increase the proximity of the site if there are small numbers of font styles.
These External style sheets get larger pretty quickly as it’s very hard to tell whether and when a style is no longer in use as it is deleted when the page s shut down or closed.

Creating an External Style Sheet
These External style sheets are produced or generated with a related syntax to the document level style sheets. Though all of the things that you need to include are the declaration and selector the syntax for the rule is and it is just like the document
Selector (property: value ;}
This rue has to be saved into a text file along with the extension of .css. Actually this is not required, but having this habit is good. By using this, you will be able to immediately recognize your style sheets.
You can link the style sheet documents in 2 different ways.

Linking
to link a style sheet document, use the HTML tag

Importing
Within the document level of style sheet, you can import the style sheet and with this you can import any URL and continue the style attributes of the External Style Sheet even without losing any document.


Apr
21st

A look at the Basic Design Principles of Web Design

Author: Editor | Files under General Website Information
Tags for this article: , , , , ,

Webdesign’s basic principles are true for both the Web design and other type of designs. These principles show you how put your design elements in a manner which is more effective. Design is nothing more than slapping the HTML tags onto your pages and by using some the basic principles of designing, you can build designs that more useful and pleasing.

These principles include:

Balance:
Balance in design is nothing but the distribution of light and heavy elements on your page. Than smaller and lighter elements, those elements which are darker and larger appear heavily on your design. The balance principle will show you how to lay out your pages so that they work pretty well. There are 3 types of balancing your design and they are symmetrical, asymmetrical and discordant or off balance.

Contrast:
When there is a thought of contrast, most of the people will think of colours or white and black. But the fact is there is more to contrast than your colors. In contrasting, you can have contrasting sizes (small vs large), contrasting shapes (circle vs square) and contrasting textures (rough vs smooth). It is just an accentuation of elements differences in your design. It can work with any kind of design. In a design, contrast can be implemented in several ways like: change the fonts, links, headlines and images.

Emphasis:
In any design, emphasis is the place where everybody’s eyes are drawn. It is one of the ways to provide stand out for the important element in your design. It’s very much tempting to provide equal emphasis or to give emphasis on everything in a design but if equal emphasis is not given to your design; it might look flat and bland. To avoid this problem of flat look, as a designer, you have to determine the page’s hierarchy and then you have to apply your emphasis to elements that are based on your page’s hierarchy.

One of the biggest mistakes done by the designers is that they will emphasize all the elements in their design. When all the elements in the design have equal emphasis, the page looks too busy and your design will be unappealing and boring. So you have to emphasize the elements which are most important. In Web designing, emphasis can be implemented in few ways like by using semantic mark up and by changing the font size.

Rhythm:
It is also called as repetition. Rhythm brings comprehension for humans and is pretty easy for the humans to comprehend and also this repetition offers patterns that will make you sites easier to comprehend. It lets your design to develop its own internal consistency and this makes your customer easier to understand. Anything in your design can be repeated to produce rhythm to your design.

Unity:
In design, unity is also known as proximity. If you want to have cohesiveness to your design, unity provides you that. In your design the element that are positioned farther apart are relatively less related and those elements that are close to each other are more related.


Apr
14th

The Pros and Cons of Freelance Web Design

Author: Editor | Files under General Website Information
Tags for this article: , , , , , , , ,

It’s great to be a freelancer as there are lots of things in this to learn and experience. Before getting into the freelancer job, you have to know the facts that are associated with this job. Just like a corporate web designer, even in freelance there a certain pros and cons associated. Before you jump in to this job, ensure the advantages outweigh the disadvantages in this job.

Advantages of being a freelance Web designer

Work whenever you want to do:
This is one of the popular reasons why people become a freelancer. If you’re a person who will be up all night, a 9 to 5 job is very much challenging. But you as a freelancer can work whenever you feel like to work. This job is a perfect one for house wives and for daddies who need time to arrange their work along with their babies. This job also means that, you can for any people in different time zone and can also work after you return from the job as well.

Work from wherever you wish to do
Most of the freelancers work at the comfort of their houses. It is also possible to work from your nearest libraries or even from your local coffee shops as well.

You can be your own boss.
As a freelance worker you will not be working under any company or any person, instead you are the boss for yourself. So as a freelancer, you need not worry about micromanagers or from any unreasonable expectations from your company or your boss. In any ways the clients who give you the work is your boss. The clients can be demanding and unreasonable but that may leads to your next advantage.

You can be your own boss.
As a freelance worker you will not be working under any company or any person, instead you are the boss for yourself. So as a freelancer, you need not worry about micromanagers or from any unreasonable expectations from your company or your boss. In any ways the clients who give you the work is your boss. The clients can be demanding and unreasonable but that may leads to your next advantage.

Choose the projects that you will be able to do
As a freelancer you will not be choosing the projects but also the clients as well. If at all you feel that the job has trouble and working with company may ask you to do some work and if you feel it is unethical you can quit that work and if you feel that the job is boring, then also you can reject the work.

As you go learn whatever you want to do
You can learn many new things as a freelancer suppose if you decide on get fluency in PHP, you needn’t take permission from your boss in order to put PHP scripts on take a class or server. You can just do it. The fact is that a good freelancer will be learning all the time.

No fear of dress code.
As freelancer you will be in your own world and nobody will question about your dress sense. But you need to have some business outfits for client meetings, presentations and but you won’t need nearly as many as you would if you worked in an office.

You will not be working on only one project and only one site and you can incorporate your hobbies into your work
As a freelancer you can choose wide variety of projects and can work on different sites as well. While doing the work you can even incorporate you hobbies as well.


Apr
11th

Tips on creating a Site Plan

Author: Editor | Files under General Website Information
Tags for this article: , , , , , ,

A site plan is nothing but it helps you to create your own business website so that it meets your business and customer needs. At the beginning of creating a site if you take more time, you can avoid all the kinds of pitfalls and can ensure that you have all the contents required to get your site off to a good start.

When you’re building site, your plan should include

The purpose of your site:

What is the main point for which you’re creating your site? How is your site going to fulfil the main purpose better than many other sites that are available in the Web?

The site goals

If you do have some smart goals, these goals can help much better to take a mediocre site and you can make it great. If you the goals for your site, you can go and play around.

Your customers

For whom you’re creating the website? Try to be precise as possible as you can regarding to your targeted customers. Include the details like hobbies, age, job (titles) etc. you might envision that different people will be visiting different parts of your website and it will not be a problem at all. It’s important to know what kind of audiences you’re targeting at. Already if your website is active or live, you should include some more data to the targeted audiences that you currently maintain.

The content

It’s important to know what content you have on the site, will the content that you have will change regularly, are going to sell your products without any product page or will just focus on providing the product details through some articles. You have to decide whether your site is going to have only text, multimedia or images, do you have already created content or you have to get the content newly.

The design of your website

When planning the site, you have to think what colour will match your site. Keep in mind that design aesthetic will vary across different demographics. So if you planning your site for cutting edge designers, it definitely have entirely diverse look than the one that is designed for stay some designers who are called as home dads (this except for the designers who stay at home). The website’s designs include things such as graphic element, fonts, colours and typography. If you have more plans in your head before you create the site, then it will be easier at the phase of design.

The timeline

If you have all the plans altogether at once, you have to take decision on a particular design. While fixing the schedule, do not forget to include time for revision, feedback and testing.

Altogether write down your plan

If you have several plans altogether, you can plan in lots of ways and capture many ideas so that you will be in a better shape. Sessions of planning will quickly become a brainstorming session. Fortunately this is good, but don’t let that to make you down.