Quantcast

Forums | MacLife

You are not logged in.

#1 2005-05-03 11:22 am

macandal
Member
From: San Francisco, CA
Registered: 2000-09-22
Posts: 309

HTML newbie

I want to learn HTML, so I got myself a book (yes, the Elizabeth Castro book) and started reading it.  A friend told me that I should buy a program to help me design my website.  He recomended Dreamweaver, a $400 program, which is fine, except, like I told him, that I want to learn HTML so I didn't need the program.  Or do I?  Why would I need this program if I know HTML?  Also, does BBEdit work in the same way as Dreamweaver?  What does BBEdit exactly do?  Thanks.


PowerMac G4 (Gigabit Ethernet) 450Mhz DP
1.5 GB RAM
OS 10.4.9

Offline

 

#2 2005-05-03 12:55 pm

BadMrMojo
Member
Registered: 2002-04-03
Posts: 171

Re: HTML newbie

A program like Dreamweaver is good because it gives you (nearly) instant gratification. You can quickly throw something together and have it work. There's something incredibly valuable in that... it's not a tangible thing but it is really hard to deny it.

A WISYWIG program is bad for the exact reason you brought up. It obfuscates the coding process. You're still learning, but not at the same rate or in the same depth as you would by going through and doing it by hand. Additionally, tools like Dreamweaver tend to write sloppy code and you'll undoubtedly be picking up some bad habits along the way.

It's a tough call, sometimes but I'd generally recommend just diving in and doing it by hand.


As to the other question, I'm a BBEdit fanboy. I've even got my "It still doesn't suck" T-shirt. BBEdit is sort of like TextEdit/Notepad/Simpletext on steroids. At its core, it's just a simple text editor. You type stuff in. That's it.

It's got a number of handy features built in. For the use you're describing, you'd appreciate things like:
- Palettes with all your commonly-used tags available
- FTP upload and download
- Automatic doctype
- Form-based syntax - just type in the stuff you want and it will spit out the proper code, which you can then see and learn from.

There are also a lot of free editors which people here swear by. I'd try one of those first (if I didn't already get BBEdit through work). See what you like.

Last edited by BadMrMojo (2005-05-03 12:57 pm)

Offline

 

#3 2005-05-03 1:09 pm

grumbleboy
Spendthrift
From: The Land of Pleasant Living
Registered: 2000-07-25
Posts: 908
Website

Re: HTML newbie

Definitely learn the HTML first--you'll need it to clean up the sloppy code if you ever decide to move on to Dreamweaver. I use DW mainly for the ease of organizing and maintaining numerous websites.

As far as BBEdit goes, just get TextWrangler for now. It's made by the same company (Barebones) and is a slightly lighter version of BBEdit--and it's free.

Offline

 

#4 2005-05-03 1:25 pm

zakatak
Member
From: Kalamazoo
Registered: 2004-08-05
Posts: 565

Re: HTML newbie

I find that DreamWeaver's AutoComplete for tag names and CSS properties is helpful. But there are many other options and $400 to learn the markup is a little silly... You can use any text editor you want and I have found that there are quite a few good candidates in the sticky at the top of the forum...

But for now you shouldn't need anything like DreamWeaver. Most of us don't need it, we just like it. Especially because the Mac and PC versions function similarly and are layed out in similar ways...

Offline

 

#5 2005-05-03 3:11 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

What zak said. 
I hand code everything but CSS (only about 50% of the time I hand code that).  But I hand-code in DW.  I love auto complete/tag closing and php on-the-fly reference.  (I can never remember the order of for some functions).  And I love the CSS editor.


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#6 2005-05-03 3:56 pm

Abu
Disheveled, Quite.
Royal Wombat
From: Minnesota, USA
Registered: 2000-02-06
Posts: 8764
Website

Re: HTML newbie

