Category: Class’ Notebook


“O, Margin, Margin”

Well, this week was surely a frantic one for me (and for other beginners I can assume). Studying six chapters of CSS and trying to cram everything into one’s brain, working against time, is something I wouldn’t suggest to anyone with high blood pressure.

There were lot’s of new things I learned and now I have to classify each element (block, div, boxes and so on) of knowledge in my mind so I can feel more relaxed. I caught myself babbling last night:

O Margin, Margin! wherefore art thou Margin?
Deny thy father and refuse thy name;
Or, if thou wilt not, be but sworn my love,
And I’ll no longer be a Padding.

WebPage Design Class 3: Structural Layer-XHTML

Some things I learned this week.

  1. Tables are evil.I will try not use them. Ever!
    But sure I will learn how to work with them. Just in case.. you never know..
    Some tables are good.
    Tables are not evil then..
    Doh, are tables evil or not???
    Well, the truth is that tables should be handled carefully. They shouldn’t be used for the website page design layout as the results are really bad on various browsers. Especially when they are viewed on cellphones. They should be mostly used for tabular data.Useful posts about this matter can be found here and here.
  2. XHTML is not a whole new language than HTML. Just a stricter form of it.
  3. The use of descriptive filenames is good for SEO. Also, it is best if you use hyphens for domain names. Google, the most widely used search engine, doesn’t recognize non-hyphenated words. For example, an hyphenated domain http://www.proto-site.com is seen by Google as “www proto site com”, as Google regards hyphens and dots as a space.
    For more information, read here.
  4. DOCTYPE and meta http-equiv [blah blah blah] lines which looked to me like #$!@#!$%^&*$^# or as an extraterrestrial language is all clear to me now.Doctype is the document type definition for the HTML page. Using it, we get more consistent results in all browsers, as they “know” which version of HTML we wrote our webpage.The meta tag is used for informing the browser about the content type and the character encoding we use.
  5. Always keep in mind that if your website doesn’t appear the same like the one you uploaded on the host server, press Ctrl+F5 in order to clear your cache! (Many thanks to my fellow student Negar for this!)

..and one thing I definitely did not learn:

  • How difficult it is to link your domain to your host. As I bought both from the same company (Ecowebhosting), I definitely lost this experience.. Maybe it would be handy for the future.

WebPage Design Class 2: What Is Web Design

Five things I learned this week

  1. Golden Ratio. I would never imagine that there is something common between ipod and my ancestors! (Oh, yes and that I have to keep in mind that 0.618 is important).
  2. Ockham’s Razor. In order to simplify it, I noted down: “The most simple wins”.
  3. That we should be grateful to Tim Berners-Lee. For all his contribution. I wonder when he will become more famous than Bill Gates..
  4. We should keep our designs simple and not let them to be very complicated or flashy, otherwise they are likely to fail.
  5. That jQuery and JavaScript belong to the behavioral layer. Client-side scripting. Hey! What about PHP? I know, I know.. I don’t have to be hasty..

Is there more?