- Use All Lowercase Tags All tags must be written in lowercase letters. No longer is it allowable to write <HTML>, from now on it will be written <html>.
- Nest Elements Correctly HTML will forgive you but XHTML will not. Here is a common problem: <b><i>This is wrong.</b></i>. You may notice in this example that the bold and italic elements overlap. Here is the right way to nest these elements: <b><i>This is right.</i></b>.
- Always UseEnd Tags Every tag must have an end tag. When you start a paragraph you use the <p> tag, when you end a paragraph you must use the </p> tag. Same goes for the <li> tag and all other tags.
- End Empty Elements Now you're wondering what you should do with elements like the <br> tag, yes you need an end tag for this one too. You can either write it as <br></br> or you can use an alternative. Instead you can write <br /;>. This can be used in both HTML and XHTML so start using it now to get used to it. This feature can be used with other empty tags too such as the <hr> tag.
- Use Quotes for Values When you write something like: <table border=1 bgcolor=red>, you've left something out. Values must be surrounded by quotation marks. The proper way to write this would be: <table border="1" bgcolor="red">.
- Give Every Attribute a Value Here's where things start to get different. In HTML some attributes have no value. One such attribute is disabled. When using such an attribute you should assign the value of the attribute with the same name at the attribute itself. This is how it would look: disabled="disabled".
- Use Code for Special Characters XHTML can get confused when you use such symbols as < or & inside attribute values. Instead use code to write them. Try these lists of codes to help you: Common Symbols and Less Common Symbols. Instead of writing: <img src=my_picture.gif alt="Me & My Son">; you would write: <img src=my_picture.gif alt="Me & My Son">.
- Use id Insead of name The <a>, <frame>, and <img> elements have an attribute called <name> that is used to specity a location within the HTML page. In XML the <id> attribute is used instead. It's recommended that you start using the <id> attribute now, instead of the <name> attribute. It's not mandatory for now but it will make it easier for you later.
- Separate Styles and Scripts If you are using CSS, JavaScript or another type of language in your Web pages you need to put them in a separate file. Link to them where you want them to show up on your page but keep them separate.
Saturday, August 29, 2009
Basic rules for changing HTML to XHTML
Recently, I am reading the articles about XHTML and trying to find its standard and difference from HTML. Here is a quite good article which talks about the basic rules of XHTML. There are nine basic rules:
Friday, August 21, 2009
Apache friends: Set web server on your own laptops
I got a great software recently called XAMPP-Apache friends. With this free and small application, you can set the web host on your own computers. Then, even though you cannot access to the uni server or other free web hosts, you can still use this local server to test your server side pages such as php pages.
The link of this software is below:
http://www.apachefriends.org/en/xampp.html
The link of this software is below:
http://www.apachefriends.org/en/xampp.html
Tuesday, August 18, 2009
Week4 Practical
We got a php exercise today which asked us to change the format to show the date. After viewing the date commends on http://php.net/date. I actually did it. The most tricky thing I think in this practice is that how to show the word "of" because the letter "o" is a command in date function. I solved the problem by adding a backslash before the letter "o" in order to use its literal meaning after using google to find the solution. Below is my whole php script:
Furthermore, I also paid attention on the php mechanism. When I checked the code of the page which server posted back to me. It shows like this:
Just like Alatair said, the PHP server will automatically interpret the php code and send back a page with normal HTML code. Amazing!
I really learned a lot from this lecture and found php is quite an interesting language. However I still got a question. Could anyone tell me which php command shows what sort of database system is provided by uni host?
Furthermore, I also paid attention on the php mechanism. When I checked the code of the page which server posted back to me. It shows like this:
Just like Alatair said, the PHP server will automatically interpret the php code and send back a page with normal HTML code. Amazing!
I really learned a lot from this lecture and found php is quite an interesting language. However I still got a question. Could anyone tell me which php command shows what sort of database system is provided by uni host?
Saturday, August 15, 2009
Ideas? From others' websites!
According to the project schedule, I am gonna figure out the website structure and style within these two weeks. During these days, I am reading a book called: The website designer's idea book, which is talking about website themes, trends and styles. To be honesty, I feel bored about those theoretical things. What this book attracts me is that it cataloged more than 5000 others' websites. I should say you could really learn a lot from viewing others' work!
As for me, I am planning to design a personal website, so I paid more attention on this kind of websites. Here, I collected several personal websites which I think are very great and interesting.
www.mubashariqbal.com
This website above looks quite professional. I like its banner design very much, pretty interesting.
www.thomasmarban.com
As for me, I am planning to design a personal website, so I paid more attention on this kind of websites. Here, I collected several personal websites which I think are very great and interesting.
www.mubashariqbal.com
This website above looks quite professional. I like its banner design very much, pretty interesting.
www.thomasmarban.com
A three-dimensional looking site, cool! I am thinking to make my own site like this.
Monday, August 10, 2009
My learning proposal
Hey everyone, this is my learning proposal, please check it out:
http://www-student.it.uts.edu.au/~jjliu/dmt/10786921-learningProposal.html
It's just a draft edition and still need to be expanded. Welcome your comments!
http://www-student.it.uts.edu.au/~jjliu/dmt/10786921-learningProposal.html
It's just a draft edition and still need to be expanded. Welcome your comments!
Tuesday, August 4, 2009
Week2: Reflection of the lecture
In today's lecture, Alastair introduced some popular technologies which are used in multimedia area. Those protocols or computer languages make the whole website vivid and dynamic.
After the lecture, we were asked to think and design out our own project since we got the whole view of the technologies. I am wondering to start with my project from the basic tools like HTML and CSS. Then, I am gonna try to explore more complicated languages such as php, javascript and AJAX.
Form tomorrow, I plan to read some related materials from library or through the internet. Hopefully, I can figure out the topic of my project and finish the draft proposal within this week.
My starting page of the subject: http://www-student.it.uts.edu.au/~jjliu/dmt/index.html
After the lecture, we were asked to think and design out our own project since we got the whole view of the technologies. I am wondering to start with my project from the basic tools like HTML and CSS. Then, I am gonna try to explore more complicated languages such as php, javascript and AJAX.
Form tomorrow, I plan to read some related materials from library or through the internet. Hopefully, I can figure out the topic of my project and finish the draft proposal within this week.
My starting page of the subject: http://www-student.it.uts.edu.au/~jjliu/dmt/index.html
Subscribe to:
Posts (Atom)
