Hi there,<br />
<br />
Please provide useful links on learning creative web layouts and design with HTML. <br />
<br />
Thanks,<br />
Ellis<!--content-->you can only get creative by doing and learning. the web is full of sites so just look at some.<!--content-->Greetings from Southeast Asia!<br />
<br />
Thanks for your reply. In my humble opinion, the only site which I consider useful in learning HTML is w3schools.com and pageresources<br />
<br />
Which other sites should I logon the web inorder for me to learn HTML web design and layout?<!--content-->well you have the good ones already, except this place. if you have a question on HTML then pop in and ask. other than that I have some links on my site to tutorials and sites. just click on the image in my sig.<!--content-->Hey, The site that you have recommended to me is useful because it is filled with html add ons and tutorials. <br />
<br />
Once again, thank you.<!--content-->This is a post I made a good while ago and should give you some insight into screen space etc. Hope it helps. <br />
<br />
<br />
Without going into this too deeply, although I prob will the short answer is that it is very very very important. <br />
<br />
There are four main factors that will determine how a site is percieved, these being: <br />
<br />
Screen Size <br />
Screen Res <br />
Browser <br />
Platform (ie Mac, Web TV or PC) <br />
<br />
<br />
I hope screen size doesn't need explaining but to say that in my experiance people using 17" and 19" monitors at home still view sites at a 800*600 res... only because they don't know how to ajust the res. <br />
<br />
Screen res is an important function to plan for when writing a site. The res to design for is 800*600. Most surfers view at this res (51%), but that doesn't mean some surfers don't surf at 640*480 (6%). I think it safe to ignore the latter though. Often over looked is the live space of a screen. <br />
<br />
A browser affects the live space. Just because a screen res is 800*600, that doesn't mean you get that to play with. Live space is the space you have when tool bars etc are removed. The lowest live space you should design for is (accounting for Netscape/Explorer) 778*406 on a pc and 751*427 on a mac, that is obviously at a 800*600 screen res. Various versions of explorer and netscape have diffrent live spaces, those just quoted would be the lowest of versions 5+. Combining these two you get 751*406. <br />
<br />
As you can see, the software changes the display. Hardware will also chnge the display. From the last paragraph you will see that PC's and Macs work a little differently. But there is a 3rd and much overlooked way of connecting to the web. Via a TV. TV's to put it bluntly are crap for internet viewing and interactivity. But people are buying more and more of them as an alternative to hogging up a PC or because they are cheaper. I am not sure what a web tv screen res would be, but the live space is 544*378. I would never design for web tv, but that depends on your content. If you are interested in more on web tv go to: <br />
<!-- m --><a class="postlink" href="http://developer.webtv.net">http://developer.webtv.net</a><!-- m --> <br />
<br />
As for your question as I may have digressed a little... <br />
<br />
There are two ways to combat the various diplays in a design aspect. <br />
<br />
1] Design your page at a fixed width, ie at a 800*600 res, with a live space of 751*406. This way mac and pc viewers will have no problem with your site. Perhaps the best way to start the design is with a table, width set to 751... and include everything inside that. <br />
<br />
2] The alternative is to dynamically author your site so that your page expands to fill the user area. If you do this... design your page with your monitor at 800*600 res then tweak it at a higher res. Why? The page may look great at a low res but empty at a higher res. <br />
<br />
I hope that gives you some insight and some design ideas. <br />
More than anything I hope it made sense.<!--content-->Originally posted by novicequest <br />
Hey, The site that you have recommended to me is useful because it is filled with html add ons and tutorials. <br />
<br />
Once again, thank you. <br />
thank you and that is my site. your welcome to visit anytime.
<br />
<br />
entimp, <br />
1] Design your page at a fixed width, ie at a 800*600 res,<br />
<br />
I don't know anybody that does that. that is considered bad coding as it is coded for a very select audience. you need to code at 100% of the users resolution.<!--content-->
<br />
Please provide useful links on learning creative web layouts and design with HTML. <br />
<br />
Thanks,<br />
Ellis<!--content-->you can only get creative by doing and learning. the web is full of sites so just look at some.<!--content-->Greetings from Southeast Asia!<br />
<br />
Thanks for your reply. In my humble opinion, the only site which I consider useful in learning HTML is w3schools.com and pageresources<br />
<br />
Which other sites should I logon the web inorder for me to learn HTML web design and layout?<!--content-->well you have the good ones already, except this place. if you have a question on HTML then pop in and ask. other than that I have some links on my site to tutorials and sites. just click on the image in my sig.<!--content-->Hey, The site that you have recommended to me is useful because it is filled with html add ons and tutorials. <br />
<br />
Once again, thank you.<!--content-->This is a post I made a good while ago and should give you some insight into screen space etc. Hope it helps. <br />
<br />
<br />
Without going into this too deeply, although I prob will the short answer is that it is very very very important. <br />
<br />
There are four main factors that will determine how a site is percieved, these being: <br />
<br />
Screen Size <br />
Screen Res <br />
Browser <br />
Platform (ie Mac, Web TV or PC) <br />
<br />
<br />
I hope screen size doesn't need explaining but to say that in my experiance people using 17" and 19" monitors at home still view sites at a 800*600 res... only because they don't know how to ajust the res. <br />
<br />
Screen res is an important function to plan for when writing a site. The res to design for is 800*600. Most surfers view at this res (51%), but that doesn't mean some surfers don't surf at 640*480 (6%). I think it safe to ignore the latter though. Often over looked is the live space of a screen. <br />
<br />
A browser affects the live space. Just because a screen res is 800*600, that doesn't mean you get that to play with. Live space is the space you have when tool bars etc are removed. The lowest live space you should design for is (accounting for Netscape/Explorer) 778*406 on a pc and 751*427 on a mac, that is obviously at a 800*600 screen res. Various versions of explorer and netscape have diffrent live spaces, those just quoted would be the lowest of versions 5+. Combining these two you get 751*406. <br />
<br />
As you can see, the software changes the display. Hardware will also chnge the display. From the last paragraph you will see that PC's and Macs work a little differently. But there is a 3rd and much overlooked way of connecting to the web. Via a TV. TV's to put it bluntly are crap for internet viewing and interactivity. But people are buying more and more of them as an alternative to hogging up a PC or because they are cheaper. I am not sure what a web tv screen res would be, but the live space is 544*378. I would never design for web tv, but that depends on your content. If you are interested in more on web tv go to: <br />
<!-- m --><a class="postlink" href="http://developer.webtv.net">http://developer.webtv.net</a><!-- m --> <br />
<br />
As for your question as I may have digressed a little... <br />
<br />
There are two ways to combat the various diplays in a design aspect. <br />
<br />
1] Design your page at a fixed width, ie at a 800*600 res, with a live space of 751*406. This way mac and pc viewers will have no problem with your site. Perhaps the best way to start the design is with a table, width set to 751... and include everything inside that. <br />
<br />
2] The alternative is to dynamically author your site so that your page expands to fill the user area. If you do this... design your page with your monitor at 800*600 res then tweak it at a higher res. Why? The page may look great at a low res but empty at a higher res. <br />
<br />
I hope that gives you some insight and some design ideas. <br />
More than anything I hope it made sense.<!--content-->Originally posted by novicequest <br />
Hey, The site that you have recommended to me is useful because it is filled with html add ons and tutorials. <br />
<br />
Once again, thank you. <br />
thank you and that is my site. your welcome to visit anytime.
<br /><br />
entimp, <br />
1] Design your page at a fixed width, ie at a 800*600 res,<br />
<br />
I don't know anybody that does that. that is considered bad coding as it is coded for a very select audience. you need to code at 100% of the users resolution.<!--content-->