Go Back   MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Reply
 
Thread Tools Search this Thread Display Modes
Old Aug 5, 2012, 07:22 PM   #1
Niko91
macrumors member
 
Join Date: Jun 2011
Location: Italy
Web design software for "beginners"

Hi all!
I've just started studying HTML and CSS in these weeks and I was wondering which software should I use for web designing. (It's a kind of hobby, I love it)

I want a software to grow up with, that I can learn well while I'm studying the code and will become my "best friend" for making websites

I know that the most "famous" are Coda 2, Dreamweaver and Sublime Text 2. I've also heard about Flux 4, Rapidweaver and Freeway.
So, what do you recommend to me?

Thank you!
Niko91 is offline   0 Reply With Quote
Old Aug 5, 2012, 07:44 PM   #2
Dornblaser
Guest
 
Join Date: Sep 2011
Location: Chicago-area
I use a combination of Dreamweaver, along with CS 6 suite, and Coda 2. If Dreamweaver is within your budget, I would start there.
Dornblaser is offline   0 Reply With Quote
Old Aug 5, 2012, 07:57 PM   #3
Niko91
Thread Starter
macrumors member
 
Join Date: Jun 2011
Location: Italy
Thank you for your answer
Yeah, Dreamweaver is in my budget and I'm quite familiar with Adobe's product since I've used Photoshop for years, now.
Maybe I'll give it a try
__________________
iPhone 4S, 32 GB, Black
MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM
Niko91 is offline   0 Reply With Quote
Old Aug 5, 2012, 09:23 PM   #4
lucidmedia
macrumors 6502a
 
Join Date: Oct 2008
There are two very different types of software you list: some are WYSIWYG editors, and some are text-only editors.

The WYSIWYG tools are fun, but (in my opinion) are more useful for hobbyists and tweakers. The code they output is overly verbose, inflexible, and lacks the semantic ordering that (currently) only human thought can produce. Yes, tons of people use them, but they are not used "in the industry" by any reputable front-end web designer or developer I know.

If you want a tool that you can grow into, I would jump right into a text editor like Coda, Espresso, Textmate or similar. This will make you focus on the markup you write and give a better understanding of what is happening (and why) when your HTML/CSS is rendered in a browser.

Dreamweaver is a program stuck between two worlds - it has both a WYSIWYG mode and a text editor - but I still do not recommend it for beginners. I have seen too many beginners develop bad habits or become reliant on some of its WYSIWYG features. Dreamweaver was once the tool of choice in web design, but over time the majority moved away from it towards something lighter and more nimble.
lucidmedia is offline   4 Reply With Quote
Old Aug 5, 2012, 09:38 PM   #5
Dornblaser
Guest
 
Join Date: Sep 2011
Location: Chicago-area
Quote:
Originally Posted by lucidmedia View Post
There are two very different types of software you list: some are WYSIWYG editors, and some are text-only editors.

The WYSIWYG tools are fun, but (in my opinion) are more useful for hobbyists and tweakers. The code they output is overly verbose, inflexible, and lacks the semantic ordering that (currently) only human thought can produce. Yes, tons of people use them, but they are not used "in the industry" by any reputable front-end web designer or developer I know.

If you want a tool that you can grow into, I would jump right into a text editor like Coda, Espresso, Textmate or similar. This will make you focus on the markup you write and give a better understanding of what is happening (and why) when your HTML/CSS is rendered in a browser.

Dreamweaver is a program stuck between two worlds - it has both a WYSIWYG mode and a text editor - but I still do not recommend it for beginners. I have seen too many beginners develop bad habits or become reliant on some of its WYSIWYG features. Dreamweaver was once the tool of choice in web design, but over time the majority moved away from it towards something lighter and more nimble.

Yes, but DW is still industry/web standard. If he is comfortable with PS I would suggest keeping him in the CS universe. He has yet to take coding class so moving him beyond DW may frustrate him. IMHO.
Dornblaser is offline   0 Reply With Quote
Old Aug 6, 2012, 12:13 AM   #6
fig
macrumors 6502a
 
Join Date: Jun 2012
Location: Houston, TX
Quote:
Originally Posted by Dornblaser View Post
Yes, but DW is still industry/web standard. If he is comfortable with PS I would suggest keeping him in the CS universe. He has yet to take coding class so moving him beyond DW may frustrate him. IMHO.
Enh, sorta. If you can actually code you won't have a problem using Dreamweaver, but being able to use Dreamweaver doesn't mean you can make a well coded website.