I hand-code all my HTML in Dreamweaver also. Like Scott, I love the code auto-complete. The fact that DW adds the </*> tag whenever I open a <*> means that I have far fewer badly-formed HTML errors when I'm done. However, unlike Scott, I hand-code all my CSS. I use CSSEdit for that, though. It offers the same kind of auto-complete as DW does with HTML. When I get going in CSSEdit, I can absolutely fly with my coding. It also "knows" what values can go with what attributes for those times that I've forgotten.

But anyway, you're talking about HTML. Yes, it's great to know the language and you should, by all means, read that book and get as much out of it as you possibly can. However, there's nothing wrong with using coding aides like DW and CSSEdit (and dozens of others like them). When used properly, even the worst WYSIWYG editor can be a boon to your productivity.


Look at it this way: you've sold as many paintings as Van Gogh—and you have both your ears.
Thanks, Dad.


www.joelschou.comwww.bothears.comwww.vault25.comwww.fuzzycoconut.com

Offline

 

#7 2005-05-03 5:25 pm

zakatak
Member
From: Kalamazoo
Registered: 2004-08-05
Posts: 565

Re: HTML newbie

Abu wrote:

even the worst WYSIWYG editor can be a boon to your productivity.

but do try to avoid FrontPage at all costs... it can take care of stuff quickly, but you'll probably spend more time trimming it back down than you would have by doing it right the first time...

Abu wrote:

I use CSSEdit for that, though. It offers the same kind of auto-complete as DW does with HTML. When I get going in CSSEdit, I can absolutely fly with my coding. It also "knows" what values can go with what attributes for those times that I've forgotten.

I'm pretty sure my DW does that too... it has little pop-ups for the CSS and shows me all the possible combinations of entries I can make... I've also found that I'm able to visualize the pop-ups later if I'm not using DreamWeaver and have just a text editor... quite often my visualized pop-ups are right even big_smile

but just so you realize... HTML w/out CSS is kind of like spaghetti without sauce... sure it's still spaghetti, and if there's some oil on it it's tasty, but toss on some sauce of your own concoction and next thing you know you've got a hit... (I think I have a real gift for nonsensical analogies)...

Welcome to the world of web-coding!

Offline

 

#8 2005-05-03 5:37 pm

Redstone
Member
From: The Blue planet , Belgium
Registered: 2000-12-22
Posts: 697
Website

Re: HTML newbie

to learn HTML you don't need any of the above.
I started learning by using Netscape free composer then viewing the code and seeing what does what. I only later got a book.
I still write all my code by hand using BBedit lite - it doesn't have any auto complete and a lot of the time I don't close tags, don't write the write doc etc.. but I can usually locate the problem and fix it.
It is much more gratifying to say you write the code your self - though take longer and usually not much better then the code that is written with other app. the real advantage is the ability to edit to the core.


New project : Goddess Of Destruction CD available online
Jingles writers
Check out http://www.darlingnikkie.com to discover the sonic world of Darling Nikkie (aka Jade4U)

Offline

 

#9 2005-05-03 5:52 pm

zakatak
Member
From: Kalamazoo
Registered: 2004-08-05
Posts: 565

Re: HTML newbie

Redstone wrote:

It is much more gratifying to say you write the code your self - though take longer

Actually it's most gratifying to get it done in the time constraints you have and then to know that you did it correctly and not get fired for taking too long than it is to feel all high & mighty because you can use notepad and you memorized every css command available...

Offline

 

#10 2005-05-03 6:03 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

zakatak wrote:

Redstone wrote:

It is much more gratifying to say you write the code your self - though take longer

Actually it's most gratifying to get it done in the time constraints you have and then to know that you did it correctly and not get fired for taking too long than it is to feel all high & mighty because you can use notepad and you memorized every css command available...

I agree totaly.  I could care less how the code gets there.  If there was a GUI that allowed me create html correctly and faster than by hand, I would use it in a heart beat.

But as it stands, with the auto-complete most things are faster in code view than using the GUI menus.  I am all about doing it quickest way possible.  (all else being equal)


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#11 2005-05-03 9:07 pm

MattElmore
Member
From: Tuscaloosa, AL
Registered: 2003-02-28
Posts: 1778
Website

Re: HTML newbie

skedit www.skti.org

small footprint, excellent autocomplete

good stuff

Offline

 

#12 2005-05-04 7:01 am

Redstone
Member
From: The Blue planet , Belgium
Registered: 2000-12-22
Posts: 697
Website

Re: HTML newbie

guys, the real reason I code by hand is because I didn't know better and can't really afford or justify spending of software that will help - so I was trying to justify it by some fake principals..
I still use bbedit lite for crying out loud.

there is nothing wrong in using a software to help you code your way too achieving what you want!!


New project : Goddess Of Destruction CD available online
Jingles writers
Check out http://www.darlingnikkie.com to discover the sonic world of Darling Nikkie (aka Jade4U)

Offline

 

#13 2005-05-04 10:11 am

zakatak
Member
From: Kalamazoo
Registered: 2004-08-05
Posts: 565

Re: HTML newbie

Redstone wrote:

guys, the real reason I code by hand is because I didn't know better

nah, coding by hand is preferred, it's just helpful to have some of these programs that can assist the hand-coding process. But honestly, you are much better off if you can code by hand in a text editor... I mean you can code websites in essentially any environment with a text editor (and I'm not sure of many that don't have some form of editor) and that's going to be good for you in the long run. Plus then you treasure the assistance more than you tend to rely on it.

(I coded my first "site" in SimpleText on System 7.5.5 and I'm glad to have started with that instead of a WYSIWYG)

Offline

 

#14 2005-05-04 12:14 pm

Stan
Member
From: Rock Island
Registered: 2002-04-09
Posts: 713

Re: HTML newbie

All of the "WYSIWYG" programs will do something unexpected once in a while. If you know a bit of HTML it's easy to fix it. The thing I like best about Dreamweaver is its split window that shows the code and the result simultaneously. It's often as easy or easier to just go and work on the code instead of trying to figure out what I did wrong trying to use the "WYSIWYG" part of the app.

Offline

 

#15 2005-05-04 3:24 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

I do think it is essential to be able to code by hand.  After you have the principles then you can use what ever tool benefits your workflow.   It is also essential if you do development.  In truth I rarely do any html at all.  Mostly I write scripts that create html.


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#16 2005-05-04 3:44 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

MattElmore wrote:

skedit www.skti.org

small footprint, excellent autocomplete

good stuff

Hey!  Nice app.  And great price point as well.


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#17 2005-05-04 4:36 pm

maxintosh
Registered: 2004-02-28
Posts: 3631
Website

Re: HTML newbie

I hand-code all of my HTML and CSS in SubEthaEdit. I just think that since I don't need any of the WYSIWYG capabilities, GoLive (which I have since I have the Adobe CS Premium) just confusifies things.

zakatak wrote:

but just so you realize... HTML w/out CSS is kind of like spaghetti without sauce... sure it's still spaghetti, and if there's some oil on it it's tasty, but toss on some sauce of your own concoction and next thing you know you've got a hit... (I think I have a real gift for nonsensical analogies)...!

You are forgetting that some of us prefer spaghetti without sauce. I cannot stand tomatoes. I have my pasta absolutely plain, or sometimes a bit of butter (not enough to make it pool up at the bottom, JUST RIGHT) and no oil either. Although at my Bar Mitzvah they put huge chunks of tomatoes on the spaghetti which I has specifically specified to be PLAIN!!!!!!!!!!

Offline

 

#18 2005-05-04 4:43 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

maxintosh wrote:

I have my pasta absolutely plain, or sometimes a bit of butter (not enough to make it pool up at the bottom, JUST RIGHT) and no oil either.

Ditto, though I like it with a some garlic in the butter.  But I do enjoy a good tomato sauce now and then.


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#19 2005-05-05 5:36 pm

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

MattElmore wrote:

skedit www.skti.org

I like it, but it crashes too often.  Maybe a Tiger verison will address that.
When it becomes more stable, I am gonna buy it.


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

#20 2005-05-05 9:53 pm

Gipetto
Yankee Doodle's noodle
Royal Wombat
From: People! Ahg!!
Registered: 2000-09-24
Posts: 9941
Website

Re: HTML newbie

skEdit is pretty good to me. The only crash I get is that if I eject a network volume without closing the project first. skEdit will promptly freak out if I do that.

Having HTML Tidy built in and a routine to clean up Word HTML is really nice.

Last edited by Gipetto (2005-05-05 9:55 pm)

Offline

 

#21 2005-05-05 9:54 pm

Gipetto
Yankee Doodle's noodle
Royal Wombat
From: People! Ahg!!
Registered: 2000-09-24
Posts: 9941
Website

Re: HTML newbie

Oooh, now that I have Tigger I'm gonna have to give TextMate another try. It liked to freak out when loading info from networked drives, I wonder if that is better on Tigger.

Offline

 

#22 2005-05-05 11:31 pm

Light Speed
Doubter of Einstein
Registered: 2002-08-17
Posts: 3694

Re: HTML newbie

Gipetto wrote:

Oooh, now that I have Tigger I'm gonna have to give TextMate another try. It liked to freak out when loading info from networked drives, I wonder if that is better on Tigger.

Tigger

Tigger 2

Offline

 

#23 2005-05-06 12:45 am

Scott
Zombie Gorilla
From: Oregon
Registered: 2002-12-07
Posts: 3446
Website

Re: HTML newbie

I really like TextMate a lot.  But I only have about 6 more days on the trial and it is about $50.   

I really like the project manager.  Esspecially the ability to have full control over the contents of a project.  TextWrangler, JEdit and skEdit only show you the actual content of the root of your project folder. TW just shows a list of open files.  With the TM you create projects and can arrange them however you want regardless of the location of the files.  This is great for large projects where you only really work on a few key files and/or have a complex file structure.  It is clean, simple, powerful and works exactly like you want.

But it has limited customization options or the ones it does have are unessecarilyl complex.  Change the markup coloring is a pain.  I would like the option of auto completing and basic html tag closing.  (but it does have AS hightlighting from the get go).

Some of these issues are going to be addressed in the next version.  So, I'll check it out again then.  But for now, I cannot justify $50 when TW is free.  It TW wasn't free or really sucked, then sure.


http://www.greatgamesexperiment.com/images/logo_kit/468x60-Blue.gif

Offline

 

Board footer

Powered by PunBB 1.2.6
© Copyright 2002–2005 Rickard Andersson