{"id":701,"date":"2007-01-04T11:17:40","date_gmt":"2007-01-04T03:17:40","guid":{"rendered":"http:\/\/www.janleow.com\/life\/?p=701"},"modified":"2007-01-04T11:17:40","modified_gmt":"2007-01-04T03:17:40","slug":"free-website-builder","status":"publish","type":"post","link":"https:\/\/www.janleow.com\/life\/free-website-builder.html","title":{"rendered":"Deciding on a look and feel of your website"},"content":{"rendered":"<p><b>Website template<\/b><\/p>\n<p>\nOnce you have decided on your website concept or theme and sign up with a web hosting provider, your next step is to decide on the look and feel of your website. From here you have to make your own website template to be used on every page of your site.<\/p>\n<p>Designing your own web template from scratch is not so easy especially if you do not know any HTML code. You can of course grab some free website template which is easily available from the internet. Many of the templates are designed by very creative individuals and offered for free. There are of course also the paid versions available which will have some added features, but I assume if you are just like me, the website you will be administering is on a low budget. <!--more-->\n<\/p>\n<p>\nNot every person is really talented at creating a killer website. If you ask me, I don&#8217;t know how to draw or even use Adobe Photoshop effectively. Using a free template can speed up the process of designing your website. From there you can use it as is or do some customization to suit your own needs. Then again if you do not know much about coding this may be difficult to do.\n<\/p>\n<p>\nThe usual web hosting provider does not provide any tools for your creation of web pages. Normally they would assume you would know how to design and set up your own web pages.\n<\/p>\n<p>\nIf you have signed up with <a href=\"http:\/\/buildit.sitesell.com\/marketplace7.html\" target=\"_blank\" rel=\"nofollow\">Site Build It!<\/a> they have provided a free build-in web site builder which you can use to create the look and feel of your site. It is easy to use; all it needs for you is to pick and choose the elements of the website to create a website that is professional looking and easy to navigate. From then on, all you need to do is concentrate on writing content using their web page builder.\n<\/p>\n<p>\nOther choice is to use content management system (CMS) software like of Joomla, Mambo, Post-Nuke, Geeklog, Xoops, etc. Just like this site of mine using the provided CMS software and hosted by <a href=\" http:\/\/www.bluehost.com\/track\/janleow\/signup2\" target=\"_blank\" rel=\"nofollow\"\n>BlueHost<\/a>, it has a build in templates which you could use or grab some free ones available in the internet. If you have some budget to spare you may want to buy professionally designed templates to fit your site&#8217;s look and feel.\n<\/p>\n<p>\nWhen choosing or designing a template, bear in mind the following points. This layout style has been tested, tried and true and used by practically every web site. You can see this for yourself by just randomly picking any website and you can see this rule in play. There are of course some website that go against this convention and strike out to do it another way. If you do want to go against this unwritten rule and come up with something else, do so at your own caveat, for a website that is difficult to use, it becomes very frustrating for visitors and a discouragement to revisit your site again.\n<\/p>\n<p><b>Basic layout of a website<\/b><\/p>\n<p>\nThe basic layout of a website will have a header with your site logo on it. It can be very simple using the website domain name to emphasize the site branding. Next is the navigational bar. You can place this on the left side or right side of the webpage whichever side you feel would be most complimentary to your web design. You may also want to make use of the both side of the web page putting elements like polls, newsletter sign-ups, advertisings, RSS feeds, or side bar notes. And finally you have the footer in which you place copyright notices, your site address and other fine prints.\n<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/www.janleow.com\/imgs\/web_layout.jpg\" style=\"float: right; margin: 8px;\"><\/p>\n<p style=\"text-align:justify\">\nFor the content area, the background colour that you should go for should be white or light in colour as this is representative and similar to the offline publishing of newspapers, magazines and books. They are also easy on the eyes. Using a black or dark background changes the mood of the website, and gives the website an ominous feeling. In most cases, going with the white or light background fits well with most theme and it is most recommendable.\n<\/p>\n<p><b>The content area basic layout<\/b><\/p>\n<p>\nNext we come to the content area, the layout is simple and you can follow most of the format used by the newspapers and magazines. It starts off with the title header. Next comes the content. You may want to subdivide the content with sub-headers. At the end of the content, you may want to include some recommended links to other related topic in your site or provide references to other sites. Within the content, you may want to sprinkle in some pictures to spice up the content to make it interesting and perhaps some advertisement for those of you who are monetizing your site.\n<\/p>\n<p>\nA single column is still the best as it is most natural to read the entire article from top to bottom. A minimalist approach makes for a clean looking website, but it also depends on whether to clutter it with banners and links. However, do note that it is not how well you site looks but how useful is the content for visitors coming to your site.\n<\/p>\n<p>\nSo bear the above in mind when designing the website layout of your own website.\n<\/p>\n<p>\n<script type=\"text\/javascript\"><!--\ngoogle_ad_client = \"pub-5685769204706262\";\ngoogle_ad_width = 336;\ngoogle_ad_height = 280;\ngoogle_ad_format = \"336x280_as\";\ngoogle_ad_type = \"text\";\n\/\/2007-08-06: JanLeow.com Blogs (Content)\ngoogle_ad_channel = \"5832813811\";\ngoogle_color_border = \"FFFFFF\";\ngoogle_color_bg = \"FFFFFF\";\ngoogle_color_link = \"323539\";\ngoogle_color_text = \"000000\";\ngoogle_color_url = \"BBBBBB\";\n\/\/--><\/script><br \/>\n<script type=\"text\/javascript\"\n  src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\n<\/script><\/p>\n<ul>\n<li><a href=\"http:\/\/www.janleow.com\/life\/free-web-site-design-layout-advice.html\">Web site design and layout introduction<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/free-website-builder.html\">Look and feel of your website, templates, and layout<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/building-website-navigation-structure.html\">Building the navigation and structure of your website<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/create-website-content-managment.html\">Create a website using CMS (Content Management System) software<\/a>\n<li><a href=\"http:\/\/www.janleow.com\/life\/create-website-tips-guide.html\">Website creation tips<\/a>\n<\/ul><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Website template Once you have decided on your website concept or theme and sign up with a web hosting provider, your next step is to decide on the look and feel of your website. From here you have to make your own website template to be used on every page of your site. Designing your &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/www.janleow.com\/life\/free-website-builder.html\"> <span class=\"screen-reader-text\">Deciding on a look and feel of your website<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_newsletter_tier_id":0,"footnotes":"","jetpack_publicize_message":"","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","enabled":false}}},"categories":[12],"tags":[160,162],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p1bS5F-bj","jetpack-related-posts":[{"id":668,"url":"https:\/\/www.janleow.com\/life\/free-web-site-design-layout-advice.html","url_meta":{"origin":701,"position":0},"title":"Web site layout and design","author":"Jan","date":"3 January 2007","format":false,"excerpt":"If you are talented and creative, you can easily create your own website template for free. However not all of us are that creative or that talented. Website design and layout can be a stumbling block in making your very own first web site. We shall explore some of the\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":716,"url":"https:\/\/www.janleow.com\/life\/create-website-content-managment.html","url_meta":{"origin":701,"position":1},"title":"Create a website using CMS","author":"Jan","date":"8 March 2007","format":false,"excerpt":"CMS or Content Management System is one of the exciting new way of administering a web site. Create a web site using CMS is such a breeze that once you have started using it you will not want to use the old method of creating a web page and uploading\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":734,"url":"https:\/\/www.janleow.com\/life\/make-your-own-wordpress-website.html","url_meta":{"origin":701,"position":2},"title":"Make your websites using WordPress","author":"Jan","date":"13 August 2008","format":false,"excerpt":"Wordpress by far is the most popular software used for blogging. Almost every self-hosted website that was build for blogging uses Wordpress. It sheer versatility, ease of use, numerous themes and plugins available make it the choice script to install. In addition, if you decided to turn your Wordpress blog\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":726,"url":"https:\/\/www.janleow.com\/life\/make-joomla-website-cms-content-management-software.html","url_meta":{"origin":701,"position":3},"title":"Make a Joomla Website","author":"Jan","date":"23 July 2008","format":false,"excerpt":"Joomla is one of the most sophisticated CMS to make your own website with. It was branch off from the Open Source Mambo which it has based its coding. Joomla is getting more popular while Mambo usage is declining. The appearance of a Joomla website certainly catches the eye. With\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":223,"url":"https:\/\/www.janleow.com\/life\/dreamweaver-web-building-software-or-content-management-system-cms.html","url_meta":{"origin":701,"position":4},"title":"Dreamweaver web building software or content management system (CMS)?","author":"Jan","date":"21 August 2008","format":false,"excerpt":"I'm never a fan of bloated web building software like Dreamweaver or Microsoft Frontpage. Sure they are very easy to use for designing a web page. Very much like using Microsoft Word or Powerpoint, just create a box here and there and add in your content, pictures and whatever you\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":741,"url":"https:\/\/www.janleow.com\/life\/html-02-creating-a-website-page.html","url_meta":{"origin":701,"position":5},"title":"HTML Lesson 2: Create the web site page","author":"Jan","date":"19 March 2007","format":false,"excerpt":"The HTML web page is separated into two sections: the head section and body section. Both these section is nested within the HTML tag which identifies the file as HTML code for browsers to recognize it as such. The HEAD section is where you will provide the TITLE of your\u2026","rel":"","context":"In &quot;Website&quot;","block_context":{"text":"Website","link":"https:\/\/www.janleow.com\/life\/category\/website"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/701"}],"collection":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/comments?post=701"}],"version-history":[{"count":0,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/posts\/701\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/media?parent=701"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/categories?post=701"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.janleow.com\/life\/wp-json\/wp\/v2\/tags?post=701"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}