For all of us who stared blanky at the screen looking at characters like,
< href="www.wedineinhell.com/ ohmygod/help.jpg">this is torture < /a>
all I have to say is...I feel your pain.
Well, I felt your pain. Yeah, I'm spelling it in the past tense. Why? Cause I'm not in pain anymore. I think...
Anyway, I understood some concepts of HTML and CSS and it ain't gibberish to me anymore. Shall I share? Of course I should. I learnt that sharing is good in kindergarten. Might as well apply that basic knowledge in college.
First off, How do I link pages together so that they all work when I click on them?
http://www.monkeychews.com/. That's an absolute address or link. In other words it will take you directly to that website.
Then there will be other links on that main page that will lead you to other sub pages. For example the button "About MonkeyChews" will have a link that looks like this: www.monkeychews.com/about.htm and you'll get to read all about the MonkeyChews (it a real cool pub in London by the way. A must go and visit.)
If you simply wrote into your browser about.htm that's a relative link. It would work if you were already within the MonkeyChews website but if you were still on Blogger it would take you nowhere.
Now for the juicy stuff...
HTML is used to give your website the basic structure needed to function.
CSS is used to make it more aethestically pleasing. It has more functions and is usually used to compliment an HTML document.
There's three types of CSS styles one can use:
- Inline (allow for the customization of an individual element and override all other CSS types)
- Embedded (are put in the part of the html document)
- External
Unfortunately there's not much I'll be learning of CSS apart from that so you'll have to look into it on your own.
Of course you can always cheat and use Dreamweaver :)
The picture of the button is so cute! I think in the beginning of this class I was definitely one of those people who would just stare blankly at the computer screen and just be like "what is this stuff?". The good thing is that I feel as long as we know the basic codes of the essentail parts of HTML/CSS, we're fine (unless you want to design websites for a living). I'm just happy we're not creating our own style sheets. The thing I really like about Dreamweaver is that you can either just design the webpage without all of the little codes, or you can design with the codes, OR with both! So not only are you designing a web page, but you're seeing the different codes meant for each element you add to your page. Loved your post!
ReplyDeleteYour post definitely speaks for me too! At first everything was complete gibberish...just way too many letters and symbols on my computer screen. However, once you begin to dissect all the code, a section at a time it becomes much more easy to manage! I like your explanation about relative vs. absolute links, after my mess of a quiz on Friday I really understand the importance of the "http://www._____" that goes in to a absolute link!
ReplyDeleteVery nicely composed post. I'm glad some of this seems to be making sense.
ReplyDelete