Tag html

2 posts

In which I finish the HTML videos

I finished all the HTML videos on Team Tree House, made three pages, an input form, iframe box, chart, lists, various linkage and made my little inner geek happy. Actually ended up learning some things my husband didn’t know about which was also kind of fun. Posting screenshots because, well, I can’t link to any of my clever bits. This is the finished bit of everything I did today from the index page. I have a link to an alternate page (that hops to a different folder) and then a box (there’s also a link to that in the shot, it’s the “fun page”) with the third page (that isn’t in a folder) and the cool little input thingy I made up.
So much HTML learning
And the screenshot of the finished form – I wish I had a dev site open so you could click on it, because all the buttons work (though nothing is process-able, it’s all clickable and labeled).
 
Companion App
The next set of videos will take me into CSS3, more of HTML5, some javascript and I think some PHP too. I’m very excited about those…

Team Treehouse

I found this really great video tutorial on Web Design and Development by Team Treehouse. I’ve been watching them and all of the things I forgot about web design I’m now remembering. The beautiful thing about their videos though, is that 1) they start off with the current versions of html and css (HTML 5 and CSS 3) and 2) they INDENT!
Nothing is more annoying than un-indented and hard to read code. Maybe it’s because my husband writes lovely code and he’s the one who taught me, but when I view the source of pages and it’s all over the place and there aren’t any indents or easy ways to find what belongs where it’s really irritating. Admittedly, I don’t do this as much as I used to, but still.
Anyway, I watched the intro and the text series so far, and HTML 4/5 is much more simple than what I was writing a few years ago (xhtml). The videos are *really* basic too. Sometimes annoyingly so, because I already have a grasp on the language, but if someone is just starting out, they would be absolutely perfect (and hey, I love them) because they’re so easy to follow. Interestingly, they give a bit of background on the history of it too, which I found fascinating.
I downloaded MAMP and Alex did the thingy to connect it to my sites folder so I can practice locally, which is handy, but unfortunately, because it’s local, I can’t actually share linkage to my clever bits so a screenshot will have to suffice (it’s only HTML, nothing fancy at all).
HTML Page