Renzatic on 8/12/2014 at 07:05
I decided today to do something I've been meaning to do for awhile, but never got around to: learning web crap! I've pretty much discovered that I about suck at it. Just making a page of something I could whip up in 3 minutes in a word processor has taken me 10 goddamn hours to do. All these esoteric words! CONTAINERS? DIV! DDDIIIIIVVVVV! I don't know what DIV is!
But hey, I am making progress at least. I couldn't even do what you see here earlier today, and I kinda get the jist of...well...some things. Anyway, to get on with my question, how do I align pictures? I want to make it so that the picture along the bottom of my nav bar center aligns with my fake link text. Everything I try makes it jerk too far too the left, or too far to the right. I want more control over how I place things, but I can't seem to find out how to make it work.
Actually, since I'm on the subject, a few hints on being able to align things in general would be nice. I'm using percentages rather than pixels, because that seems to make more sense to me in this day and age of multisized screens. Thing is, I'm not sure how HTML defines its ratios. I don't know what 100% is, so I can't tell what setting something to 35% will do.
(
https://www.dropbox.com/s/ealeyjd6qapwky9/Index.html?dl=0) Here's the link to my HTML attempt. Feel free to critique, because I want to know if I'm doing something wrong or stupidly, and it'd be nice to kill any bad habits I might be developing before they set in.
gnartsch on 8/12/2014 at 20:09
Doooohhhh, that '404! Page not found' looks really nice ! ;)
Hmmm.... I doubt that dropbox allows you to upload the Index.html as is (without zipping it up),
because that would be clearly a security isse, since you could easliy upload a malicious page.
Renzatic on 8/12/2014 at 20:27
Actually, (
https://dl.dropboxusercontent.com/u/3018396/Index.html) it does. I just went all goofy stupid for a second, and provided a link to it as a file, rather than a webpage.
I've since discovered that what I need to be learning is some CSS. But while I'm banging it all out, you're still free to hit up what I've got, and see what I could improve upon.
Al_B on 8/12/2014 at 21:46
From what you've said and posted I personally think a bit of a primer in both HTML and CSS would help you immensely. I found (
http://www.sitepoint.com/store/build-your-own-website-the-right-way-using-html-css-3rd-edition/) this book to be a good introduction and although I don't know how much the latest edition covers HTML5 exclusively (I read an earlier edition). The table of contents suggests that it does cover it so if you're happy spending the money it might be worth checking it out in a bookstore or seeing if you can get it via your local library.
As far as what you've done it's a little hard to critique without knowing the end result you're trying to achieve. I've found it very useful to mock up a layout in inkscape or similar as an end goal although invariably you always end up with things that need to be cut down.
ZylonBane on 8/12/2014 at 23:34
For all practical purposes HTML5 is just HTML 4 with a less ambiguous spec and some audio/visual features to help it unsuccessfully supplant Flash.
Renzatic on 9/12/2014 at 01:08
Al, that's exactly what I'm doing. I figured that if I really want to learn it, I need to hit everything up from beginning to end, rather than jumping into the middle of it, and seeing what I can come up with.
I'm following (
http://www.microsoftvirtualacademy.com/training-courses/html5-css3-fundamentals-development-for-absolute-beginners) This, for the basic HTML and CSS stuff. And eventually, I'll use (
http://www.csszengarden.com/) This to get some ideas for CSS trickery. If I get deep into it, I'll probably buy that book you recommended.
The only thing I want critiquing on right now would be my code structure, since there isn't much else to look at at the moment. See if I'm putting everything together well, if it's easy to follow, and I'm not making any tiny mistakes towards anything that could make my life hell later. Nothing too deep.
Quote Posted by ZB
For all practical purposes HTML5 is just HTML 4 with a less ambiguous spec and some audio/visual features to help it unsuccessfully supplant Flash.
I don't know about that latter part. Besides games, HTML5 has put a pretty heavy dent into Flash. About big every site you hit up these days uses HTML5 instead of Flash or Silverlight for their music and videos.
ZylonBane on 9/12/2014 at 03:39
Quote Posted by Renzatic
Besides games, HTML5 has put a pretty heavy dent into Flash. About big every site you hit up these days uses HTML5 instead of Flash or Silverlight for their music and videos.
Playing music and video is a sliver of a fraction of Flash's functionality. I don't know why people fixate on that so much.
Renzatic on 9/12/2014 at 04:22
Quote Posted by ZylonBane
Playing music and video is a sliver of a fraction of Flash's functionality. I don't know why people fixate on that so much.
Because once Youtube hit the scene, that was mostly what it ended up being used for. Sure, you still run into the occasional clever Flash site now and then, but that's the problem. They're only occasional. These days, it's thought of and treated as a glorified video plugin by the vast majority of the internet, even if it is capable of more.
