Hi, I am new to web designing/development. I have a base on HTML/CSS. Please let me know which tool to be used for designing/developing a new website.

 

Welcome to the forum

 

If you have a decent base of HTML/CSS, then I'd suggest getting a decent code editor that you feel comfortable with. In my opinion, you don't really need that much in order to get on with the basics. If you're going to be developing (not my field), I would suggest something like WAMP or MAMP. I use the latter for developing with a CMS or code that implements PHP like a contact form.

 

Of course, you could invest in a graphics program for, well, your graphics on the web. You could go with Adobe Creative Suite at a premium, Sketch for the Mac or open source such as GIMP and Inkscape.

 

Then you have testing platforms and so on and so on. More importantly, where are you at at the moment? Do you have a site you're looking to build/practice/start a business? All these many many questions will influence the advice people can give you as to what is relevant.

 

Hopefully the above will help a degree even though the topic didn't begin with 'Please'

 

Enjoy the forum!

It depends on what type of site you want.

For a more or less static site just code the page in a html editor. Add some styling with CSS and maybe add some funtionality with JS. A site like that will usually render and run fast because the only code the browser only have to render the actual needed code .

For a blogpage you should either code a php framework with a database, or use a CMS like Wordpress.

For a corporate websites with software integration you might need more advanced frameworks.

EDIT: My own expieriece only extends the two first examples.

Edited May 22, 201313 yr by Nillervision

What Tools? Hmmm well. Personally I wouldn't do without the Adobe Suite, Filezilla, Notepad++ For coding I alternate between Dreamweaver and Notepad++ but mostly Notepad++

 

But if money is an object than I would recommend an open source graphics package, like GIMP, and of course notepad++ is free and amazing. I;ll be honest though, I haven't sampled GIMP yet but I'm assured in reviews that it is comparable to Photoshop.

 

For development You'll probably want WAMPserver software to develop databases and it's also worth checking our CMS systems like Wordpress and Joomla.

If you have the money, i would go for the tools GIMP and Sublime Text 2. The reason why i said if you have the money is because Sublime costs. I can't remember exactly but it is worth it! Makes coding more visual and easier to understand. It keeps me motivated as well with a slick black background and colorful text (tags ect)

If you have the money, i would go for the tools GIMP and Sublime Text 2. The reason why i said if you have the money is because Sublime costs. I can't remember exactly but it is worth it! Makes coding more visual and easier to understand. It keeps me motivated as well with a slick black background and colorful text (tags ect)

 

You don't actually need money for either, to be honest. GIMP is fully functional and free (and I highly recommend it if you don't have Adobe funds) and Sublime Text 2 currently offers ongoing full access without the need of a licence. However, it's super cheap and considering how much it costs (I think I paid well under £20) you make you're money back the minute you type <!doctype... Also you get access to ST3 beta, but I'd wait on that one for now

It depends on you that which designing tool is suitable to
you to design your website. There are numbers of web designing tools and many
of them are most popular like fireworks, Dreamweaver, Panic coda, Photoshop,
firebug etc, which are used to design website.
You can use these web designing tools to design your website. But it is
very difficult to say that which one is best because it’s totally up to you.

This is what I am currently using:

 

• Sublime text 2 - absolute god-send so many useful features to speed up the coding process and finding syntax errors

• Adobe Photoshop. I just use it as a tool to visualize how layouts might appear. My designs have all been fluid so far, so I'm not after pixel perfect PS design.

• Xampp as my simulated Apache server - I'm on a Windows machine.

• Firebug w Yslow. Yslow is very useful for optimizing your website for speed - showing number of http requests, file sizes etc, very useful, as is firebug.

• WordPress as my CMS of choice, still learning to master this cms but so far I've found it to be capable of everything I've asked of it.

• Filezilla as my FTP

• Prepros as my SASS / SCSS client - it is basically a Windows version of CodeKit and by default includes Compass.