HTML.co.uk

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.

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.

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.

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.

There is lots of focus on the Web design sites on how wide and your webpage should be as width is very much important to a webpage. Have you ever thought on how long should your webpage be? Conventional wisdom tells that one shouldn’t make a page longer than a particular screen full of text as readers will hate to scroll down the page. The content below the screen full is called as fold and most of the webpage designers have a belief that the fold will not be visible for the readers.

The study done by UIE has found that most users will be ready to scroll over the pages without a single comment.

Scrolling is not the only thing that hides the information

One of the most common arguments that are found against writing long pages is that it more often causes the information on the page to be hidden that is below the field and readers will not be able to read or see that. When you put that information on any other page will altogether will hide the entire information. In other words we can tell that, if some 100 people visit the first page and later only 50 make it to the second page and only 25 visits the third page and so on. The viewing drop rate will be very much high from second page.

Normally when a page is long, for the reader there will be a visual cue in the form of a scroll bar on to the right side of the page. In order to make their pages to look too short, most of the designers will change the length of their page’s scroll bar. If it is done in this way, people will not see that and will be reading the entire page. When you create small pages and provide a link to the nect page where you can give more information without telling the user on how long is the page. If the information is put in only one page, the readers will show interest and will scan the entire page.

Some thing block the scrolling

If at all you have long pages and want your users to scroll through the entire page, you have to see that nothing blocks the scroll bar. These are some of the elements on your webpage that implies that the page is over. The elements are
Lines of text links
Horizontal lines
Social media links or navigation icons
Short or wide graphics

Finally how long should be your webpage?

Your page length will ultimately depend on your audience. Like adults, children will not be having long attention spans and here if a topic is good to read, then it will be of no matter how long is your page.
So no article should or must exceed two printed pages
If your content is merited, you can put it one page and make your reader read the page and make them to go to nect page.

It will be frustrating job to find out what has gone wrong with your Web design. Some of the things will be impossible to fix and some other things will be difficult and can be fixed but if you are very much systematic regarding your analysis, you can fix the problem very quickly.

Your HTML should be validated

Whenever you have the problem with your WebPages, do validate your HTML. There are several reasons behind validating your HTML but when you have a problem in your WebPages do validate your HTML. There are a many people who validate HTML automatically. If you have the habit of validating your HTML every now and then, it is well and good. By validating, it makes sure that it’s not a small problem.

CSS should be validated

The next place where you will have most problems is with CSS. Validating CSS serves same as validating HTML. If there are some errors, validation will make sure that, there will be no problem with CSS and that will be not the cause of your problems.

Validate other dynamic elements and your JavaScript

As validating your CSS and HTML you have to validate your JavaScript, JSP, PHP and other dynamic elements.

Simplify your Pages

If you have been validating your CSS and HTML regularly and it didn’t help, you have to narrow down the pages to fix the problem. One of the easiest ways is to delete some portions of the page until the problem is solved. Now, you have to cut down your CSS in similar manner. The thought behind simplifying your page is not that you will leave the entire page with the fixed amount of content but you are focusing on how to solve the problem that has occurred.

Subtract and add back

Finally if you have found the problem, narrow down the page and start subtracting the elements that give you problems. For example: if you have found the problem in certain division and along with CSS that styles the division, start to delete each line one by one.
After every removal test your page. If you have removed or fixed the problem you will come to know what kind of problem is that. Once you have solved the problem, begin adding the elements that you have erased and ensure that you have to test the page after every change. When designing a Webpage, you will come to know certain little things will make vast difference. You have to test the page after every check because you will come to know that place where the problem is occurred.

First design WebPages for standard compliant browsers

The most common problem faced by these Web designers is around getting the pages looking similar in all the Websites. It is impossible sometimes or difficult to have all the pages of all the Websites to have the pages similarly.

Keep your code simple

Once you have solved all the problems, you have to keep watching that similar problem doesn’t arise again.

So far we have studied and understood a variety of elements, tags and options of the HTML language. Now it is the right time to discuss about the appropriate usage of elements in the web document. The sole objective of a company’s web site is to spread the business and increase profitability. In order to achieve this goal the web site should be captivating enough so as to pull the customers towards it. In fact, if a web page is not created for money minting, then also it should be good looking, readable and presentable so that the audience can judiciously use it.

So, what type of web page can be called as the perfect one? No one! Every web site has its own pros and cons and there are no hard criteria to compare different web sites and judge their perfection. But in order to make web more useful and fruitful, there are some basic guidelines which should be considered before designing the HTML page.

Image is not EVERYTHING

The first and foremost thing which is to be kept in mind is that ‘Images’ are not everything. People generally think that the images will make their web site more beautiful (which is partially right) and put too much images in their HTML documents. This results in the loss of the main theme.

If too much images are used on a web page the visitor gets confused and cannot get hold of the intended meaning of the web page. Thus, images should be used only when it is important.

Too much of Flash work?

Just like the images, animations also need appropriate planning before it finds a place in your web site. Too much graphics and animations overwhelm the website and hides the core message.

Web Site content

The content written on the web site should be as crisp and concise as possible. Internet users are addicted to fast scanning. They only read the first few lines in order to decide whether to visit your web site further or not. Thus the content or the HTML stuff should be focused and to the point.

• Break long topics into small paragraphs, each portraying one distinct idea.
• Use lists wherever possible.
• Provide intuitive hyperlinks at appropriate places in order to give the user a hassle free navigation system.
• Maintain consistency with respect to the main style and design. For this purpose make a site map of your web site.

Maintain RELEVANCE of your HTML document

Information system is highly dynamic in today’s era. What is new and important today might become a crap after few hours. Thus, the web pages should be updated from time to time in order to maintain its relevance. Updation process becomes real time process in case of web sites related to stock markets, news and similar ones where the web pages are updated in fraction of a second.

Web Etiquette

It refers to all the rules which have to be followed by every web developer.

• Do not use offensive language
• Do not criticize any other web site, religion, race etc.
• Do not copy patented images and logos of others.
• Do not copy-paste the content of any other web page onto yours. Stop plagiarism.
• Do not hack any resource on the web
• Avoid the use of offensive images and cheap language.