Yesterday: CSS; today: forms
To see what I did with CSS, you can look here or here. The latter is just a modified version of the former and the latter still has some problems that I have yet to learn how to fix.
Today I'm learning how to make a user interactive form... But this is also the first lesson that I need to keep offline because the only form possible for me right now is one where you would submit it via e-mail, which means I'd end up getting spammed. So I'm not going to put it online.
Today: Tables
| Red | Yellow | Blue | |
|---|---|---|---|
| Red | Red | Orange | Purple |
| Yellow | Orange | Yellow | Green |
| Blue | Purple | Green | Blue |
Now a wordless representation of the same thing.
Now using irregular cell structure in the table.
| Used Belt Deflection | Set deflection of new belt |
|||
|---|---|---|---|---|
| Limit | Adjust Deflection |
|||
| Alternator | Models without AC | 10mm | 5-7mm | 5-7mm |
| Models with AC | 12mm | 6-8mm | ||
| Power Steering Oil Pump | 12.5mm | 7.9mm | 6-8mm | |
A boring, plain-old nested table with zero content.
|
|||||||
Last table, the Iain Mood Indicator - not at all accurate, but it was fun to create!
| PHYSICALLY | MENTALLY | |||||
|---|---|---|---|---|---|---|
| Energy Level | Condition | Sad | Happy | Angry | Bored | Intelligent |
| HIGH | Hyper | Head Meets Wall | Goofy, Juiced | Violently Antagonistic |
Lost | Argumentative |
| Getting Things Done |
Unreachable | Accomplished, Attractive |
Cut-Throat | Brainless | Businesslike | |
| Athletic | Distracted | Focused | Aggressive | Restless | Strategic | |
| MEDIUM | Average | Melancholy | Sociable | Upset | Whatever | Stubborn, Righteous |
| LOW | Slow/Hurt | Useless | Content | Anxious | Disinterested | Inquisitive |
| Tired | Depressed, Quiet |
Observant | Don't Talk to Me | Depleted | Cruel | |
| Sick | Downtrodden | Human | Disliked | Delirious | Mopey | |
Today's lesson was mostly old news, but I did learn how to make an imagemap!
A very long chapter involving deprecated attribute tags for HTML today. What's that? Well, they are what allow me to make text bold, italic, struck through, etc. But they really aren't used all that much any more because web designers are leaning more towards CSS and doing text formatting via CSS's.
Notice the five spaces here (the indent). That's something I learned today. But the tag I used is deprecated. Pff.
Not to mention that it changes the font too.
I've openly questioned why they keep telling us about these deprecated tags if they're all irrelevant anyway, but I think I've figured out why: As a learner, if you're told something is irrelevant after you've learned the relevant knowledge, are you really going to care or bother? No. So it makes sense, I guess. But then you have to question why it's even worth learning the deprecated tags in the first place. I presume the answer to that indirect question is that many webpages are still floating around using HTML instead of XHTML/XML. Not to mention, people with old browsers that aren't compatible with XML will have some problems. But then again, my future customers won't be able to download my content unless they have a current browser.
Oh, and I did the exercise almost straight from the book today... Except I turned their innocuous example into something slightly more sinister. You can see it here.
Today, I taught myself some more technical aspects of linking. Not very much new info, though.
Today, in the book lessons, it covered lists and how to make them. Also paragraphs, headers and titles. I already knew how to do titles, so that was old news. I learned more about headers, though.
For example, I learned how to put in headers and subheaders.
And so, there you go, there is what I learned today. The programming of those lists is antiquated because I didn't use a CSS, but that's coming down the line. The book has so far explained vaguely what they are, but I understand them almost completely. But I'm not going to bother programming for a CSS until the book actually teaches me how.
Heh heh. I just rebuilt this page and took a look and I forgot what the book said: some browsers will automatically format nested lists. So, when I mentioned that I could make "disc" bullet points, it actually showed up as a "circle" bullet point initially, since the greater list was already using "discs". Heh heh.