Standard HTML and CSS Website Producing for Business

BusinessMarketing & Advertising

  • Author Steve Baker
  • Published July 26, 2011
  • Word count 537

Web design is an hugely popular business around the country and some try and do it on their own, other will simply hire a business to do it, but why is it so popular? I will tell you…

Websites are a gateway to clients, they allow your consumers to interact with your company without the need of any employees, or effort, in fact your website can even be your biggest advantage!

So you have decided you want a sites, but now what? The first method to consider is a good website design company, obviously I am going to advise my site, Baker Designs (Link at the end) but it is totally up to you. Take a look at the packages on my site and look at the deals on the design page. Web design companies are a much easier way to get a website than to study all the code yourself, and is, in most cases, it costs less then hiring a web designer on contract.

OK, so you have got to this section, which means that you are going to stick it out to try and learn some basic rules, tips and tricks about web designing yourself.

To begin with you need to look at a language called HTML (Hyper Text Mark-up Language). This is what your web browser (Internet Explorer, Safari, Chrome etc.) will translate at first and this code will impose the layout of the page, links to other pages or sites and the text on the page. A website can be made from 100% HTML if you feel like it, however if you have ever seen one of these, they do not look very eye catching. This is because there are not many styling commands in the HTML code, by this I mean colours, fonts, background images etc. Please don’t get me wrong, all of this stuff CAN be achieved by HTML but it is not very capable and there is a better way…

CSS. Cascading Style Sheet. It does what it says on the tin. It styles your webpage. It is a lot more efficient then styling with HTML and is easy to learn. CSS really tells your browser how to present the HTML. For example if the HTML tag was"Hello

" which would be displayed as "Hello". A basic paragraph tag. Now to modify the way the hello looks we use CSS. The first thing to do is to notify the style sheet what we want to target. In this case the "" tag. So we put "P(open curly bracket here)" Now inside the curly brackets we can place things that will modify the way the text looks. Commands like "font-size:16px;". At the end of the list of commands we close up the curly brackets.

Of course if you don’t want all your paragraphs to look homogenous there is a way…

Putting a "." In front of any name will tell CSS that it is not to style the HTML tag with that name, but it is to search for a HTML tag with that "Class Name". I will demonstrate: "Hello

". The CSS for this would be: ".hellotext(Open curly) font-size:16px;(Close Curly)" just to change the font size.

This article has been viewed 690 times.

Rate article

Article comments

There are no posted comments.

Related articles