Solved

Any editing tools can draft out the website design

Posted on 2009-05-07
6
321 Views
Last Modified: 2013-12-25
Hi,
Is there any tools that is free and can be used to draw out the web page.
I mean to show page in internet we need coding.
but now i just want to draw out the look of my page. Can i use microsoft word? or is there any editor out there are purposely use to design webpage in a piece of paper...
0
Comment
Question by:tankergoblin
6 Comments
 
LVL 6

Expert Comment

by:biyik
ID: 24333275
I'm not sure if I get it right but you can use Photoshop or Fireworks...
0
 
LVL 7

Author Comment

by:tankergoblin
ID: 24333756
what i want is like a modeling tools
to roughly show my design...

0
 
LVL 6

Assisted Solution

by:biyik
biyik earned 50 total points
ID: 24333949
http://www.adobe.com/devnet/fireworks/articles/mockup_pages.html
Not a very good tutorial but can give you an idea about presenting you page with Fireworks.
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 18

Assisted Solution

by:Graphixer
Graphixer earned 100 total points
ID: 24334036
"...or is there any editor out there are purposely use to design webpage in a piece of paper..."

Yep.  A piece of paper!  Seriously, I'm not mocking you...drawing out rough designs by hand is usually the first step.  Hand-sketching allows you to work out placement issues much more quickly than through software.  Even arranging post-it notes on a table can be a very effective way of page and site design.

There is some experimental software that allows you to prototype these hand-written site mockups, though I'm not sure if it's worth the time and effort.

Once a rough sketch is done, you can really use anything that will draw lines and boxes to do a site wireframe.  Not so much Word (it's made for paragraphs, not boxes), but certainly Excel, PowerPoint or Visio.  OpenOffice has a tool called Draw that would work nicely.  

There are lots of site prototyping software products out there, but you said "free", so I won't get into those.  However, there's an inexpensive software service called Gliffy that works much like Visio for site diagrams, charts and mockups.

Once you get a good wireframe done, you'll need to work up the design in something more elaborate.  Photoshop, Illustrator or Fireworks are ideal, but open source software like Inkscape or Gimp would probably work just as well.

I hope this helps.
0
 
LVL 1

Assisted Solution

by:vishalgosalia
vishalgosalia earned 50 total points
ID: 24343532
Well i would recommend Adobe photoshop. This is the best tool to draw ur webpages. You can do it quickly and efficiently. I use this to show the layout of my websites to the client before starting the html work.
0
 
LVL 1

Accepted Solution

by:
multiplex79 earned 300 total points
ID: 24374676
The solutions you have all provided are excellent except for one thing, tankergoblin asked if there were any FREE tools to do designs in.

The answer is yes, there are some FREE design programs. But, in alot of cases you get what you pay for. One of the better FREE design programs is called GIMP (www.gimp.org). It is somewhat similar to Adobe PhotoShop and Fireworks, but Open-Source and FREE.

Bryan
0

Featured Post

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
What .NET URL re-routing tool did I use? 2 54
Shopping Cart 2 65
Fulfillment API php code sample 1 38
CSS: Making Pure CSS read more boxes thinner 5 30
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Learn how to set up basic frames and paths in Prezi and understand the open space that Prezi allows you to create presentations in.

805 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question