Tweet

Guide to Your Simple HTML Website

Guest post by: kunwarpal solanki

Article Overview: Start with your favorite text editor or IDE (Integrated Development Environment) or Web Design Software. Now, outlining your project, first make a folder where you’ll keep the content of your website, i.e. the whole website.

Guide to Your Simple HTML Website

For basic Web Design, it really doesn’t matter what platform you use, what Operating System you have and what software you rely upon. It depends upon the skills and creativity that must be in the Web Designer. Skills are learned but creativity comes naturally. It should come from within. This shows why some kids are good at art at school while some are not. But regular practice can make oneself the master of the skills of Web Design.

Start with your favorite text editor or IDE (Integrated Development Environment) or Web Design Software. Now, outlining your project, first make a folder where you’ll keep the content of your website, i.e. the whole website. Whether, it is a folder on a local disk or an online directory or sub-directory. Make a new folder in your Website folder to keep the images, script and style-sheet files. Name that folder Resources or Style or just any handy relative name so that can be called to and located easily.Make your first HTML page, the way you wish to do with your IDE and save it with .htm or .html extension.

Now, the page design guidelines. Do up the Prologues and the basic structures, i.e.HTML, HEAD, TITLE, and BODY. In the head tag, give in the most appropriate title to your Website that relates to the subject of your Website. Write in the basic Meta description related to the character set. Link your style-sheets and script files. Do not forget to link a tiny shortcut icon to the head, so that Web browsers display your icon or logo beside the title of your Website.

In the body, start with making out the basic parts, the header, the main part and the footer. Try being semantic rather than being structure oriented. Design out the page navigation list in the header. If it is not in the header, it doesn’t matter at all it totally depends on you. Use unordered lists to list out the navigation links rather than placing simple hyperlinks side-by-side. Use clean coding with proper comments. Comments help you to edit and manage your code, so never try to ignore the importance of code comments.

Place in, your content into your web page, the images, icons, the text in a simple and an attractive way. Use proper colors that match to the mood, context and the theme of the Website. Make the headings and the titles distinctive by using HTML Headings (H1 to H6) and darker colors.

Make the hyperlinks and buttons stand out by using slightly contrasting colors that grab attention. Use small fonts for the text to identify the reading part but do not make the fonts too small so that you’ll end up with a difficult to read text. Divide your text into small paragraphs.

Similarly, complete the webpage, full with content, ready to be published. Now, try to remove the unnecessary white spaces in your webpage and from the related files.This might make your files even smaller than what they used to be. Locally, use your web browser to view your webpage to find out what your page actually looks like.

Obviously, you would have been testing it every now and then, after every significant change made in your webpage. View your webpage, again locally, on some other browsers if you can, you might find an error. Rectify all such browser error and then your website can be published on the Internet.

Related Articles
  Basic Understanding of HTMLs
  Web Design and Hosting
  What’s New on HTML templates?
  Is It Easy to Create our own Website What is HTML
  What if you Have no Style?
  Home-based Business: Website Design
  The Basics of PSD to HTML Conversion
  Writing and Publishing eBooks Made Easy #02 - The Creative Writing Process
  Increasing the Effectiveness of PSD to HTML Conversions
  Simple HTML For Article Directories
  HTML – Backbone of the Web
  Search Engine & Human Friendly Website Basics
  Importance of PSD to HTML Formatting
  ••••••>Get Me On Top Free SEO Tip of the Day: Website Validations to Up Your SEO and Search Engine Rankings
  Hiring a PSD to HTML Service Provider is Easy Now
  Ways to Optimize Your Web Site
  How To Have Websites Built For You The Cheap Way
  How To Have Websites Built For You Inexpensively
  Top 10 SEO Optimization Techniques
  Why Should You Hire a PHP Developer For Your Website Development?

Article Tags: SEO Company Delhi, SEO Service Delhi, Web Design Delhi, Website Design Company Delhi, Website Design Gurgaon



Related Forum Posts
HTML Tables - [quote:4u1ipskd] when compared to the non-validated version of the website that consisted of many HTML based tables[/quote:4u1ipskd] Well..dang. Most of my webpages consist of HTML based tables full of data... I can see I'm going to have to upgrade my programming skills...I self-taught myself how to do html years ago and haven't kept up with the times. Does it help to have a Google Search Box on every page? I do that, in the hopes that the results of anyone searching my site specifically will automatically feed into Google's index of the web.
Web Designing - Web designing is huge right now. There are some many methods and different programming codes; ASP, JAVA, PHP, MySQL, Flash just to name a few..... One basic code you should learn is HTML. There are two ways to do this - actually coding by hand or turn to a code generator, which are becoming pretty popular, because it is more drag and drop rather then learning a new language. Search for FrontPage or Dreamweaver. They are the most popular HTML Generators. That will start you with learning the setup of websites. There are plenty of tutorials online, so whenever I get stuck I Google search for the solution. Haven’t failed me yet.
Re: what position to request? - Hi Michael, Great suggestion from David, or you could try something around a design consultancy, How about Website Design Consultant, Design and Development Manager, Website Support and Development Manager or maybe Internet Business Development Consultant. Ultimately whatever you are comfortable with and good luck for the future, Mal.
Re: how do I get started with Wordpress blog? - [quote="jvprosperity":k5g18y4e]If you are looking to add functionality (aka plugins) the learning curve is not bad even for someone starting off but sometimes you may need the functionality to look and behave slightly different than "out-of-the-box" and you may need some knowledge of HTML.[/quote:k5g18y4e] But even if you don't have HTML & PHP knowledge wordpress is so widely used and easy to work with you'll be able to pick up a developer to handle maintenance, new features etc. at low costs. There's very good wordpress developers out there that charge $10/hr in developing economies.
Re: New Infographic: Top Ten Reasons to Partner with Someone - I like it. Simple yet informative. I also RT'd it for you.


Share this article with your friends. Fund someone's dream.

Leave a comment below or share on the left and you'll help support entrepreneurs in Africa through our partnership with Kiva. Over $50,000 raised and counting - Please keep sharing! Learn more.

Newsletter

Get advice & tips from famous business
owners, new articles by entrepreneur
experts, my latest website updates, &
special sneak peaks at what's to come!

Name:
Email:

Popular Articles

ROSI Return on SUNK Investment

Clues to Increase Sales -- Listen to the Buyer

Working Across Borders

Suggestions

Email us your ideas on how to make our
website more valuable! Thank you Sharon
from Toronto Salsa Lessons / Classes for
your suggestions to make the newsletter
look like the website and profile younger
entrepreneurs like Jennifer Lopez.