Designing A Dreamweaver Site
Whether you are creating a website for yourself, your company, a special project, or whatever, the hard part is envisioning what you want the site to look like, what color schemes you want to use, graphics, and layout. Here are some things to consider:
- Layout – This deals with how the page is going to look, where the navigation is going to be, the placement of graphics, tables, etc.
- Color Schemes – This deals with what the primary colors of your site are going to be. Afterall, you want the colors on your site to be consitent and to compliment each other.
- Main graphics – This includes the header of your page, how big the header is going to be, other major graphics that you may want to include as a part of the design of your site.
- Tables – This is a part of almost any site, but it has to do with the order, structure, and look of your site.
Unless you are very creative and have had special designing classes, here is my primary suggestion:
Use Dreamweaver templates in building your web sites.
I have used many of them. Some paid. Some free. I have designed a few of them myself, but after a while, I ran low on creativity. I have also paid a firm in Dallas to create one for me.
I went to Google and typed in “Dreamweaver Templates. This pulls up a bunch of free and paid templates.
The free templates are not bad, and are good for creating a simple site. You will get what you paid for here… some free stuff. Let me caution you, though, on the free stuff. It may not be as free as you think. Many times the programmers embed hidden or encrypted links from your site to theirs. This is especially true with WordPress templates. Be careful when you get something free, because you’ll end up paying for it one way or another. These are bad for hobbies and personal sites.
The paid templates are not bad. I got most of mine from Template Monster. They will cost you about $40-$60, give or take a little bit. You get a template with the HTML, Javascript, Flash, and CSS code. It has a bunch of graphics that come with it, and it’s all been laid out for you. You just need to make a few tweaks here and there to customize it. It would help if you had a program to edit the graphics, especially the PSD formatted graphics. I recommend Template Monster because you aren’t going to get any hidden or encrypted code. If you want to make money or run a small business, then try these paid templates. You can really get a professional look.
Custom Templates are great, but be willing to pay. I paid $1200 for my custom template. It was done by a company in Dallas, 123Triad. They did great work. Generally speaking, you give them some design ideas, graphic ideas, etc. They send you back one or two ideas and work with their team to come up with a possible layout and design, and then you choose what looks good or sounds good. They give you 3-5 ideas for proofing. You make suggestions back and forth, and you finally have your finished design. The good thing about this is it is 100% unique to you and no one else can copy it. The custom templates are great if you are launching a major business or have been in business for a while and want to step up your professional appearance.
I suggest using templates, especially if you are going to be working on multiple sites over time. Fork out a few bucks, and you have a very professional look and design. It can also save you tons of hours of the initial design process.
Why You Need To Learn Dreamweaver – Jobs!
I got to thinking as I was writing another post about why anyone would want to get Dreamweaver CS5, or any other version, over any other type of HTML editor. Let’s list just a few of them:
- Adobe Dreamweaver
- Coffee Cup
- Web Studio
- Microsoft FrontPage
There are a dozen other ones, and then there are about a hundred other free HTML editors out on the market. But… why Dreamweaver?
Here is one HUGE reason why – Jobs!!
If you go to any job listings board, Monster.com, Careers.com, or even just go to Google and do a search for “Dreamweaver Jobs,” you will find dozens, hundreds, and in some listings, even 2,000+ listings for employers wanting canidates with DW skills. Take a second and go take a look for yourself.
Not once did I see any listings for someone looking for a person who was good at WYSIWYG, FrontPage, Coffee Cup, or anything else. If there are, they aren’t going to be a serious employer.
The Bottom Line – The top employers and companies out there want a person to know how to use Dreamweaver. All these companies know that this is the number 1 HTML editor on the market. It is the standard by which all other editors are judged.
If, building your resume’ and making yourself more employable by being able to code and edit, so that a top company would want to hire you, then it is time you take the steps to learn Adobe Dreamweaver CS5. Period!!
Listen, it’s not that hard. I taught myself with a book I bought at Barnes and Noble more than a dozen years ago. But, it’s even easier these days with the online video tutorials.
As 2012 gets underway, take the time, learn, hone your skills, and build your resume.
Get plugged into a Dreamweaver Video Tutorial today.
Learning Code vs. WYSIWYG
Many of the current web editors have a WYSIWYG (what you see is what you get) editor. You don’t need to really know HTML, CSS, or any other code. You just move things around, click on the icons, and build your website.
Dreamweaver, Frontpage, and others all have this. If you have this, do you really need to learn to code?
I would say… definitely yes. Let me give you 3 reasons why you need to learn HTML, CSS, javascript, or whatever:
First, the code is more simple. If there are two programmers who design a web page that look very similar – one did it by coding the page – the other did it by using the WYSIWYG editor – here is what I found.
The person who did the coding would have almost half, if not less, actual code on the page. If you look at the actual source code that a WYSIWYG produces, it is at least twice as much code than the coder’s.
Simple code is easier to manage, easier to edit, and simply looks better (which would be important if you are not the only one viewing the code).
Second, coded pages rank better than WYSIWYG pages. While this is a very general statement, if all things were equal, and you had the same two near-identical pages again, the simpler page would rank better because it loads faster and is more easily read by the browsers.
I have seen this when I go to Google. I can find two pages that are similar. The coded page gets ranked higher.
Granted, there are many, many, many ranking factors when it comes time to get your web pages ranked in the search engines, but why not put things in your favor and learn to code.
Third, learning to code will get you a better job. Again, a general statement, but, who would you rather hire if you were the boss? If all things are relatively equal, except that one guy coded his pages and the other guy was a WYSIWYG guy… hands down the coder gets the job.
Why? Learning code takes extra work. It takes extra commitment. It demonstrates you will go the extra mile to get the job done right, and best. That is the kind of guy that gets hired and promoted, over the lazier person who plays with his WYSIWYG editor.
Take it for what it’s worth… but learn to code. It will not be a skill you’ll regret having taking the time to learn.
Stick With Dreamweaver Video Tutorials
If you’re using Dreamweaver and you get stuck with some kind of code – say you are doing tables and you are looking for attributes to configure tables in your HTML – where do you go? How do you figure out how to code something on your website? Here are the options:
- Go to the help menu within Dreamweaver and try and search for your issue. This is okay, but can be a bit hard to understand, and sometimes the index of the help menu never cooresponds with what you’re looking for.
- You can go to Google and search for it. You can search for “HTML Table Attributes” and see what comes up. Then, dig through the different websites as one person tells you to be using CSS to control your tables and another person showing you how to use the style attribute to add it right into the Table tag. I did this for a long time. For several years, this was the only option. I would search, find, and code. It works, but I wasted a lot of time.
- You can go to Barnes and Noble and get an HTML book. Not a bad idea. I did this as well. I spent about $30 and bought a pretty comprehensive book on learning HTML. I used it as a reference for quite a long time. For the most part, this worked. But, a book like this has it’s limitations. In reality, you need about 3 or 4 books that will cover all the different aspects of coding. Still, with the pictures and examples, this is a good choice.
- Then came along Dreamweaver Video Tutorials. Here is why I like them. With the right tutorials, you can easily find what you’re looking for. In our example, we are looking for information on Table Attributes. You can watch, listen, and copy what is being done. Having someone talk you through the coding, the different variations and options, and then letting you see how the code looks, followed by examples, that is actually a better way to learn, retain, and emmulate what needs to be done in developing your website.
You can certainly do what you want. I like items #3 and #4 the most. I still like books. But, I prefer to watch, listen and learn.
One of the other things I like about watching video tutorials is that during the instruction the teacher will show you advanced ways to use that same code to take your websites to a higher level. That is something that you cannot pickup in any of the other 3 methods… at least not that easily.
On this site, I am not a part of or working for any particular company. I recommend the “Ask Brian Wood” video series because I think his stuff is the most comprehensive, easiest to follow, has the best understanding of Adobe products, and has very good, quick customer service. You can see a few of the banners on our site for the Ask Brian Wood Dreamweaver Video Tutorials. If you’re able to, I think they are the best of the best.
Adobe Dreamweaver vs. Adobe Muse
Over the last couple of months there has been some new excitement coming from Adobe with the development of their new web editor- Adobe Muse. So, what is Adobe Muse, what can it do, what can it not do, and what makes it different from Dreamweaver, and is Adobe hurting itself by having two different web editors on the market?
My first impression of Muse is that it is Adobe giving in to the Microsoft Frontpage-type audience and trying to reach an audience they have not been able to reach before – those people who either don’t want to spend the money on a full size, top of the line program like Dreamweaver, or those people who will never, ever want to learn HTML, and settle for some half-baked website.
As I looked at Muse a little closer, it is trying to compete against iWeb, Expression Web, Coffee Cup, and Frontpage, but wanting to take it up a notch were you do have more control over your site. You can place things with more precision and design a site that is much closer to using a real, grown-up editor like Dreamweaver. It is a true WYSIWYG editor. I imagine it is a bit rough around the edges, and early users may get a bit frustrated. Waiting for version 2.0 may be a better option once they get plenty of user feedback on how to make it better.
All the stuff you learn from your Dreamweaver Courses about HTML, CSS, etc. – throw it out the window. You won’t need it with Muse. It is not made for people who even have a rudimentary understanding of HTML.
One of the early complaints from some of the early users is that there are no templates and help with design. This is kind of important for those who are just getting started. I’m sure there will be templates created on the secondary market for people to purchase, but all you’re getting is the program, and that’s it.
My opinion is that Adobe entered a market that wasn’t necessary for it to enter. In reality, Dreamweaver has a WYSIWYG editor. You can build a site that is split screen or just the WYSIWYG editor. I have a friend who uses Dreamweaver CS4, and he has never touched a line of code. He just builds from the WYSIWYG editor, makes adjustments with the editor boxes at the bottom of the screen, and builds some nice sites.
I think the folks in the board room at Adobe got this one wrong. Why enter that market when you are the king of the universe with Dreamweaver? I don’t think Muse was built to be a stepping stone. If anything, make DW a little more friendly on the WYSIWYG side of things to capture a bigger audience there.
So, try it if you like, but I can think of something better to do with $149 than to buy Muse. You could buy the academic version of DW for about that price and have the best. Oh well… they didn’t ask me. Save your money and your brain and stick with Dreamweaver.




