Archive for August, 2009
How to Start Web Development Business ?
Starting Web Development Business
There are so many websites on the worldwide web so you need to pick the right website if you wish to be successful in online business. You can begin with a website about: a social, forum, video, subscription service, news, blog, personal, membership, social networking, travel, gambling, wedding, music, or even a community website. To start an online business to generate revenue and be profitable, all depends on your fingertips. Moreover, to “launch a website” you need to have business ideas to implement your plan. Working from home to start an online business is a cheap way to make money on the internet.
How to Launch
How do you launch a website? Find a website with rich and useful information that looks like similar to what you have planned and learn from others who have a website. Finding the right .com, .org, .biz, or .net is the first step to launch a website. You can start an Ecommerce, real estate, photo, or networking website from scratch. Being successful will happen in the process.
Web Page Development
Learn how a website is developed and what should be included in your website design and development from a professional web designer’s perspective for your web page design. Get more information about how to design, web design tips, steps to start internet website, useful information on web design, custom web design, and how technology and web development go together.
Home Based Business
How do “I” start a home based business? Find out what you want and educate yourself about the topic to become a professional businessman. Offer your clients with something that is unique and with reasonable price. Many owners of the business don’t do the required research on their target audience before launching a website or starting a business. Do a serious homework!
How to start your home based business – Do you need an expert web designer? The best advice is to start small and find your way up. If you have to operate from home with an online business…then do just it! Our web development service can help you to achieve your goals. Learn the basics of creating a home based business website – There are many web hosting and web development companies that can help you develop your own website. However, we think it is ideal to identify your target audience and then do research and keyword analysis before designing a website.
Online Business Start-up Costs
Our professional web development services start with a nominal charge for a website design. Business setup and legal service can be a bit more expensive. Please contact us if you have any queries about business website development.
Managing your business will be hard in the initial stage and setting up the payment system will be a difficult part of business integration. You must have thank you pages and confirmation pages on your website. This makes the customer realize that their order is complete. After receiving the money from an order, ensure the order is completed and your customer is happy and satisfied.
Author - Sanjeev Anand - SiliconWeb Technology is a professional web development company in india offering web development, web site development, website development services, offshore web development, corporate website development, e-commerce website development and flash website design india call us at +91 9810569425 The author invites you to visit: http://www.siliconwebtech.com
More HTML Tips and Tricks:
4 Important Web Design Rules
Four Critical Web Design Rules
When creating a new website or redesigning an existing site, there are four critical rules which the designer should follow to make the site effective and functional – and successful.
1. Easy to Read
When building a website, the first thing you need to be sure of is that your website is easy to read. When you write content, remember that most web site visitors don’t read every word of a page – in fact, they only scan pages to find what they want.
Break up Your Content
Break up your pages and use headers between major ideas so people scanning your site can find what they want quickly. Use meaningful headers between each paragraph or major idea – this helps with SEO. Headers should be created with the H1 through H4 tags for SEO. Always use good writing structure. Additionally, avoid long paragraphs that run on. You should break up any long paragraphs.
Color and Fonts
To help readability, use high contrast colors between font and background. Black text against a white background may seem stark, but it is very readable. To make a website easy on the eyes, try an off-white background and a dark gray (almost black) text color.
Things to avoid with content color:
- Avoid vibrant background colors like purple or yellow. Such back colors make text difficult to read.
- Avoid using an image behind your text.
- Avoid using bright text colors on bright backgrounds.
Fonts Matter
One simple statement covers the font issue:
Simple fonts are the best; the more fancy the font, the harder it is to read.
Since many browsers only have the standard font set, use standard fonts. In reality, there is no “”standard”", but there are certain fonts that are installed on most browsers. These include Arial, Verdana, Tahoma and Times New Roman. Your readers will see something different than you see if you use other fonts.
Standard Compliant Browser for Development
When developing and testing your site, use a Standards compliant browser like FireFox. If you develop your site to be standards compliant, it will work in most browsers, including MS Internet Explorer (IE). It is recommended that you test your site using the latest and last browser versions of IE (IE6 and IE7). To run multiple versions of IE on the same machine, TredoSoft has a free installer that will install multiple versions of IE. It works great!
2. Simplify Navigation
The menus and links make up the navigation that the visitor uses to get from page to page in a site. Always plan a site around how people will get from page to page. A visitor to your site should be able to get to what they want within three clicks of their mouse.
Multiple navigation points makes it easy to find things. Repeat the top menu and at the bottom. Also create a left or right menu.
Using links within your text to other areas on your site. You can create links so that they are good for search engine optimization (SEO). There are generally two ways to create links within your text:
The wrong way: “”For search engine optimization techniques, click here.”"
The right way: “”Good techniques for search engine optimization are important to use.”"
Using link text (anchor text) that describes what the link is about is the best way. Search engine web crawlers (programs that automatically index the contents of websites) visit your site, they “”read”" links. Spiders can index descriptive links into a subject or keyword category. Spiders have nothing to work with when reading a “”click here”" until it reaches the linked page.
This is Cross Linking – use it as much as possible when it makes sense to do so when writing your content.
3. Consistent Design
At most, one or two layouts should be used in your site design. As a reader browses your site, they should be able to get used to looking in the same place for your navigation, for your sub-navigation and for your content. That’s all there is to say about that.
4. Lower Page Weight is Better
Page weight is the total size of a page on your site in bytes – code, text and images. Your site’s page weight makes a big difference to your viewers. Lighter page weight is better for your readers because the page will download faster. The faster a page downloads, the faster they will get to the content.
What is Means to be Light?
- No large images. (unless the site’s purpose is to showcase images, art or photos)
- Fewer images are better.
- Optimize images for the web at no more than 72 dpi
- Use as small an image dimension as possible for the given design.
- Use a table td bgcolor attribute or a background-color style attribute for solid color backgrounds.
- Make gradients horizontal or vertical (not diagonal) so that you can use a small image “”strip”" and repeat it.
How “”Heavy”" Should a Web Page be?
Certain studies show that 64K is a good maximum webpage size. 64K is a maximum, however it is still, in my opinion, really big! The smaller the page, the better. 25K is good, 15K is even better. There is a balance between design and function. It is a good idea to focus more on function.
Try putting pages on your web host server as you build your site so you can test it as you go. For pages online, you can test the page weight to be sure you are on track.
Ways to make pages lighter:
- Use linked style sheets
- Use DIVs instead of TABLEs where possible
- Use simple repeating backgrounds for effect
Summary
Visitors to your website should be able to find what they are looking for within about three clicks. Making a site easy to read with consistent page design, and easy to navigate will make it easy to find information. You will be on the way to building a readable, effective, functional and hopefully successful website if you follow these rules.
Author - Nicholas LaPolla has been a web applications developer for 11 years. He created http://AcmeWebResources.com to help others build or improve, market, and monitize their websites with a focus on web design, website seo / internet marketing, and working to make money online.
More HTML Tips and Tricks:
10 Tips for Great Web Design
10 Terrific Tips for Web Design Beginners.
When embarking on the daunting journey to web design enlightenment it can be hard to know where to start. This short article is intended as a roadmap, outlining the significant tips all aspiring web designers should be made aware of. If you follow each of the following tips you will be well on your way to web design nirvana. However, you may possibly be an intermediate, or, hold your breath, advanced web designer – well if that is the case, be humble my good friend, peruse the following tips and you may surprise yourself and pick up a thing or two. So saddle up to your computer chair, make yourself a coffee, drink some chai tea if it tickles your fancy (it’ s certainly not my cup of tea), assume the full lotus position and prepare to be digitally enlightened.
-- TECHNICAL TIPS --
1. LEARN XHTML – Extensible HyperText Markup Language.
If you don’t already know, XHTML is the ‘markup language’ that every individual web page is made out of. Right click on your screen, and click on view source. Feel like Neo already? Yes, that’s right folks; every web page you view is simply a plain text file full of code stored on some dudes computer (sometimes otherwise known as a web hosting server).
Don’t be scared, XHTML is quite possibly the easiest programming language you can learn, so easy in fact XHTML isn’t technically classed as a programming language. Don’t take the ‘red pill’ and learn Dreamweaver – it may seem the easier option at first, but being completely honest once you learn XHTML you can create web pages in half the amount of time than it takes to in Dreamweaver, and you have more control over the final layout. Additionally, Dreamweaver adds quite a lot of unnecessary code and as a result increase the file size of the page, slowing down the loading time for all those poor sods still on dial up Internet. You can write XHTML code in a plain text editor, such as notepad, or notepad++ ( my favourite), however word processors such as Microsoft Word are entirely unsuitable.
If you’re rich, unlike me, pick up a cheap ( recent) XHTML book, otherwise browse Google for XHTML tutorials, or head over to
2. LEARN CSS – Cascading Style Sheets.
Stop torturing you with all these programming languages you say? Don’t fret my friend, CSS is only a little more advanced than XHTML and most books on XHTML also cover CSS. CSS is the language that controls things such as the colour, background images, font attributes, and so on. The beauty of using CSS is you can control the aesthetic features of multiple web pages with a single CSS file.
If you would like another wonderful online tutorial, head over to
3. LEARN PHOTOSHOP.
All web designers know how to use Photoshop. I was actually born with a Photoshop watermark on my upper left thigh. If you are aspiring for a web design career you are going to need to learn Photoshop, hell – even my Nan knows how to use Photoshop. So Google away for Photoshop tutorials, or browse your local library to spice up your Photoshop skills.
The best piece of advice I can give you is to make up all of your web page designs in Photoshop first. Once you are entirely happy with the design start slicing and dicing your photoshop file for the images you will need, and coding the web page in XHTML and CSS. This saves stuffing around with markup code unnecessarily; it’s much easier to make changes to layout and colours, etcetera, in Photoshop first.
4. USE CSS INSTEAD OF TABLES FOR YOUR DESIGNS.
If you already know a thing or two about web design you are probably sick to death of hearing about using CSS instead of tables for your layout. Well I’m going to give it a brief mention anyways for all those web design n00bies out there. Use CSS to control your layout, don’t use HTML tables for your design. Tables add tons of unnecessary code, are time consuming and expensive to make changes to once the site is completed, and only affect the layout of the single page you are working on – as opposed to using a single CSS file that affects the layout of any page you want. Don’t bust your knuckles by typing the same code over and over again.
5. USE VALID XHTML AND CSS.
Valid XHTML and valid CSS is code that validates with the World Wide Web Consortiums coding rules. There is plenty of information on how to ensure your code is valid over at
-- THEORETICAL TIPS --
6. LEARN ABOUT GRID THEORY.
Grid theory is basically the design theory that suggests that works of art are more aesthetically pleasing if they adhere to some sort of grid that controls its layout. Additionally, the rule of thirds, which is a theory that is related to grid theory, (it’s sort of like the relative that no one wants to speak to at family functions because of a foul and unpleasant body odour), suggests that designs are even more aesthetically pleasing if their visual form can be divided into thirds. When designing web pages in photoshop, I always start with a grid first to ensure my layouts align to the grid.
7. LEARN ABOUT TYPOGRAPHY.
Typography can be defined as the study of fonts. Learning about typography will teach you when and where to use fonts. Learning about letter spacing (kerning as they like to call it), line height, the serif and sans serif font categories, and more, you’ll have a truly lethal understanding of fonts in your web design arsenal.
It is important to keep in mind that there is only a small range of fonts that will display in people’s web browsers, so don’t rely on primarily using custom fonts in your designs, unless you plan on saving them all as images which can drastically increase the file size of your web site. Site visitors aren’t going to download custom fonts just to view your website the way you want them to, even if you are super polite. If you stick to using the following fonts for the actual text in your web page, you will be safe: Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, and Verdana. If you want to be an extra lame nerd like me, you should print out all the variations of these fonts (in bold, italic, different sizes, etc) and stick it on your wall.
8. LEARN ABOUT COLOUR THEORY
Before I continue any further I must offer one small piece of advise. Please please please do not email me and tell me that I have spelled ‘ colour’ wrong. If you do so, I will slap you with a salami. Every time I write one of these articles I seem to get at least one email from a silly sausage that doesn’t realise words such as ‘ color’ and ‘optimize’ are spelled differently in different parts of the world. Well, on with the show.
Colour Theory, is, well, the theory of colours. There are many theories on how to choose a nice colour palette, and these will help ensure your web site won’t have the appearance it was designed by a colour blind… blind-man. Without getting into too much detail, one nice colour scheme to use is a monochromatic colour scheme. A monochromatic colour scheme is a selection of colours that features a colour (lets say cerulean blue), tints of that colour (cerulean blue with more white), shades of that colour (cerulean blue with more black), black and white colours (yes black and white are classified as colours my learn-ed friends).
A nice little tool to help you choose your colour scheme can be located at
9. GET INSPIRED
Browse the net for good web designers, don’t steal their designs, but analyse their designs and try to figure out what fonts, colour scheme, grids, and photoshop techniques they are using. A simple way to use this is search for web design in Google, and browse the portfolios of the top web design companies that come up in the search results. Digital art and poster websites also serve as good inspiration.
However you don’t need to restrict your sources of inspiration to the Internet. On the rare occasion when I venture out of my web design cave to eat something other than baked beans on toast, I like to analyse what grid, colour scheme, and font types that restaurants like to use in their menus. But hey, put me in a sack and throw me down a river if you think I’m just crazy.
10. PRACTISE PRACTISE PRACTISE
I shouldn’t have to say this but practise whenever you can. The more you practise, the sooner writing XHTML and CSS code will become a second nature to you, and you should also practise utilising the information from the various theories I have just mentioned too.
A good tip would be to make one web page template a week and submit it to
Well that’s just about it for today, my avid readers. I hope the useful tips in this article have helped you well on your way towards web design enlightenment. If you need more information on any of the topics I have mentioned please don’t forget that Google and Wikipedia are your friends. And finally, please, never let yourself forget ‘There is a difference between knowing the path, and walking the path’.
Author - This article was written by Justin Daniel, who operates his small web design business- NFX Web Design http://www.nfxwebdesign.com.au , located in Newcastle, Australia. This article may be reproduced and published if it contains a link back to NFX Web Design, but not edited in any way without the permission of its author.
More HTML Tips and Tricks:
10 Web Design Tips for SEO Friendly Website
10 Important Web Design Tips: SEO Friendly Website
A website should firstly be searched out by visitors before talking about attracting or retaining those visitors. Nowadays, a “well designed website” does not only relate to a web site’s visual attractiveness but more importantly, how friendly it is with search engines.
Below are 10 SEO friendly website designing tips where web designers should pay attention to during the early stage of their web designing process.
- Avoid creating menu on the left-hand side of a website. If unavoidable, an alternative way is to put some text with rich keywords at the top or above the left-hand menu so that this text will be the first thing to be read by search engines.
- Headlines are rated more important than the rest of the web page by search engines. To take advantage of this, you should have your keywords in the page headline. Since the header tag (h1) is quite large, you should format it to make it smaller.
- Every page should contain the “title” and “description” tags with good keywords to describe the page content. The number of words for the title should not exceed 9 and that for the description should not be more than 20 words in order to keep within the limits of most search engines.
- Try not to use Flash when possible. Flash cannot be read by the search engines to date and will cause slow page loading time and make people run away. If you really have a reason to use flash, try to make it smaller (e.g. as a flash header) and leave other area of your website for keyword-rich content.
- Think twice on how to use graphics. Make them relevant to your content and use an alt tag with relevant keywords for search engines to read as they cannot read graphics and also for your visitors so that they can have something to read when waiting for the graphics to load.
- Do not only use images to link out. You should always use text links to link out to important content on your web site. Spiders can follow image links, but like text links more though.
- Avoid using frames. Some search engines cannot spider web pages with frames at all. For the other search engines that can, they can have problems spidering it and sometimes they too cannot index the web page.
- Avoid using too complex tables when laying out your page but to keep them simple for the spiders. There are some engines which find it difficult to navigate through to the other pages on your website if the navigation bar is too complicated.
- Use external Cascading Style Sheets and Java Script files to reduce page size and make the download time much faster. It will allow the spider to index your web page faster and can help your ranking.
- Use standard HTML. Software such as FrontPage, Dreamweaver or a WYSIWYG editor will often add unnecessary scripting codes that will make the page larger than is needed and make it harder to crawl. It will sometimes add codes that cannot be read by search engines, causing the spider not to index the page or even the whole website. If to use, you should use those web page creator software wisely with a good understanding of html so that you may manually avoid or even delete those unnecessary scripting codes.
That’s all of my 10 tips for designing SEO friendly websites. Enjoy your web designing for viewed by both human visitors and search engines!
Author - Siuchu Suga Want to learn more about how to design website and how to conduct Internet marketing? Siuchu Suga is a specialist on the above subjects. She is also the webmaster of http://www.About-webdesign.com
More HTML Tips and Tricks:
8 Website Design Principles You Must Know
The 8 Most Important Website Design Principles
Building an Innovative and Effective Website, by making full use of available technologies, is crucial for the future success of your current or future online business. There are literally 1000’s of great ideas out there, but finding the right ones and applying them to your website, is where the real trick lies.
Applying the best tips, tools and other design principles to your website, can bring you untold success on the internet. At the same time, using powerful and innovative ideas in the design and development stages of your website, will level the playing field for your business, and raise it’s competitive edge on the internet.
We have been doing web development for more than 7 years now, and during this time, many important design and development principles have come to light. Don’t waste valuable time by making the same mistakes many other web designers and webmasters do. The following 8 powerful website design principles will assist in helping you make the right choices for your online business :
1. Do-it-yourself OR outsourcing ?
Before you start compiling your new website, you have to establish your skill level to tackle the specific project. If you have sufficient html understanding, a good idea of graphics and colors, plus fair writing skills, you mostly can do the website design yourself. If, however, you don’t have a fair understanding of html, it would be advisable to outsource.
2. Dynamic vs. Static web pages
Do you want your site to be static, i.e.. no input from visitors, or dynamic, i.e.. fully interactive, with visitors being able to log on, take part in forums, post information, etc ? Many new and fantastic scripting languages are available to make your site more dynamic and bring it to life.
3. Web Site Title vs. Domain
Before registering a domain for your site, take some time to think of related words or names that best describes your business. Compile a few possibilities and then check for availability on the internet. The best ones would normally already be “taken”, but innovative thinking can get you very far !! When compiling you main page, use this domain name and extend it to your website’s main page title tag. This is step 1 in getting future good search engine rankings.
4. Build your site around important keywords
When building the content part of your site, remember to include a fair dose of important keywords and phrases that best describe your business. These keywords, the words and phrases people use when searching for relevant information on the internet, should also be extended to all the important tags of every web page of your site. Be careful though not to overdo it, as search engines penalize “keyword stuffing”. Also use full sentences and make them sound natural. The clever search engine algorithms have recently just become even more advanced, and can now track unnaturally sounding sentences !
5. Optimized Title, Description & Keyword Tags
Each page of your website should be individually optimized in terms of the message you want it carry. Every page is different and there for a specific reason. If the page info and page tags do not match in terms of keywords, the page will not show up in search engine results. Search engines want to give searchers relevant results, and by not applying this principle, your site will not rank well.
6. A Site Map with links to all pages
Assist the search engines by making it easy for them to index your site. If all pages can be reached from a central point like a sitemap, you will firstly make sure that the search engine spider finds all your site pages, and secondly help visitors to find relevant info and pages quickly. Sites with good structures and fresh content gets spidered more often.
7. All pages back-linked to the Site Map and Home Page
Visitors to your website will not necessary land the index page or sitemap. It is therefore imperative to give them a way to get to your index, site map and other important pages. A well structured informative website also receives more return visitors.
8. Standard background & fonts on all pages
By keeping pages uniform, you ensure your visitors know they are still on your site. Having various banners, backgrounds and fonts will only confuse visitors. Try to stick one font, or two at the most. The human eye needs to adjust every time it reads text written in a new font. Do not irritate your visitors by using many different fonts – they will leave in a flash !
If you have an existing website, but nothing much have been happening for you, try to apply these 8 principles and see what good transpires…
Author- Brian Basson is a freelance writer, website marketing and SEO expert and webmaster of 3 websites, including Rank Advance : rankadvance.com brian@rankadvance.com.
More HTML Tips and Tricks:
CSS Tricks and Tips
Fun CSS Tricks You Can Use
CSS or Cascading Style Sheets allow you to implement a few neat effects on your webpages easily. You can implement these CSS effects on your site by simply copying and pasting the code.
Rollover Color Text Links
Have your text links change color when the mouse passes over them by inserting this code into the HEAD of your document:
LINKS WITH NO UNDERLINE Remove the underline from any or all of the links on your page by putting this in the HEAD of your document:
Or, remove the underline form individual links by forming them like this:
link
Links With A Line Above And Below Them
This is an interesting look that works especially well as a hover attribute for your links, but can also be applied to all of your links. It will show the normal underline and a line above the link:
HIGHLIGHTED TEXT
Highlight important text on your page or words you want to stand out, easily:
highlighted text
Try adding it to your link hover for a neat effect:
Background Image That Isnt Tiled
This will create a background image that doesn’t repeat:
You can also center it, however it will be centered as the background of the entire document, not centered on the screenful:
Author – Dan Grossman runs http://www.websitegoodies.com where you can find over 250 hand-picked resources, articles, and tools! Dan also publishes the free weekly “WebDevPortal” newsletter for website owners! Subscribe today and get articles like this every week: subscribe@websitegoodies.com?subject=article-subscribe.
More HTML Tips and Tricks:
Why Cascading Style Sheet (CSS) is Better?
Top 10 Reasons Why CSS is Better than HTML Tables
It has long been debated that the use of style sheet languages such as CSS is said to be much more efficient than the use of ordinary HTML tables. Ever since the growth of the world wide web, professionals of the industry have sought ways on how to improve the presentation of their websites both efficiently and effectively. Style sheet languages such as CSS have perfected this need and became the universal language for designers and developers alike. The question is, what are the reasons why CSS is much more useful than the use of HTML tables?
Several advantages has been cited on the use of CSS in web design. Some of those advantages are as follows:
- Faster loading of pages
- Efficient and easy
- Consistency
- SEO friendly
- Accessibility
- Maintainability
- Usability
- Sophisticated layouts and designs
- Bandwidth efficient
Faster Loading of Pages
One common problem of using tables for web layout is the slow loading process. This is usually caused by using too much markup tags in one HTML file such as “td align”, “td width”, “bgcolor”, “width”, “height”, “br”, “font face”, “font color”, “cellpadding”, “cellspacing”, “border”, etc along with the content of the HTML. CSS makes up for this by separating the content of the web page which is text and images into the HTML file and the visual presentation such as the web design, positioning, and text sizes into a CSS file. In a CSS-based layout, table tags or markups are replaced by using its own language such as the popular “div”. This replacements includes:
- Instead of the usual table tags such as td align or td width CSS have replaced this by using divs .
- Removed all layout editing markups such as height width cellpadding cellspacing border bgcolor font tags from the HTML. All layouts are found in the CSS file.
- header tags such as h1 or h2 are used for font tags headings.
- Breakline tags br is not used.
Because CSS have cut the use of too much markups, websites can load a lot faster than using tables which is good when attracting visitors to a website. Visit an online Web design Philippines site to learn more about CSS and its use in web design.
Efficient and Easy
As mentioned above, by using CSS, the layout of the HTML is separated from the content thus allowing a quicker, efficient, and easier redesign. Tables would require more time as the HTML content and layout tags are in the same file. By simply editing the CSS file, designers could easily rearrange the size or the color of an element found in a website.
Consistency
In relation with the above statements, web designers can easily redesign the whole website by just editing the CSS file. Unlike the use of table in which a designer would have to open every HTML file just to edit a simple element found in every page such as a header, CSS can offer an easy way to edit it all in one CSS file. All it takes is opening the CSS file, edit the elements found in the header (such as width, height, etc), and re-upload it.
SEO Friendly
There are several reasons to this. This reasons are:
- Because CSS is much faster to load than tables search engine spiders could easily crawl through the website.
- Because CSS doesn t require too much markup which makes it easier for search engine spiders to crawl the website.
- The use of header tags such as h1 h2 or h3 makes it easier for the search engine spiders to determine the information in a website.
- The use of Javascripts for visual effects are replaced by CSS own effect engine which makes it more SEO friendly.
Accessibility
Because of the Internet’s rapid growth, disability discrimination legislation, and the increasing use of mobile phones and PDAs, it is necessary for Web content to be made accessible to users operating a wide variety of devices. Tableless Web design considerably improves Web accessibility in this respect. Screen readers and braille devices have fewer problems with tableless designs because they follow a logical structure.
As a result of the separation of design (CSS) and structure (HTML), it is also possible to provide different layouts for different devices, e.g. handhelds, mobile phones, etc. It is also possible to specify a different style sheet for print, e.g. to hide or modify the appearance of advertisements or navigation elements that are irrelevant and a nuisance in the printable version of the page. For more web design and development solutions, then visit an online Web design Philippines site.
Maintainability
Under table-based layout, the layout is part of the HTML itself. As such, without the aid of template-based visual editors such as HTML editors, changing the positional layout of elements on a whole site may require a great deal of effort, depending on the amount of repetitive changes required. Even employing sed or similar global find-and-replace utilities cannot alleviate the problem entirely.
By use of CSS, virtually all of the layout information resides in one place. Because the layout information is centralized, these changes can be made quickly and globally by default. The HTML files themselves do not, usually, need to be adjusted when making layout changes. If they do, it is usually to add class-tags to specific markup elements or to change the grouping of various sections with respect to one another.
Usability
By combining CSS with the functionality of a Content Management System, a considerable amount of flexibility can be programmed into content submission forms. This allows a contributor, who may not be familiar or able to understand or edit CSS or HTML code to select the layout of an article or other page they are submitting on-the-fly, in the same form.
Sophisticated Layouts and Designs
Unlike the use of tables, CSS offers freedom in designing. Because of the rigid, inflexible, and grid based form of tables, designers cannot utilize their potential in designing. CSS offers absolute positioning of elements paired with the z-index property allows CSS-based designs to position elements on top of one another (like layers in Photoshop), allowing for more unique, complex, and beautiful layouts.
Bandwidth Efficient
A stylesheet will usually be stored in the browser cache, and can therefore be used on multiple pages without being reloaded, increasing download speeds and reducing data transfer over a network. Visit a Web design Philippines site to get the solution you needed with your website.Visit
Author – Margarette Mcbride is a copywriter of Optimind Web Design and SEO, a web design and seo company in the Philippines. Optimind specializes in building and promoting websites that are designed for conversion.. http://www.myoptimind.com
More HTML Tips and Tricks:
How to Build Money Making Website?
How To Build A Profit-Making Website
One of the things I love to do first thing every morning is to check the Internet, to find out how much money I made over the night. Like a fisherman checking on his trap, I am thrilled to see money accumulating in my account while I sleep. The beauty of earning an income from the Internet is that my websites continue make money for me from all parts of the world. I can actually know where the money come from, and how much, and test the pages to continue improving them. Wouldn’t you want that too?
Before you get the wrong idea, let me clear the air about how I make money from the web. HappyJoblessGuy is NOT about earning money from some online pyramid schemes. It is not about Multi-Level Marketing (even though I have no issue about people earning through MLM). It is not about online forex trading. I am going to show you an honest way of generating income from the web but it’s going to involve a degree of hard work from you. For sure, nothing comes easy, and that includes building a machine that makes money online.
Do not have your website hosted by PBase, Tripod, Blogger, even though it can be done an hour. If you intend to earn serious, long-time income, that is not the way to do it. You want something that is 100% your own. Once you have your own website (not an account with Blogger, PBase, etc.), you will realise the amount of freedom in your hands.
If you were to ask me, what are the tools you need to build a great website, I can count them with the fingers of one hand. You can hire a web programmer to build a whole website for you, bypassing the need to be acquainted with any tool. But to own a really great website, I would urge you to do it yourself. You can’t be the captain of your own ship if you can’t tell stern from starboard. I have received emails from people asking to give them personal coaching. I am sorry, but I do not have time to do that, even if you’re willing to pay me money.
In the next five pages of this chapter, I will go through each essential tool one by one. At the end of this chapter I will recap what we have learned. You will realise, if you haven’t yet, that earning a living without holding a job requires you to learn skills that you may not have learned before. On the other hand, you may have built many websites, and are wondering what’s new that I want to share. Once again, I urge you to be patient as the topics are developed.
Now, without further ado, let’s look at the 5 Essential Tools:
The first tool you need to build a great website is a HTML Editor.
HTML Editor
A HTML Editor is a software application to write web pages. There are several brands in the market, including Microsoft Frontpage, Adobe Dreamweaver and so on. Personally I would encourage you not to use Microsoft Frontpage, as it tends to add proprietary codes to your pages, making it difficult to be edited with a different HTML Editor. The one I use is called Homesite, also from Adobe. I learned to write webpages with Homesite.
With a HTML Editor, you write the content of your pages by keying in the HTML Codes, and then checking it with the Preview function. If you do not have a HTML Editor presently installed in your computer, I strongly suggest you get one immediately and start fiddling with it. Get used to all the functions. Learn what to click to make the text bold, italics, underlined, etc., how to hyperlink, how to insert picture, and so on. A good HTML Editor does a lot of work for you, so that you can concentrate on putting together a great website. It doesn’t matter which one you use, as long as you get familiar with it.
The second Essential Tool you need is knowledge of HTML Codes.
HTML Codes
As mentioned in the previous page, you need to learn coding. To be exact, HTML Codes. HTML Codes are instructions you tell the Internet how you want to format your webpages. The basic HTML codes you need to know are:
- Title
- Body
- Head
- Html
- Headers (H1, H2, H3, etc.)
- Bold
- Italic
- Underline
- Hyperlink
- Table
In addition to the above, it would do you good to learn how to format size and colour of your font, background, border. More advanced features such as CSS would be helpful too, but are still all together very easy, that even a dummy could learn it (so if you have to, find a book for dummies and learn all about it).
The third Essential Tool is a Domain Name.
Domain Name
The domain name, also called the hostname or sitename, is the basic name of your website. For example, www.happyjoblessguy.com. As you probably have known, the domain name has an ending such as .com, .net, .org, etc. To use it to earn an income, I would suggest you go for .com. It is the most popular, hence, the most difficult to get. Nonetheless, you should try to get domain names with .com.
You probably will not get the first domain name of your choice, and will need to try a few times before landing on one that is still available. This is a very important exercise, so take all the time you need.
Registering and keeping a domain name will cost you approximately US$10 per year or even lower. That is peanuts if you can earn the amount back. For now, look for the domain name but don’t register it yet. Instead go to Essential Tool #4 to read about Web hosting.
The fourth Essential Tool is Web hosting.
Web hosting
To get web hosting means you rent space on a server that will host your website. You do not need to purchase a server – you don’t even need to know how a server works. All you need to know is that you need to host your website on it. The Webhost provides you the space and the interface for you to manage your website.
Think of web hosting as a safe deposit box, and the domain name as the safe deposit box number. When you register for web hosting, you are buying space in a safe deposit box. The amount you pay should determine the amount of space you need. For that reason, the web hosting fee is directly related to the amount of space you purchase. The safe deposit box number remains the same, regardless the amount of space you use. In a similar sense, the fee for domain name is fixed regardless the amount of content you have on the web.
When you start your website, the amount of space you need will most likely be pretty low, less than 1GB, so do not pay for a lot of space that you are not going to use. You can always buy more space as your needs grow. If you pay for 5GB per year, and throughout the course of that year, you never use more than 1GB, then the balance 4GB is money wasted.
The fifth and final Essential Tool you need to build a great website is an FTP Software.
FTP Software
An FTP Software is an application that enables you to transfer data from your computer to your website on the Internet, and vice versa. There are many other ways to do it, including using an online interface provided by your webhost, but usually, using an FTP Software is the swiftest way.
The FTP Software allows you to upload new pages to your website as well as update existing pages. The FTP Software that I use is called WS FTP, which stands for WinSock File Transfer Protocol. To download it, google “Free FTP Download” to see what comes up.
In the next chapter, we will look at Building a Profit-Making Website. As of now, I want you to be familiar with the five Essential Tools in this chapter. Please go ahead and register your web hosting and obtain your domain name, but once again, let me urge you to give the domain name a good thinking through before decided which. If you choose a wrong one at the beginning stage, fine, it only costs another US$10 or so to register another. But you need to make sure it is a domain name you want to own for years and years to come. Who knows, one day you may even sell that domain and the whole web business for $1 million? So, choose carefully.
For more topics on how to earn a living without holding a job, go to
Author – Timothy Tye began earning an income from the web when he launched his first website four years ago. Since then, he has started several successful websites that allow him to earn an income without holding a job. He believes that anybody can do it and shares useful tips and knowledge in his website, HappyJoblessGuy. Look for Original article here.
More HTML Tips and Tricks:
Why HTML is better than Flash for Web Design?
Why HTML is better for web design.
Flash and heavy image websites may look good, they often do. But how effective are they? Not as effective as you may think. Most people think once a website is created it is going to found by everyone on the internet. They couldn’t be more wrong. This article will talk about why HTML is a key to a website and its success.
HTML is the only language search engines can understand, anything else is like a foreign language. Search engines cannot read flash. They cannot read JavaScript. They cannot read images. That is why you are going to want to find a web designer who is going to be able to create a strong based HTML website.
Now I am not saying that if your website is heavy in flash, JavaScript and images it’s not going to be found. You still have you Meta tags, you did remember those right? Search engines work on keywords, word that people are going to use when finding your website. If you have read my article on Better Goggle Rakings you will be familiar on this, if not, I would suggest reading that next. If your website was developed in flash, you will still have the Meta tags working for you, but those can only take you so far.
Websites that are heavy or well balanced in content are better. When a website is made in flash the text is imbedded in the flash file, the swf or it is loaded externally. It is not directly in/on the page for the search engines to find. Same goes with JavaScript and images. With images you have a little lead way, the alt tag. For those of you who are unfamiliar with HTML code, the alt tag is what you code into an image. So when you hover over an image, you will see the popup with the title written in it. But if you content is on the image, forget about getting a good ranking. A general rule of thumb, websites should have about 200 words of content, rich with keywords and unique content.
HTML is great and all, but there are a few things it cannot do for you. Animations, sometimes good, but are often used wrong. Floating menus, animated menus and drop down menus. Again, these can look very good if done well, but they are invisible to search engines. Links are a big thing to them too, search engines love to see a lot of links, incoming and outgoing to websites.
If you are linked with websites of a higher page rank thank you is can be better for you and help your page rank. Now with that said here are some things that HTML will give you that other languages cannot. Keyword related navigation, again, back to the links. The links on your website should relate into what they are taking you too. Sounds obvious huh? You wouldn’t believe the amount of links I have seen taking me somewhere else other than what the menu said. Real text; keyword rich, unique content that will bring your customers to your page along with good page rank from Google. Lastly, with HTML, the page is your canvas, free to do anything you want and still have it be effective enough for your customers to be able to navigate you site.
So what’s a website with out any images? Not a whole lot in my opinion. But you just said websites shouldn’t have images on them. Wrong. I said that a website with heavy imagery is not always good. Take my website for instance, images all around you, but the pages are balance with my content, content that is keyword rich. So read some tutorials on Photoshop, slice it up and put some quality content in it and you should have a pretty effective website. Just keep in mind all of the above. Websites that look stunning are not always a good thing. Your website should look good, but it should be effective and smooth for the user to navigate through.
Having your website created by me will not only guarantee you a strong design and strong functionality. It will rank well in Google, keep your customers coming back and they will not be getting them lost in the navigation.
Author - Chris Lowden I have been doing web design for a number of years now. I have always loved the internet, so I decided to pursue a career in it. You can visit my website here. http://www.chrislowden.com. Look here for original article.
More HTML Tips and Tricks:
Tips for converting HTML to XHTML
Few Basics For Changing HTML into XHTML
XHTML has always been a jittering word for all HTML learners and I believe the so-called fear must be wiped off. XHTML is not all very much different from HTML. It is just a well versed form of HTML. XHTML is a form of XML that Web browsers can use.
Earlier it was HTML then it made the buzz and now the future seems to be of XML. Knowledge of HTML help helps to learn XHTML and the same way XHTML knowledge will help in learning XML.
Below are some simple rules which should be kept in mind while changing your Web design from HTML to XHTML:
- Use All Lowercase Tags:
- Use lowercase letters to write alt. Writing is not allowed, so better use .
- Nest Elements Correctly: HTML is a bit lenient but XHTML is not. An example: It is wrong.. This can be seen in this example You that the bold and italic elements are overlapping. The correct way to nest these elements is: This is right..
- Using End Tags is a must: Every tag must end with a tag and hence must have an end tag. In the start of a paragraph we use the tag and in the end of the paragraph we must use the tag. Same is the case with li tag and all other tags.
- End Empty Elements: Generally, no one end empty elements, but you should end empty elements like tag, and you need an end tag for this one too. You can either use to end or you can use an alternative i.e. This can be used in both HTML and XHTML. The same can be used with other empty tags too, such as( hr) tag.
- Use Code for Special Characters – It is confusing for XHTML to understand some symbols such as ; you could write: .
Author - Manish Rawat http://Xhtml.pixelcrayons.com converts your design files from various common image formats (PSD, JPG, GIF, PNG, AI) into best quality cross-browser compatible W3C validated XHTML/CSS markup. Check xhtml.pixelcrayons for our PSD to XHTML Conversion and PSD slicing services. Original Article