Cloudy student my dearest, finally, you have reached the end of my course already. Huhuhu...now teacher cannot see this student in class anymore. He will miss her very much. Hik, so student must register for next course soon to "cure" this teacher's love sick. ;) Dear, for this Tutorial 6, there's only one page, coz most of the things you have learned earlier. So far ok right? ;) Teacher only teach you the tags and concepts, and from now student will have to depend urself, to apply what u have learned using ur own individuality and creativeness. ;) Each and every HP developer is different from another... Though they may have learned the same thing, but soon you'll discover your own style. In this page also I give you all the past tutorials for you to review. Hope you will study well. ;)
1) First thing for Tutorial 6 is the "iframe" tag. "iframe" is a small box that appears on a normal html page(like the "HP Updates" box in our Home). In the small box is another html page(so altogether 2 html pages are involved if u use "iframe" tag) See the example below and view the coding : ¤ Example of IFRAME page
2) Second thing, I will teach you the pixels concept like I said earlier. Here, you will only need to know abt the basics of the concept, so I won't touch into anything that has many CT terms. In creating a HP, you will have to involve image tag, line tag, screen width/height, border attributes, etc, right? Well, these things can also be decided by the pixels method besides the percentages method that I taught u earlier. Study these points :
(i) First, you need to understand the screen measurements first. They are called "screen resolutions", and in pixels unit. They come in measurements like(width x height): 1024 x 768, 800 x 600, 720 x 576, 720 x 480, 640 x 480 pixels. Most of the time ppl will use the first two measurements more. The bigger the number, the smaller things will appear on screen. The PC that you normally use in service has resolution of 800 x 600, so in this tutorial I will teach you things using this measurement.
(ii) In using border attribute, like "topmargin" and "leftmargin", if we put them as "0", then we will have the width and height of screen as the maximum measurement of 800 x 600 coz the margins don't take up any pixel space from the 800 and 600. Also, if a page doesn't have any margin space(topmargin and leftmargin are 0), then it means that the width of 800pixels and height of 600pixels will start exactly from the perimeter of a screen. On the contrary, if topmargin and leftmargin have values, then the width and height for us to write things will become less than 800 x 600 coz the margins have already taken up some space.
(iii) In using the "hr" tag, the same measurement concept applies. If previously u used "hr width=100%", it means that the line width is 800 pixels(also written as "hr width=800"). But remember, the line width will only reach 800pixels if the top and left margins are "0". If we have margins, then even if we put the line width as 100%, it will not become 800pixels.
(iv) In the image tag, we also apply the same as in line tag. Previously in assignment, I asked u to resize an image into 3 sizes remember? That time, u used percentage method and it didn't look good. Now, if you use pixel method, the resizing would be better. For example, u can put like this: "img src=Jordy.jpg width=197 height= 230". If using an imaging program like Photo Editor, then u can resize ur image by changing the pixel measurements too. ;)
(v) Like I said above, some ppl may use different screen resolutions. If you did ur HP and made everything using 800 x 600 pixel measurements, then ur things might look smaller/bigger/different on other ppl's screen. ;) Ur visitor who uses 1024 x 768 pixel screen will see things smaller, and visitor with 640 x 480 will see things bigger. There're no bad or good points regarding which screen measurement for ppl to use, it all depends on their personal choices(or dear, in ur case, ur service's choice). ;) In any measurement also, u should not worry much coz the tags that u used will still show ur HP nicely. ;)
Huhuhu, time for teacher to end class already...and time to say goodbye to student Cloudy. Umm, no more assignments coz student have graduated today. Congratulations~!!! ;) Hik, even though end of course, but teacher is very happy coz he has produced such a good student...and she will become a good HP developer later. Teacher will be very proud of student Cloudy~!! ;) Dear, throughout this course I have enjoyed teaching you much, and I have also taken the chance to improve myself in teaching and also develop a tradition that can be passed on. Imagine, that later u can teach other students also. ;) Besides, I have also increased my time spent with you, and be closer to you through our sharing of knowledge and mutual understanding. ;) All these, makes me feel that I have done sth for you, ppl, and myself that I'm really proud of. Thanks for joining my class... Good luck and all the best to student Cloudy~!! ;) I love you very much~!! This is teacher Jordy signing off from his course.
|
|