Hi Everyone,
I've been working on a new site front-end design for my web, and this is what I have so far, your constructive criticism input is greatly appreciated. The web is located at http://zpcs.uuuq.com/ or jus click on any link here in the post. Thanks for your time and consideration(s).
Full Version: Stop In And Have A Cookie!
QUOTE(SusanMart @ Mar 30 2010, 02:36 AM) 
well, you site is not finished yet, right?
It's fine, but I would say- too much grey, and the design is quite plain.
you better add a few effects (3D/ Flash/...)
I see that you worked quite a while and your site is promising, just add colors and nice content. You are on the right track!
It's fine, but I would say- too much grey, and the design is quite plain.
you better add a few effects (3D/ Flash/...)
I see that you worked quite a while and your site is promising, just add colors and nice content. You are on the right track!
Hi SusanMart,
Thank you for your professional feedback, I believe I have viewed a couple of your threads. You are correct in that the site is not yet completed ... that is to say ... one thing leads to another and I'm endeavoring to keep on point/focus of learning the implementation valid code fundamentals of HTML/CSS & JS.
I've informally kept up learning valid code and have progressed somewhat. I do have to admit that this particular ZPCS site is my first attempt at getting away from iFrames and WYSIWYG (it still holds a great mass of Photoshop/Imageready slicing).
Scattered amongst the links is my oldest Halfwatt Illuminations site (iFrames) that has it origins around the mid 90's (it was graphically updated with a great amount of critique of once I found Zymic). As the site holds a great deal of growing pains/trial and error I have developed a couple of new sites here at Zymic - and of course they too have been subject of the informal learning curve.
Since becoming a Zymic Community Member I have recently experienced a great leaping "eureka" moment
with the discovery of Dynamic Design (DD), which I have begun to incorporate into zpcs.zzl.org - this is my latest workings and is still being developed. My second panel design web has a bit more promise, but I have become slightly off-track with (life goes on and new things happen) it's contiued coding (I have but to complete ... that's what we all say ... a final page of my zzl.org site before I intend to apply my concentrations back into it).I have, throughout my time (skimming, reading, perusing information & threads) here at Zymic Webmaster Resources, grown and am still growing - I very recently have been sharing in WillieBees' (Zymic Community Member) Flyout project and have learned a few more things that will lead to and even more smoother/cleaner web.
Eventually (with the advent of discovery of the DD aspect) the extensiveness of my works can be combined and revamped into a 21st century design concept.
All in all, I pat myself on the back and say to myself "Great going Gramps"! Thank you once again for your time and consideration of my attempt SusanMart.
Edit: 16:50 (GMT) 08APR10: I visited (IE8 at 1024x768 resolution) the WebSiteTemplates.bz site and noticed the "tag cloud" was drooped into the horizontal navigation bar here, thought you might like some information on that. Nice site and beautiful work, I enjoyed the mouse tracking pictures!
I'm not even sure what this site is for....
If your just making them to test design elements and compliance standards I would suggest going to these websites for reference:
http://simplebits.com/
http://www.csszengarden.com/
http://www.designmeltdown.com/
This should give you some deeper insight on dynamic designs with an atheistic appeal.
The key thing to remember with modern design is that you want to separate you content from your design elements. That means you should code your website first using basic markups. Then use CSS to layout your design as needed. For example right now you are listing your navigation links and such using tables and rows which is just plain....well...bad....
If you have a set of navigation links you should code it as a simple lis:
From this basic list you use CSS to make your design using the markup elements provided:
These are just a few examples of how to do this properly.
If your just making them to test design elements and compliance standards I would suggest going to these websites for reference:
http://simplebits.com/
http://www.csszengarden.com/
http://www.designmeltdown.com/
This should give you some deeper insight on dynamic designs with an atheistic appeal.
The key thing to remember with modern design is that you want to separate you content from your design elements. That means you should code your website first using basic markups. Then use CSS to layout your design as needed. For example right now you are listing your navigation links and such using tables and rows which is just plain....well...bad....
If you have a set of navigation links you should code it as a simple lis:
CODE
<ul id="navigation">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
From this basic list you use CSS to make your design using the markup elements provided:
CODE
#navigation{}
ul{}
li{}
li a:link{}
li a:hover{}
ul{}
li{}
li a:link{}
li a:hover{}
These are just a few examples of how to do this properly.
Hi lizon,
Yes I'm still learning and through applied experimentation (and skimming, reading & perusing through the Zymic Webmaster Resources Forum Arena topics) I'm getting there, in the last 11 months through the Zymic Webmaster Resources Arena I have accomplished alot in informal learning and continual application. I come across some really good, if not outstanding, information on how to do things right (but then I have to go learn and understand what it is) and with insight and feedback from fellow Zymic Community Members (like SusanMart and Yourself) my learning is even more enhanced. I will take to your sound advice and apply it (I just learned about HTML/CSS Flyouts by working with WillieBee, another fellow Zymic Community Member).
I know the zpcs.uuuq.com site is, well ..., pretty bad as standards go and my latest has got the tables begeezes out of it but it functions and once it has been accomplished I will direct my attentions to coding it with division in the place of the table (early on with Zymic, I was instructed by Jacob or Andrew of the Zymic Staff to layout the coding so it is easily readable during editing to locate items rapidly that need change - I believe that is why I have utilized and manipulated tabling with ease, it is true that tables take up a considerable amount of valuable space in a source code when compared to division as I'm in the early stages of division studying).
I have yet to really learn about <div> and remove the tables from any of my work but I figure if I continue informal learning to master the fundamentals of HTML and CSS I can go further into more advanced material having the base understanding of what it is that needs to be accomplished (I'm still a babe in the woods on the keyboard and in web design ... and there is so much to learn in just the basics of HTML/CSS).
Thank you, I appreciate the outstanding critique of my navigation layouts and the proper avenue for todays practices lizon.
Yes I'm still learning and through applied experimentation (and skimming, reading & perusing through the Zymic Webmaster Resources Forum Arena topics) I'm getting there, in the last 11 months through the Zymic Webmaster Resources Arena I have accomplished alot in informal learning and continual application. I come across some really good, if not outstanding, information on how to do things right (but then I have to go learn and understand what it is) and with insight and feedback from fellow Zymic Community Members (like SusanMart and Yourself) my learning is even more enhanced. I will take to your sound advice and apply it (I just learned about HTML/CSS Flyouts by working with WillieBee, another fellow Zymic Community Member).
I know the zpcs.uuuq.com site is, well ..., pretty bad as standards go and my latest has got the tables begeezes out of it but it functions and once it has been accomplished I will direct my attentions to coding it with division in the place of the table (early on with Zymic, I was instructed by Jacob or Andrew of the Zymic Staff to layout the coding so it is easily readable during editing to locate items rapidly that need change - I believe that is why I have utilized and manipulated tabling with ease, it is true that tables take up a considerable amount of valuable space in a source code when compared to division as I'm in the early stages of division studying).
I have yet to really learn about <div> and remove the tables from any of my work but I figure if I continue informal learning to master the fundamentals of HTML and CSS I can go further into more advanced material having the base understanding of what it is that needs to be accomplished (I'm still a babe in the woods on the keyboard and in web design ... and there is so much to learn in just the basics of HTML/CSS).
Thank you, I appreciate the outstanding critique of my navigation layouts and the proper avenue for todays practices lizon.
its a nice article.. wonderful information is sharing...
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.