So one thing I can have my 8 year old daughter learn tomorrow for "Bring Your Child To Work Day" is how to code HTML and maaaaybe CSS to build a website--which I believe is an essential skill to learn for her generation.<p>My Question is what do you think would be a great editor that will show code and results (design/WYSIWYG) for her to learn (and hopefully free)?<p>I know I can find some great beginner tutorials, but curious for suggestions on a kid friendly editor that allows for actual hard coding.
Notepad + some browser.<p>Best to start with the simplest and most transparent tools IMO, + its not really difficult to save, switch windows and refresh the browser.<p>I say this because a lot of HTML design tools take away the necessity to actually learn what goes on with the HTML and CSS, sometimes in subtle ways. If you want easy use MS Word and save as ".html" or FrontPage or whatever, but that won't teach her much about HTML or CSS directly...<p>(EDIT: Also they are free and available on every computer with a Windows on it since 2000/ME I believe.)
Ok I'll bite. I think you should make one for her.<p>Maybe not the answer you wanted but I've never been a fan of wysiwyg editing if you you want to learn how to <i>program</i> websites. What I mean to say is that it's good to be tied directly to the code and understand exactly what's going on through an actual development workflow. So having her sit in a text editor, then reload the browser page gives her that rawness. This also acts as a test to see whether shes is into the whole idea of being hackerish. I can tell you that writing "color:red" and reloading the page to see the color turn red was the catalyst that got me down the word to being a programmer. I never got the same feeling from using photoshop, which I think is a good analog to using a wysiwyg editor.<p>No offense to designers but I think this approach <i>eventually</i> pays off a lot more than being handicapped by dreamweaver.<p>Best of luck to you.