FRIHOSTFORUMSSEARCHFAQTOSBLOGSCOMPETITIONS
You are invited to Log in or Register a free Frihost Account!


How to design a website





silentdae
Okay, to be honest, i'm pretty much new to website design. I'm a programmer, not a website designer. I don't really know where to get started.

What programs do you guys/gals use to design your websites? I'd like to know what the most popular one is today, i think the only one i've even heard of is Dreamweaver. I'd also like to use flash applets (java applets are too slow!), any good websites to learn about that?

My real question is what program should i use to design my website?
TribalArt
You can do some good stuff with dreamweaver and others like Microsoft Frontpage.

Generally if you hunt the internet for specific codes then you can find what you want to make a good website.

A good source is www.bravenet.com
b4r4t
First of all - you have to have IDEA ... grab pencil, blank paper and... draw schema Smile
Then , You have to insert it to Your computer...

WebDesinger will spend most of time in his favorite graphic program Smile

The best is Adobe Photoshop CS2 (CS3?) but it isn't cheap ...
PaintshopPro is OK too ... cheaper Smile
GIMP (GIMPShop) - It's free Smile

Now You have to draw whole design and slice the layout...
Then - just code ... You don't have to Use dreamveawer ... (but it's great peace of code - not free) - all You need is notepad++ or other notepad replacement Wink

Good source to learn is:

http://www.tutorialized.com Smile
Dragate
^ exactly...

Choose some image editing software to make your design come true visually, then learn some HTML, CSS, PHP, Java, or something

http://www.w3schools.com

Very good website for learning.

Get a WYSIWYG editor (what you see is what you get) type thing so you can get used to HTML or w.e code and get used to how coding ends up.

Practice lots, do lots of tuts, read some sources from other people, BUT DO NOT STEAL!

and have fun!~

Get the GIMP, free and good.
silentdae
Awesome! Thanks a lot you guys! I actually already have Photoshop CS2, Paint .NET, and the GIMP. I never realized so much time was spent on the graphics of web design.Thanks for the links too, they're looking really great. Now i just have to get my points back up!
{name here}
silentdae wrote:
Awesome! Thanks a lot you guys! I actually already have Photoshop CS2, Paint .NET, and the GIMP. I never realized so much time was spent on the graphics of web design.Thanks for the links too, they're looking really great. Now i just have to get my points back up!

Focus more on the code and content than the graphics. You can make good web designs without graphics, and you can make sites with a lot of traffic without images, or a small amount of images. The Best Page In The Universe and Freshmeat are proof.
silentdae
Oh alrighty. Ahhh yes, freshmeat, good example. Thanks. I'm learning CSS and relearning PHP/HTML now.
b4r4t
Try combine both - graphic and code Smile

For example... make this tutorial :
http://www.tutorialized.com/tutorial/Clean-Green-Template-Tutorial/21256
(It's easy... i've checked it...
http://img265.imageshack.us/img265/3127/templatka4ke.jpg
little changes:) )


then slice and code layout Smile

Next - find another tutorial, make it slice, code ... etc Smile

When You think, You're able to design yourself ... than draw Your own layout ... slice it , code ... Smile
silentdae
Nice! Thank you! That looks pretty awesome. It really exceeds my expectations, i didn't know there were nice step-by-step tutorials for things like that.
ravi_9793
u can also try dreamweaver....adobe cs2..
these are used for professional designing.
okullar
You may also try CMS'. They are not good starting for the people who don't know much about webdesign, I think but after you understand the main principles, they are good.
jylan
I find that http://www.alistapart.com is a very good resource for standards - compliant web design. You could also try http://www.w3csites.com for design ideas.
calicamper
Dreamweaver is the way to be if you're looking for a program to code with, Frontpage can get sloppy especially when you get down to lookin at the code.
-]X[iNTaYkE]X[-
frontpage is something that not much people use anymore, best combination of programs to use when designing a website is:

-Adobe Photoshop CS2 (I think they have a beta version of CS3 out or something)
-Macromedia Dreamweaver Professional 8
-Macromedia Flash Professional 8 (Not really needed, but it can make your site more attractive)

and you will also need a good FTP program to upload all of your things to the server that you are being hosted on.
hardcoregamer808
b4r4t wrote:
First of all - you have to have IDEA ... grab pencil, blank paper and... draw schema Smile
Then , You have to insert it to Your computer...

WebDesinger will spend most of time in his favorite graphic program Smile

The best is Adobe Photoshop CS2 (CS3?) but it isn't cheap ...
PaintshopPro is OK too ... cheaper Smile
GIMP (GIMPShop) - It's free Smile

Now You have to draw whole design and slice the layout...
Then - just code ... You don't have to Use dreamveawer ... (but it's great peace of code - not free) - all You need is notepad++ or other notepad replacement Wink

Good source to learn is:

http://www.tutorialized.com Smile