You don't need coding classes to learn HTML, just a bit of a patience. I'd highly recommend learning at least the basics of HTML before learning DW or a similar program.
__________________
figdigital | @figdigital | dribbble
fig is offline   1 Reply With Quote
Old Aug 6, 2012, 03:46 AM   #7
Niko91
Thread Starter
macrumors member
 
Join Date: Jun 2011
Location: Italy
Thank you all for answers

I've already learnt some of the basics of HTML and now I'm starting a more in-depth study. ( Oh, I'm a DIY, I'm studying with books and internet )
To do that, anyway, I'd like to have a software with I can become comfortable with and that I'm going to use both for learning and, in future, making websites.

Reading your advices, well, I don't know
So, the decision is between DW and Coda or Sublime Text, right?
__________________
iPhone 4S, 32 GB, Black
MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM
Niko91 is offline   0 Reply With Quote
Old Aug 6, 2012, 03:52 AM   #8
kemo
macrumors 6502a
 
kemo's Avatar
 
Join Date: Oct 2008
Location: /Users/kemo
It all depends on you personal preferences. Actually Coda 2 has more features (Code snippets or how they call it, FTP etc.) than Sublime I'd say, but my idea is that if I'm choosing TextEditor I choose the one that do what it is intended to do the best. And that I think Sublime is instead of Coda 2. I did try Coda 2 on day one, it was released and I did get back to TextMate after 2 days. Sublime is pretty fast, it, if I remember correctly, has even auto complete, but I personally like TextMate more. I have been using it like 5 or more years and all the work behind bundles and settings I made...I just not like going to switch it soon.

Whatever you choice will be, I wish you good luck!
__________________
~ http://tehkemo.com
~ AKG k701 + Nuforce Icon HDP
kemo is offline   0 Reply With Quote
Old Aug 6, 2012, 04:10 AM   #9
El Awesome
macrumors 6502
 
Join Date: Jul 2012
Location: Zurich
I only know the basic stuff of HTML and CSS. DW is pretty cool for me, it goves out pretty good results.

If you're interested: My homepage.
It's german, but it's more about the layout stuff.
__________________
Hackintosh 3.5Ghz i7 3770k, 32 GB RAM, eVGA GTX 680 2048 MB SuperClocked, Samsung 830 128GB SSD
MacBook Pro Late '08 2.8 Ghz C2D, 4GB RAM, Nvidia 9400M & 9600M GT
El Awesome is offline   0 Reply With Quote
Old Aug 6, 2012, 05:46 AM   #10
Niko91
Thread Starter
macrumors member
 
