Solved

Dreamweaver vs. Hand Coded HTML design

Posted on 2007-04-09
14
629 Views
Last Modified: 2011-09-20
We are hiring an ASP.NET developer to build our new eCommerce site, but we want to handle the HTML graphic design part of the development. We have already produced our wireframes using Visio.

Now we are wondering if we should hand code the HTML Design Mockups or if we should use Dreamweaver? In the past, we've always coded by hand. But I suspect that Dreamweaver might be mature enough now to use? What do you folks think?

Thanks! Kristin
0
Comment
Question by:forcedexposure
  • 3
  • 3
  • 2
  • +3
14 Comments
 
LVL 11

Accepted Solution

by:
dodge20 earned 100 total points
Comment Utility
I think dreamweaver is more than capable of doing the html portion of your website. Are you planning on using CSS for your design, or tables? Dreamweaver does OK with CSS in my opinion, but i find it is easier to handcode the css rather than use dreamweaver. But as far as a GUI for development software, it is the best I have used.

There is a learning curve to use dreamweaver correctly. It all depends on your coding abilities. A beginner should definitely use dreamweaver. An advanced user may not like it as well.
0
 
LVL 29

Assisted Solution

by:rdivilbiss
rdivilbiss earned 100 total points
Comment Utility
For someone who has hand coded in the past I'd recommend a simple code editor with syntax highlighting and auto completion, along with macro or code snippet capabilities, rather than such a robust GUI as Dreamweaver.  (PsPad maybe).

Further I would argue the developer will probably be relying on a .NET specific development tool, such as VisualStudion and introducing Dreamweaver into the mix might not be the best choice for this situation.

I also agree with the learning curve issue mentioned by dodge20.
0
 

Author Comment

by:forcedexposure
Comment Utility
Hi There,

My developer claims that if they did the HTML design work, they'd would use Dreamweaver.

We have around 40 pages to design for the site. Our in-house HTML designer claims that he can do 1 to 2 pages per day by hand, rather than by using a product like Dreamweaver. I wonder if it would be faster to do it with Dreamweaver?


Thanks! Kristin

0
 
LVL 9

Assisted Solution

by:fuzzboxer
fuzzboxer earned 100 total points
Comment Utility
Dreamweaver has auto completion and code snippets.  It is the best web development tool out there and works well with many different languages.  However, for .NET applications I suggest Microsoft's Visual Web Developer:  http://msdn.microsoft.com/vstudio/express/vwd/
0
 
LVL 11

Expert Comment

by:dodge20
Comment Utility
forcedexposure

You will be able to create pages much much faster using dreamweaver as opposed to hand coding. I would say I can do it 10x faster using dreamweaver than hand coding each page.
0
 
LVL 9

Expert Comment

by:fuzzboxer
Comment Utility
I concur.
0
 
LVL 70

Assisted Solution

by:Jason C. Levine
Jason C. Levine earned 100 total points
Comment Utility
Hi guys,

I agree that DW is faster, once you learn how do certain things, but I'm wary of integrating it into a .NET site as the support for .NET is sketchy at best.

If the issue at hand is using a GUI to design the pages, look into nVu as a possible DW replacement.  It's also free...
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 
LVL 23

Assisted Solution

by:Alan Henderson
Alan Henderson earned 100 total points
Comment Utility
nVu is fine if you don't need DWTs or included content.
Perhaps you should consider MS Expression Web. It's light years ahead of the dreadful FrontPage, it's on a par with DW, AND it supports .NET.
60 day free trial here:
http://www.microsoft.com/expression/products/overview.aspx?key=web
What do you have to lose?
As dodge20 points out, CSS is easier to hand code. Both EW and DW make this relatively easy.
0
 

Author Comment

by:forcedexposure
Comment Utility
"CSS is easier to hand code. Both EW and DW make this relatively easy."

Can you please explain what this means? Is it difficult to use cascading style sheets with Expression Web and Dreamweaver?


Thanks! Kristin
0
 
LVL 70

Expert Comment

by:Jason C. Levine
Comment Utility
Hi Kristin,

I'll answer the DW part of the question.

Using CSS with DW is pretty easy.  There is a way to create and edit style entries from a Wizard that pretty much eliminates the need for hand-coding the CSS.
0
 
LVL 23

Expert Comment

by:Alan Henderson
Comment Utility
Hello Kristin,
It's more or less the same as Jason1178 describes with EW. You can create or modify a style in a dialogue box without knowing any scripting.
In both programs an external style sheet is easily created or edited even if you only have a minimal knowledge of CSS. As you edit the sheet autoprompts give you a choice of available properties and values for the selector you're working on.
It's easy - honest!
0
 

Author Comment

by:forcedexposure
Comment Utility
Thanks for your input, everyone!

I think I'll spend a couple days with the Web Expressions product as a free demo and see what's involved in learning it. If it looks like it can be learned quickly enough for this project, we'll employ it. The site has around 40 pages and it would be nice to be able to easily make modifications for future upgrades.


Best Wishes, Kristin
0
 
LVL 29

Expert Comment

by:rdivilbiss
Comment Utility
Then learn the dynamic web templates part first.

Most of your pages will be relatively static, header, navigation, footer, etc. DWT, will let you concentrate on the page content separate from those elements.
0
 
LVL 23

Expert Comment

by:Alan Henderson
Comment Utility
I'm with rdivilbiss.
If you're not sure about DWTs, have a look at this page:
http://www.mistywindow.com/

The top banner and the side bar are an attached  DWT.

You can see the DWT here:
http://www.mistywindow.com/misty.dwt

All you do is create the content that you want to appear on multiple pages and save it as a DWT file rather than as an HTML file.

Then you create the content of each new page and attach the DWT to it.

Good luck.

Que's book "Special Edition - Using Expression Web is very good.
There are also some links to tutorials here:
http://www.mistywindow.com/reference/web-design-resources.htm
0

Featured Post

Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

Join & Write a Comment

Author Note: Since this E-E article was originally written, years ago, formal testing has come into common use in the world of PHP.  PHPUnit (http://en.wikipedia.org/wiki/PHPUnit) and similar technologies have enjoyed wide adoption, making it possib…
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
The purpose of this video is to demonstrate how to update a WordPress Site’s version. WordPress releases new versions of its software frequently and it is important to update frequently in order to keep your site secure, and to get new WordPress…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

744 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

18 Experts available now in Live!

Get 1:1 Help Now