I agree with you, the best is Photoshop CS2, but if ppl can't afford it, just get GIMPshop, it's almost as good and does basically what CS2 can do except for all the complicated stuff. Of course you could always torrent it from Piratesbay or something but thats of course illegal, and I would never do such a thing... Or would I?
-]X[iNTaYkE]X[-
if you want the power of photoshop but cs2 is too expensive or complicated to use, get photoshop 7, its cheaper and possibly the easiest photoshop to use.
rajhank
The best way to design a website is get some gr8 tutorials and tips.

The best site can be searched on Google
xanarulz
The best and easiest way to save time when designing a web site is to use CSS, once you learn it your life will be a hell of a lot easier!

As for me I am learning php, and coding a online browser game using it too!
carlospro7
I use

For web designing:
Macromedia Dreamweaver. (I don't use the design part of it. I always prefer to write the HTML code myself.)

Graphics, animations, flash:
Macromedia Flash,
Macromedia Fireworks (Like photoshop type of program)
Gimp (Open source graphical program, VERY GOOD)

Development:
PHPEdit,
PHP Designer,

Transferring:
FileZilla,
SmartFTP

I see that someone mentioned www.bravenet.com
I would not recommend them. Their applications are not very flexible, and have ads all over. You are a programmer, so you are better off writing your own applications. If you haven't yet, learn PHP or any other popular web programming language.
stephancreelle
as mentioned , you should really use photoshop and dreamweaver. but as a step in between them two , use fireworks. its really handy to keep you design just as you liked it , and not having to worry about setting up the right tables and so on , because fireworks will do that for you. and you can always go back to fireworks if you want to adapt something. and for the dreamweaver part , be sure to use templates , its really a great help.
greetz
hannesfuger
hello!

so i also want to mention my design tipps!

a teacher of my school always said!

less is more!

i am also of this opinion! some simple elements are necassary to get a wonderful and exceptable homepage.

sometimes i see homepages which are full of grafical objekts and nonsense.
probably there are a lot of work behind such pages but the result doesn't look so!


please forgive my bad english!
achene
I started designing in photoshop. It's a good start (but expensive). Later you might want to add some more features to your design and by adding flash - a header for instance - you will make your designs more interesting.
A lot of people get help from tutorials as well.
illegalhost
Hi, actually good to know what is the website for.. Is it to show off your graphics? Or what? For other people to know more about certain products? So different webpages are styled differently - with a purpose. So attack your webpage in that direction. What are the things needed, i guess u can find surely in google.com or tucows.com (freewares, legally).. Personally graphics and content - both are equally important since one cannot live w/o the other. But there should be a balance. Just think of websites that are built with a speed of 56k in mind. You'll get the idea.
unraveling
Okay the basic programs you can use are Paintshop Pro and Frontpage. Both are cheap and easy to use.

But if you want to make a most awesomest website ever then use anything from Adobe, they know how to create great programs. Such as Photoshop CS3 Smile, Dreamweaver 8 Smile, and Flash 8 Smile. Adobe happens to be much more expensive too.

Hope I helped much.

-Joe
TheGeek
Dreamweaver is a good program. But I like getting my design templates from free CSS template providers online and then I edit the code using notepad and I do all the graphics in photoshop.
{name here}
okullar wrote:
You may also try CMS'. They are not good starting for the people who don't know much about webdesign, I think but after you understand the main principles, they are good.

CMSes are for people that don't want to sit there and modify everything through FTP. You should still know about web design because cookie cutting(using some other person's template found on a template site without modifying it) isn't really that good to practice.
Tex_Arcana
I agree with the less is more statement. If I can't do it with Bluefish and The Gimp it isn't worth doing ( my OS is Ubuntu Linux). Those two programs and a little knowledge are all I really need to turn out whatever kind of page I need.

Since your question refered to web design (which is different from coding and pretty pictures) you won't find any programs that will make you a good designer. You can have the best and most expensive software in the world and still come up with some pretty horrific design.

Good design can be learned though (if not good taste) and a couple of books on design and a few tutorials will get those concepts to you. Also make sure to check out web standards, especially those that apply to accessibility standards.

Also one of the best learning tools is to look at the codes of websites you like and see how it's done. A very good resource for doing this is Open Source Web Design www.oswd.org/ where you can down load tons of W3C compliant designs and open them up in your favorite editor at your leasure and study them.
flatliner
I myself find envorsoft 2006 pro to be a very good html editor. Although if you dont know html or any other web based languages it wouldnt be the one for you. it supports php cfm asp SSI , javascript . It has a nice libaury of easy insert tags. Although one thing , it doesnt have a running PHP enviorment , you would have to install that sperately.
KacperOo
I recommend you that:
- Download 30 days trial of Adobe Photoshop CS2 (I do not recomend CS3 version)
- Do some layout
- Cut it
- Save as web
- Use your html to edit design
- Public it
Done Very Happy
DandDer
be sure to use a color wheel, those things have saved me so many times from making retarded mistakes
imagefree
if you are a good programmer, Webdesigning and learning HTML or other languages for webdesigning would not be a difficult task for you.

You can use FrontPage and/or Dreamweaver for Designing. They are almost WYSIWYG.

If you want to make a very simple Static website, Frontpage is good for beginners. But if you want to work in depth for designs etc, use Dreamweaver 8 or later. (older versions have some problems)
cvkien
for me, i'm using dreamweaver as my html tools, then use macromedia flash as my animation and adobe photoshop as my graphic production. to create a good website or an interesting website which allowed user interaction, you must had php, java and sql knowledge. and also some good graphic skills.
budazz
dreamweaver will help you a lot.....though it is a WYSIWYG program..... it helps a lot for the 1st timer to do webdesign.....
JC Denton
I use Dreamweaver for the code-suggester. I don't use the WYSIWYG-stuf though.
©Wolfie
Hi Frihosters,

If you want to make a site, follow the next staps:

1. Think about your intention, what intention do you have?
2. How much "menu space" do you need for those items...? Draw a few designs on paper, think about the site and in what colours you want the site.
3. Sleep a night over it.
4. Start with a design on the computer and think about your designs on paper. Focus now on the colours you want to use. Do you want to have a fresh coloured site, or just a nice white-black-red site. There are a lot of sites with good colour palettes.
5. Design your CSS and try to make your design in a prog like dreamweaver.
6. Fill the design with your text.
7. Sleep again a night, and think about it!
8. You have a raw design now, try to optimize your style/design with CSS.
Think about your links, the hover and the normal situation.
9. Sleep again a night.
10. Now, optimize your design and fill it with text.

It's not so easy... It takes a lot of time!

Good Luck!
{name here}
imagefree wrote:
if you are a good programmer, Webdesigning and learning HTML or other languages for webdesigning would not be a difficult task for you.

You can use FrontPage and/or Dreamweaver for Designing. They are almost WYSIWYG.

If you want to make a very simple Static website, Frontpage is good for beginners. But if you want to work in depth for designs etc, use Dreamweaver 8 or later. (older versions have some problems)

Frontpage is probably the worst modern editor you could ever get...
ownaging
I use
frontpage,
Adobe Photoshop CS2 (for this u need know how),
Macromedia Dreamweaver

I think these are the most used progs for making a homepage
b4r4t
If You use dreamweaver than why You use frontpage (which isn't good program anyway) ?

Adobe Photoshop is Must Have Smile (but GIMPShop isn't bad eather)
Azmo
code by hand and learn what you are doing.. imo.. and yes, 90% of the chases.. less is more.. keep it simple and clean.. and think outside the box.. so boring to see all sites look the same..
PadraigCurran
Dreamweaver. CODE VIEW ONLY!Smile

There are some other nice programs like:

Coda - http://panic.com/coda (If you're on a Mac)
skEdit - http://www.skti.org/skEdit.php (Another one for Mac) Its $25 I think.
PSPad - http://www.pspad.com/en/ (Windows) Free
Notepad++ - http://notepad-plus.sourceforge.net/uk/site.htm (Windows) Free
HTMLKit - http://www.chami.com/html-kit/ (Windows)

Always hand code your website. Don't use a WYSIWYG editors and don't use tables. Use CSS and DIVs.Wink

Have a look at these sites for some inspiration:
http://cssmania.com
http://csszengarden.com
http://cssbeauty.com

I hope this has helped you out.

Pádraig Smile
kingtendo
By the way Macromedia has been taken over by Adove, so it is no longer called Macromedia Dreamweaver, It is Adobe Dreamweaver.
Anyway i recommend Pagetutor.
It's free and really good for all basic and some advanced stuff like magic buttons. And for more deeper and advanced tutorials, its $24.95 (I Think) for a lifetime pass. I really recommend it
panic15
Hmm, Adobe Photoshop is the biggest in the design genre. Although Macromedia (now adobe) Fireworks is also a big contender.

There are many sites out there that can help with simple or more advanced designs and give you ideas.

Here are a few:
http://www.pixel2life.com
http://www.good-tutorials.com
daviosoftware
Hello guys! I want to start a web site to sell my applications. I’m a C# developer but I don’t have to much experience in web design. I need a cheap way to start! Because of this I need to build my self the site.

Please give me some hints to do this.

This site should be a commercial one. So I need to know what technologies I may use (PHP, HTML) and what are the programs that you recomand.

Thanks
zjosie729
First you should create a good mockup in a paint program. I prefer Photoshop or GIMP.
Then you can code it, and for that I think a plain text editors works well. I never use anything like Dreamweaver or FrontPage.
Related topics
Do you use css to design a website?
Best Designed Websites?
Still Using Internet Explorer?? Why? It's just... stupid
[UNIK] -- Présentation des membre et de leur projet !! --
Website design question
to make web site
Top Website Design Programs
Design Website
www.dean23gfx.co.uk - New Graphic Design Site!
Game Design Website
Technology-type websites wanted for link exchange
Graphic Design and Web Design Website
Can i make money with my design?
Website Designing and Development Company in Hyderabad
Creative Web Design India
Reply to topic    Frihost Forum Index -> Webmaster and Internet -> Design Tips

FRIHOST HOME | FAQ | TOS | ABOUT US | CONTACT US | SITE MAP
© 2005-2011 Frihost, forums powered by phpBB.