class="align-left" style="border: 0px none; margin-left: 20px; margin-top: 5px; float: right;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/00-My-Home-Page.jpg" border="0" alt="00 My Home Page.jpg" width="250" height="173" />The Internet has already become an inseparable part of our life, so I guess by now everybody understands the importance of a web presence. You can’t call yourself a netizen without a net property: your own website. But even though website building is getting easier by the day and there are more and more
class="vt-p" href="http://www.makeuseof.com/tags/website-builder/">web builders available, internet newbies are still reluctant to try to build their own websites.
One of the major hindrances that stops these newbies from progressing is the lack of confidence. They feel that web building requires a high level of skill, and they don’t have what it takes. To prove them wrong, we previously published
class="vt-p" href="http://www.makeuseof.com/tag/free-methods-build-webpage-5-minutes/">Some Free Methods To Build A Web Page In Less Than 5 Minutes. If you are still hungry for more, here is one alternative tool to quickly create beautiful personal websites without any
class="vt-p" href="http://www.makeuseof.com/tags/webdesign/">web design skill – Orbs.
id="more-61864">
Just Click & Edit
class="vt-p" href="http://orbs.com/">Orbs is a web tool that will allow anybody to build and modify their own websites just by clicking and editing. The process is like creating a new document using a ready-made template: click on an area, edit the text, and save.
You don’t need to sign up to try the web tool, just click on the “Try Demo” button to start. However, you need to sign up and sign in to save your work later.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/02-Orb.jpg" border="0" alt="02 Orb.jpg" width="510" height="280" />
The first step of designing your website is literally “click to edit”.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/02b-Getting-Started.jpg" border="0" alt="02b Getting Started.jpg" width="580" height="380" />
An editing tool bar will appear on the upper area of the page to assist you with the editing process: type, replace, delete, and other basic editing processes.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/02c-Editing-Page.jpg" border="0" alt="02c Editing Page.jpg" width="580" height="400" />
The editing tools range from the basic ones like Bold, Italic, Bullets and Numbers; to the more advanced ones like Link Insert, Tables and HTML Codes.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/02d-More-Tools.jpg" border="0" alt="02d More Tools.jpg" width="580" height="170" />
Don’t forget to save any changes that you made to your page by clicking the “Save Changes” button at the bottom of the page.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/02e-Save-Changes.jpg" border="0" alt="02e Save Changes.jpg" width="580" height="257" />
On the right side of the screen, there is the tool to add a Page and SubPage.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/03a-Add-Page.jpg" border="0" alt="03a Add Page.jpg" width="340" height="160" />
There’s also the “Page Setting” tool under “Add“.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/03b-Edit-Page.jpg" border="0" alt="03b Edit Page.jpg" width="320" height="220" />
Adding pictures is also easy. The “Adding picture” button is located on the editing toolbar on the right. Click on that button and you can add pictures from your hard drive to be uploaded to your site.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/04a-Adding-Image.jpg" border="0" alt="04a Adding Image.jpg" width="580" height="381" />
Similar to other pages, you can also edit the text on this photo page. Again, don’t forget to save the changes.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/04b-Example-Photo.jpg" border="0" alt="04b Example Photo.jpg" width="580" height="450" />
Saving Your Work
So far, we were playing on the demo website, all your work is still located in the temporary location and will be removed within 24 hours. To really save your website, you need to click on the big “Keep Site, It’s FREE” button at the top right corner of the page above the editing toolbar.
A small warning window will pop up notifying you that you will lose any unsaved changes if you leave the page. Since we are going to save the website anyway, just ignore the warning and click on the “OK” button.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/05a-Leave-Page-Warning.jpg" border="0" alt="05a Leave Page - Warning.jpg" width="420" height="229" />
Give your site a name and click “Next“. This name will be appended to “.orbs.com” and will be the address of your site.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/05b-Give-name.jpg" border="0" alt="05b Give name.jpg" width="580" height="160" />
Fill in the fields on the “Signup” form and click the “I Accept” button at the bottom. If you already have an account on Orb, you can just sign in.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/05c-Sign-Up.jpg" border="0" alt="05c Sign Up.jpg" width="580" height="410" />
Modifying Site Design
We’ve seen the editing process and we know that modifying site content in Orbs is easy. But what about the design? Orbs gives us an easy way to customize the site design. Click the “Design” tab and continue with the “Customize Current Design” button.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/06a-Design.jpg" border="0" alt="06a Design.jpg" width="580" height="322" />
Click on the element that you want to edit and the option pane will show up. For example, I wanted to edit the header image, so I clicked on the header and the “Header” option pane showed up at the bottom of the page. There are lots of header images that users can choose, grouped into several categories.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/06b-Custom-Header.jpg" border="0" alt="06b Custom Header.jpg" width="580" height="190" />
Users can also add text to their images by clicking on the “Add Text” button above.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/06d-Add-Text.jpg" border="0" alt="06d Add Text.jpg" width="580" height="250" />
The header’s text can be customized by changing the font type, color, layout and size using the options pane at the bottom of the screen.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/06f-Customize-Font.jpg" border="0" alt="06f Customize Font.jpg" width="580" height="180" />
The last item that we should look at is the “Settings“.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/07a-Site-Settings.jpg" border="0" alt="07a Site Settings.jpg" width="580" height="350" />
The “Site Privacy” menu is the place to determine who can access your site. You can set it to either public or private.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/07b-Settings-Privacy.jpg" border="0" alt="07b Settings - Privacy.jpg" width="580" height="340" />
The “Users” menu is the place to give access to the people that will collaborate with you in building the site. Unfortunately, this feature is only available for paid users.
style="text-align: center;">
![]()
class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/12/07c-Settings-Users.jpg" border="0" alt="07c Settings - Users.jpg" width="580" height="200" />
After playing with Orbs for a while, I can say that it’s a great tool for people without web design skills who want to build their own websites quickly and easily. Advanced users can use their expertise to customize their site even further. If you ever need a quick website, Orbs can be an alternative that you can try.
Reading about the way to do something could never be compared to the actual process of doing it. So, why don’t you try Orbs and then share your stories using the comments below?
href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/orbs-online-tool-quickly-create-beautiful-websites-web-design-skill-needed/">
src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/orbs-online-tool-quickly-create-beautiful-websites-web-design-skill-needed/">
href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/orbs-online-tool-quickly-create-beautiful-websites-web-design-skill-needed/">
src="http://www.makeuseof.com/images/rss-buttons/diggme.png">
href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/orbs-online-tool-quickly-create-beautiful-websites-web-design-skill-needed/">
src="http://www.makeuseof.com/images/rss-buttons/fb.jpg">
href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/orbs-online-tool-quickly-create-beautiful-websites-web-design-skill-needed/&title=Orbs: An Online Tool To Quickly Create Beautiful Websites – No Web Design Skill Needed&srcTitle=MakeUseOf.com">
src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png">
href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/orbs-online-tool-quickly-create-beautiful-websites-web-design-skill-needed/">
src="http://www.makeuseof.com/images/rss-buttons/stumble.png">
Similar MakeUseOf Articles
class="st-related-posts">
href="http://www.makeuseof.com/tag/iweb-a-free-mac-web-design-tool-for-easy-beautiful-websites/" title="iWeb – Build A Quick, Easy & Beautiful Website [Mac only]">iWeb – Build A Quick, Easy & Beautiful Website [Mac only] (35 comments)
href="http://www.makeuseof.com/tag/3-tools-create-mockup-designs-wireframes-online/" title="3 Tools to Create Mock-up Designs and Wireframes Online">3 Tools to Create Mock-up Designs and Wireframes Online (6 comments)
href="http://www.makeuseof.com/tag/2-websites-with-the-coolest-free-webpage-templates/" title="2 Websites With The Coolest Free Web Page Templates">2 Websites With The Coolest Free Web Page Templates (15 comments)
href="http://www.makeuseof.com/tag/top-10-professional-sample-code-websites-for-programmers/" title="Top 10 Professional Sample Code Websites For Programmers">Top 10 Professional Sample Code Websites For Programmers (35 comments)
href="http://www.makeuseof.com/tag/the-best-freeware-to-do-an-easy-wordpress-auto-install-n/" title="The Best Freeware To Do An Easy WordPress Auto Install">The Best Freeware To Do An Easy WordPress Auto Install (22 comments)
href="http://www.makeuseof.com/tag/test-website-multiple-browsers-free-browserling/" title="Test Your Website In Multiple Browsers For Free With Browserling">Test Your Website In Multiple Browsers For Free With Browserling (10 comments)
href="http://www.makeuseof.com/tag/building-webpages-scratch-easily-stiqr-part-2/" title="Stiqr – Building Web Pages From Scratch Made Easy">Stiqr – Building Web Pages From Scratch Made Easy (10 comments)
href="http://www.makeuseof.com/tag/free-methods-build-webpage-5-minutes/" title="Some Free Methods To Build A Web Page In Less Than 5 Minutes">Some Free Methods To Build A Web Page In Less Than 5 Minutes (20 comments)
href="http://www.makeuseof.com/tag/painless-web-development-microsoft-webmatrix/" title="Really Painless Web Development Using Microsoft WebMatrix">Really Painless Web Development Using Microsoft WebMatrix (10 comments)
href="http://www.makeuseof.com/tag/browsershots-view-a-webpage-in-all-different-browsers-oss/" title="Preview a Web Page in Multiple Browsers with BrowserShots">Preview a Web Page in Multiple Browsers with BrowserShots (7 comments)



View full post on MakeUseOf.com