Join Date: Jun 2011
Location: Italy
This morning I downloaded the trial of Sublime Text 2, Coda 2 for the "editor group" and DW, Flux 4 for the "WYSIWYG group".
Of these, I prefer Sublime Text 2 (fast and lightweight, even if it doesn't have all the features Coda 2 has) and DW (I feel comfortable with Adobe's product layout).
They're very different, anyway.
(I also tried Rapidweaver: I don't think it's what I'm looking for.)
__________________
iPhone 4S, 32 GB, Black
MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM
Niko91 is offline   0 Reply With Quote
Old Aug 6, 2012, 07:44 AM   #11
AFPoster
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
I am in the beginner stages right now as well and this is what I've found to be the best option.

Coda2 & Pixelmator.

Also take a look at this incredible resource "Team Treehouse". If you want to use them let me know because I can refer you and you'll receive a great discount.

My reason is this: don't use Dreamweaver / Rapidweaver or anything application that pre-codes while you mock-up. It takes away from you really knowing how to code and what coding does. It's one thing you use these tools when you're advanced but in the beginner stages you need to learn how to walk before you can run, so in this case learn to code before you use advanced tools that take you away from coding.
__________________
2014 15" Retina MacBook Pro 2.5Ghz i7
iPad 2 32gb (white)
iPhone 6+ 64gb (white)
iPhone 5s 16gb
AFPoster is offline   0 Reply With Quote
Old Aug 6, 2012, 07:59 AM   #12
gr8whtd0pe
macrumors 6502
 
Join Date: Feb 2008
Location: Belle, WV
Send a message via AIM to gr8whtd0pe
Front page. :P
__________________
Kirk
27" iMac | aTV2 | 5 | iPAD "3" | +
WVMS | CREATEITFOR.ME | FB
gr8whtd0pe is offline   0 Reply With Quote
Old Aug 6, 2012, 09:26 AM   #13
fig
macrumors 6502a
 
Join Date: Jun 2012
Location: Houston, TX
Quote:
Originally Posted by AFPoster View Post
I am in the beginner stages right now as well and this is what I've found to be the best option.

Coda2 & Pixelmator.
Slightly off-topic, but Pixelmator is a surprisingly capable and very inexpensive Photoshop clone. I've got it on my wife's laptop so she can edit and resize photos for her blog and create simple graphics and you can actually do quite a bit with it. Not a bad alternative for people who can't afford Photoshop.
__________________
figdigital | @figdigital | dribbble
fig is offline   2 Reply With Quote
Old Aug 6, 2012, 09:59 AM   #14
AFPoster
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
Quote:
Originally Posted by fig View Post
Slightly off-topic, but Pixelmator is a surprisingly capable and very inexpensive Photoshop clone. I've got it on my wife's laptop so she can edit and resize photos for her blog and create simple graphics and you can actually do quite a bit with it. Not a bad alternative for people who can't afford Photoshop.
Yes Pixelmator was completely off-topic, but when creating sites you deal with images and this is the best resource out there for the money. I'm not a high-end graphic user so Photoshop is useless to me when Pixelmator is a tenth the price and does everything I need. Good follow up fig, just had to piggyback on it.
__________________
2014 15" Retina MacBook Pro 2.5Ghz i7
iPad 2 32gb (white)
iPhone 6+ 64gb (white)
iPhone 5s 16gb
AFPoster is offline   3 Reply With Quote
Old Aug 6, 2012, 11:44 AM   #15
Dornblaser
Guest
 
Join Date: Sep 2011
Location: Chicago-area
There is also Photoshop Elements for an inexpensive photo solution.
Dornblaser is offline   1 Reply With Quote
Old Aug 6, 2012, 12:04 PM   #16
Niko91
Thread Starter
macrumors member
 
Join Date: Jun 2011
Location: Italy
Thanks everybody.

Well, even if I'll choose DW, I'll use it in Code view for learning HTML and CSS better. Then, I'll see.

I think that's the biggest problem: if I start using DW in Code view (since I want to learn well HTML and CSS), shouldn't I need, maybe, a cheaper text editor and work with that immediately?
__________________
iPhone 4S, 32 GB, Black
MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM
Niko91 is offline   0 Reply With Quote
Old Aug 6, 2012, 12:21 PM   #17
AFPoster
macrumors 65816
 
Join Date: Jul 2008
Location: Charlotte, NC
Quote:
Originally Posted by Niko91 View Post
Thanks everybody.

Well, even if I'll choose DW, I'll use it in Code view for learning HTML and CSS better. Then, I'll see.

I think that's the biggest problem: if I start using DW in Code view (since I want to learn well HTML and CSS), shouldn't I need, maybe, a cheaper text editor and work with that immediately?
Check out TextMate inexpensive and gets you ready to go. HTML wise you won't find a better editor than Coda2. Dreamweaver is great if you're going to use only Adobe products and sticking to their ecosystem (Flash, Photoshop, etc). Most text editors offer a 30-day trial which I recommend taking advantage of to find what you like.
__________________
2014 15" Retina MacBook Pro 2.5Ghz i7
iPad 2 32gb (white)
iPhone 6+ 64gb (white)
iPhone 5s 16gb
AFPoster is offline   0 Reply With Quote
Old Aug 6, 2012, 12:24 PM   #18
Titanium81
macrumors 6502a
 
Join Date: Jun 2011
Two Thumbs up for "Coda2 & Pixelmator" that is all you really need.
__________________
2012 13" MacBook Air 1.8GHz i5 8GB Ram 128GB SSD - 2012 Mac Mini 2.6Ghz i7 16GB Ram 256GB SSD - 27" Thunderbolt Display - iPhone 4S 32GB LifeProof Case - iPad 4 16GB
Titanium81 is offline   1 Reply With Quote
Old Aug 6, 2012, 12:46 PM   #19
fig
macrumors 6502a
 
Join Date: Jun 2012
Location: Houston, TX
Quote:
Originally Posted by Dornblaser View Post
There is also Photoshop Elements for an inexpensive photo solution.
True, though at $15 Pixelmator is far cheaper and I think a more complete app than Elements.



Quote:
Originally Posted by AFPoster View Post
Check out TextMate inexpensive and gets you ready to go. HTML wise you won't find a better editor than Coda2. Dreamweaver is great if you're going to use only Adobe products and sticking to their ecosystem (Flash, Photoshop, etc). Most text editors offer a 30-day trial which I recommend taking advantage of to find what you like.
I've actually got TextMate as well, but for only $25 more it's probably worth it just to buy Coda 2.

You're right on the 30-day demos though, you could try Coda 2 and Espresso for a while and get a lot of coding done.
__________________
figdigital | @figdigital | dribbble
fig is offline   1 Reply With Quote
Old Aug 6, 2012, 04:52 PM   #20
Niko91
Thread Starter
macrumors member
 
Join Date: Jun 2011
Location: Italy
Oh, another thing.
Which is better between lynda.com, Team Treehouse and Code Academy as source for studying?
Thank you for everything, I almost made my decision!
__________________
iPhone 4S, 32 GB, Black
MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM

Last edited by Niko91; Aug 6, 2012 at 07:06 PM.
Niko91 is offline   0 Reply With Quote
Old Aug 6, 2012, 07:42 PM   #21
Titanium81
macrumors 6502a
 
Join Date: Jun 2011
By The Way... Sweet Mac you got there. My 2012 MacBook Air is lighting fast, I can only wonder what a "MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM" would be like.
__________________
2012 13" MacBook Air 1.8GHz i5 8GB Ram 128GB SSD - 2012 Mac Mini 2.6Ghz i7 16GB Ram 256GB SSD - 27" Thunderbolt Display - iPhone 4S 32GB LifeProof Case - iPad 4 16GB
Titanium81 is offline   0 Reply With Quote
Old Aug 6, 2012, 11:37 PM   #22
anthonytkim
macrumors newbie
 
Join Date: Nov 2011
Check out espresso. I have used coda before and like espresso a whole lot better!

And if you are going to be doing any FTP transfers, I highly recommend Transmit!
__________________
21.5" iMac / 15" MBP / 13" UMB / 32 GB iPhone 4 / 23 GB LTE iPad
Creative Director - KINGDOM ENTERPRISES
anthonytkim is offline   0 Reply With Quote
Old Aug 6, 2012, 11:43 PM   #23
Dolorian
macrumors 65816
 
Dolorian's Avatar
 
Join Date: Apr 2007
Quote:
Originally Posted by Dornblaser View Post
Yes, but DW is still industry/web standard.
Is it, really? Every fellow web designer and programer I know (and even those popular ones that I follow on Twitter and Google+) don't use DW for their work. They use programs like TextMate, Coda, Espresso, Sublime, NetBeans and even BBEdit.

As far as the OP goes, I would recommend getting Espresso 2. IT's live editing preview and X-Ray feature for both CSS and HTML is invaluable and will help you learn and understand the code you write.
Dolorian is offline   1 Reply With Quote
Old Aug 7, 2012, 06:16 AM   #24
oxfordguy
macrumors 6502
 
Join Date: Feb 2008
Location: Oxford, England
I like Sublime text 2 more than Textmate for code editing, especially as you can use it for free, but they're quite similar.
__________________
13" Macbook Air (mid-2012), 2.0Ghz i7, 8GB RAM, 256GB SSD (Samsung Display/SSD); 15" Macbook Pro (early-2008), 2.53Ghz C2D, 6GB RAM, 256GB Crucial M4 SSD; 32Gb iPhone 5 White; 16GB iPhone 4 Black
oxfordguy is offline   0 Reply With Quote
Old Aug 7, 2012, 07:09 AM   #25
Niko91
Thread Starter
macrumors member
 
Join Date: Jun 2011
Location: Italy
Yesterday and today I've been using ST2, Coda 2, Espresso 2 and DWCS6.

The worst of these, for me, at the end, I think it's DW.
I find it too bloated and chaotic, even if I come from Photoshop.

I'll go, I think, or with Sublime Text 2 or with Coda 2.
Also Espresso 2 is nice. The CSS Editor in there is wonderful
__________________
iPhone 4S, 32 GB, Black
MacBook Pro Retina, i7 2.6 GHz, 512 GB SSD, 16 GB RAM
Niko91 is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Web Design and Development

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Web Design Software for a Newbie ptadier Web Design and Development 12 Nov 27, 2013 11:52 PM
Web design software. burnsranch Web Design and Development 2 Jun 24, 2013 08:27 PM
what web design software is optimal for search engines? Paul.Donahue Web Design and Development 7 Nov 27, 2012 07:02 AM
Best Web Design Software? Klae Mac Applications and Mac App Store 9 Oct 29, 2012 09:41 PM
MacBook Pro 13" and Creative Suite Design and Web Premium elvaj MacBook Pro 1 Jul 31, 2012 10:20 PM

Forum Jump

All times are GMT -5. The time now is 02:32 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC