Solved

Any editing tools can draft out the website design

Posted on 2009-05-07
6
315 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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
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

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Accessibility and Usability are two concepts that seem to be closely related.  But, too many people seem to have a distorted perception of them. During last five years, those two words have come to the day-to-day work of almost every web develope…
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Add visuals to your Prezi to keep your audience engaged. Learn how to embed images, edit them, and more in this video micro tutorial. Select "Insert" from the top menu in your Prezi editor: Select "Image": A toolbar will pop in from the right …

708 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now