Hi
I'm no expert web designer or builder, but I can handle most of what I need and learn more as I go. I've been asked by a friend to build a website and as usual I find the first stages the hardest. I use PHP/MySQL to generate dynamic content including password-protected pages, or login specific content.
My biggest problem is layout. I'm not a designer first, more of a technical person. I've always gone for the absolute positioning approach which I find makes things easy - especially when dealing with images. However, I know that my websites will look different on other browsers or at least on different resolutions.
I want to get better at this, so I need to know the best way to layout a page. I don't mean design ideas, I mean technically should I use relative positioning, what about floating? What is floating?
I also want to use the correct semantics, but I can't find a decent resource on the web that explains good semantics and bad semantics. Currently I put everything withing <DIV> tags, and I give each one an ID so I can position and style it. However, I'm sure this is semantically incorrect.
Any ideas?
RichThere's this one: <!-- m --><a class="postlink" href="http://cookiecrook.com/AIR/2003/train/semantics.php">http://cookiecrook.com/AIR/2003/train/semantics.php</a><!-- m --> in the Accessibility forum (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=30">http://www.webdeveloper.com/forum/forum ... forumid=30</a><!-- m -->)
and from W3C: <!-- m --><a class="postlink" href="http://www.w3.org/QA/Tips/goodclassnamesOriginally">http://www.w3.org/QA/Tips/goodclassnamesOriginally</a><!-- m --> posted by Rodders
Hi
I'm no expert web designer or builder, but I can handle most of what I need and learn more as I go. I've been asked by a friend to build a website and as usual I find the first stages the hardest. I use PHP/MySQL to generate dynamic content including password-protected pages, or login specific content.
My biggest problem is layout. I'm not a designer first, more of a technical person. I've always gone for the absolute positioning approach which I find makes things easy - especially when dealing with images. However, I know that my websites will look different on other browsers or at least on different resolutions.
I want to get better at this, so I need to know the best way to layout a page. I don't mean design ideas, I mean technically should I use relative positioning, what about floating? What is floating?
I also want to use the correct semantics, but I can't find a decent resource on the web that explains good semantics and bad semantics. Currently I put everything withing <DIV> tags, and I give each one an ID so I can position and style it. However, I'm sure this is semantically incorrect.
Any ideas?
Rich
By definition of web development, 'semantics' is structural meaningfulness. With that said, it's more like, how you code your websites, whether it was done in standardized code or unstandardized code. An example of unstandardized structural markup is a website encompassing <font> tags.
It seems to me that you are using CSS, thus, it has a level of semantic value. So, basically, you're on the right path of web development. Good job!
I'm no expert web designer or builder, but I can handle most of what I need and learn more as I go. I've been asked by a friend to build a website and as usual I find the first stages the hardest. I use PHP/MySQL to generate dynamic content including password-protected pages, or login specific content.
My biggest problem is layout. I'm not a designer first, more of a technical person. I've always gone for the absolute positioning approach which I find makes things easy - especially when dealing with images. However, I know that my websites will look different on other browsers or at least on different resolutions.
I want to get better at this, so I need to know the best way to layout a page. I don't mean design ideas, I mean technically should I use relative positioning, what about floating? What is floating?
I also want to use the correct semantics, but I can't find a decent resource on the web that explains good semantics and bad semantics. Currently I put everything withing <DIV> tags, and I give each one an ID so I can position and style it. However, I'm sure this is semantically incorrect.
Any ideas?
RichThere's this one: <!-- m --><a class="postlink" href="http://cookiecrook.com/AIR/2003/train/semantics.php">http://cookiecrook.com/AIR/2003/train/semantics.php</a><!-- m --> in the Accessibility forum (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/forumdisplay.php?s=&forumid=30">http://www.webdeveloper.com/forum/forum ... forumid=30</a><!-- m -->)
and from W3C: <!-- m --><a class="postlink" href="http://www.w3.org/QA/Tips/goodclassnamesOriginally">http://www.w3.org/QA/Tips/goodclassnamesOriginally</a><!-- m --> posted by Rodders
Hi
I'm no expert web designer or builder, but I can handle most of what I need and learn more as I go. I've been asked by a friend to build a website and as usual I find the first stages the hardest. I use PHP/MySQL to generate dynamic content including password-protected pages, or login specific content.
My biggest problem is layout. I'm not a designer first, more of a technical person. I've always gone for the absolute positioning approach which I find makes things easy - especially when dealing with images. However, I know that my websites will look different on other browsers or at least on different resolutions.
I want to get better at this, so I need to know the best way to layout a page. I don't mean design ideas, I mean technically should I use relative positioning, what about floating? What is floating?
I also want to use the correct semantics, but I can't find a decent resource on the web that explains good semantics and bad semantics. Currently I put everything withing <DIV> tags, and I give each one an ID so I can position and style it. However, I'm sure this is semantically incorrect.
Any ideas?
Rich
By definition of web development, 'semantics' is structural meaningfulness. With that said, it's more like, how you code your websites, whether it was done in standardized code or unstandardized code. An example of unstandardized structural markup is a website encompassing <font> tags.
It seems to me that you are using CSS, thus, it has a level of semantic value. So, basically, you're on the right path of web development. Good job!