it_king
asked on
CSS/ webdesign technical aspects problems - ex: to discard images dynamically while printing a webpage
hello experts,
i would like to know whether there are any tutorial sites ( other than w3schools) wherein they explain each step of creating a webpage including HTML,CSS and Javascripts? Most of the tutorials i have been through, explains each tag seperately but i have not found any site which actually explains how to use these tags together with other languages to develop a site or atleast a complete webpage. i am also looking for technical information about designing a webpage
- ex:
*) how to make sure a site changes according to the resolution of different computers
*) to create a webpage with print options wherein while you try to print the page it discards the images dynamically and only the text matter gets printed.
*) the heading of the page doesn't change everytime we go to another page. its only the content below that changes ( to be done without using framesets/frames ).
etc..etc.
I have been trying to find tutorials which would cover these technical aspects but couldn't find any.Can anyone help out as i have to make a website very soon with these options.
Thnx in advance
sg
i would like to know whether there are any tutorial sites ( other than w3schools) wherein they explain each step of creating a webpage including HTML,CSS and Javascripts? Most of the tutorials i have been through, explains each tag seperately but i have not found any site which actually explains how to use these tags together with other languages to develop a site or atleast a complete webpage. i am also looking for technical information about designing a webpage
- ex:
*) how to make sure a site changes according to the resolution of different computers
*) to create a webpage with print options wherein while you try to print the page it discards the images dynamically and only the text matter gets printed.
*) the heading of the page doesn't change everytime we go to another page. its only the content below that changes ( to be done without using framesets/frames ).
etc..etc.
I have been trying to find tutorials which would cover these technical aspects but couldn't find any.Can anyone help out as i have to make a website very soon with these options.
Thnx in advance
sg
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
>>The combination of HTML, JavaScript and CSS is not something you'll likely pick up from the net. There's loads of info on the seperate technolgies but not much on how to 'properly' combine them.<<
Heh, of course, I picked up 99% of my info from the net (especially here). Only read around two books on web design in my life (one on HTML, the other a quickstart book on javascript). But then again, I've wasted five years of my life from being too lazy to go out and buy books so if you don't want to waste ~5 years of life, you should buy books
Heh, of course, I picked up 99% of my info from the net (especially here). Only read around two books on web design in my life (one on HTML, the other a quickstart book on javascript). But then again, I've wasted five years of my life from being too lazy to go out and buy books so if you don't want to waste ~5 years of life, you should buy books
I've seen the books, read them in part and most certainly seen the results of people using them as 'bibles', trust me, you're better of wasting 5 years and a lot of reading on sites like this one...
This is a site I have recommended a long time because it does address using the technologies together:
http://www.dansteinman.com/dynduo/index.html
http://www.dansteinman.com/dynduo/index.html
Zyloch did a lot of quality work here, and it should not go unrewarded.
Cd&
Cd&
The thoughts on how to work with it (could be viewed as a hype) is using HTML strictly for defining your data structure using id-attributes and class attributes to define unique and similar data-structures. After setting this up you should have a readable and useable webpage, which may not look like much at all.
Then comes CSS as the presentation layer. Using CSS, those that are well-versed in it, can achieve almost any given look. I'm saying almost for a reason, even our resident demi-god SeanPowell is bound to run into the boundaries of CSS every now and again. Like Zyloch mentioned, IE is less capable of properly displaying advanced CSS and most certainly sets back our webdesigns.
Finally after everything is there and looks the way you want it to we turn to Javascript. The behaviour layer. This is what we turn to if we want the data on the page to 'interact' with the user. A common (although quite ofter no longer needed) implementation on the behaviour layer is the use of dHtml menu's. A well-designed menu, however, should be able to function at the barest minimum without Javascript, it's subnavigation being statically available on pages that can be reached through the toplevel portions of the menu.
There's such a miriad amound of ways to combine these three powers that I don't think any turorial will be able to even scratch the surface, just as this here text I just wrote is a starter at best, a sampling to make you long for more so to say ;)
My suggestion, if you want to learn more is starting with small examples and implementing them, using ExpertsExchange, AlistApart, w3schools and likewise sites to look up existing solutions.
A site I would like to add to above (quite comprehensive I might add) list is http://www.quirksmode.org/ which has a lot of info on the use of JavaScript.
Good luck on your journey into webdevelopement :)
Martin