Hi, I’m working on improving my web design skills, and I’ve created a sample template for our team site. Feedback would be great. I’m not entirely sure how to incorporate a navbar yet.
http://www.connorworley.com/cows_design_sample/
Thanks!
Looks nice so far but I think you need more emphasis at the top where your team name is. (Nice name btw 
) But yeah if you guys have a team logo it would be nice to put up there. You have a great logo name…ideas just pop right in my head!
I do the website for my team so I know how it is
-Anna
Yeah, the Holy Cows have a team logo.
I like the overall layout of the website. If anything, I’d maintain the simplicity of this website.
For what its worth, I find the standing 'Cows website to be among the best in FIRST. It is absolutely in the top tier, and ranks along the famous 254 website (IMO). Your design is most effective in terms of its simplicity, and can probably be well adapted to a mobile site.
I definitely agree with the fact that simplicity is key, and I also like the structure, it seems like its coming along nicely. As far as content within the structure, I would definitely include some info on the team, the robots, FIRST, etc. However, I agree with Mathew^^ on the fact that The Holy Cow’s current site is very professional and easily navigable. If you are putting together this site for your own use or just to gain some experience in web design, then I think you’re doing a great job.
Completely agree. Looks really nice. A couple of questions.
-
What is the reason for switching the site, the current one looks amazing?
-
Is the slideshow in the header? If it is, I recommend moving it to only the hope page. It gets a little distracting on every page
About the nav bar - the way I am doing it on the theme I am designing right now for our website is from this page:
http://acroweb.co.uk/2010/11/08/adding-css-drop-down-menus-to-wordpress-3-0-theme/
This is just for practice.
To put a nav. bar on there it is quite simple.
-
Google HTML Nav. Bar (Or what ever code you are using like PHP)
-
if you cant find anything use something like this… (Than just go from there making it better as you go)
(Menubar2 & horizontal is a spryes (css file) link at bottom of page.)
<ul id=“MenuBar2” class=“MenuBarHorizontal”>
<li><a href="(page link)">Page Name</a></li>
(Example)
<li>
(this is our submenu)
<a href=“about_us.html” title=“About out Team” class=“MenuBarItemSubmenu”>About Us</a>
<ul>
(This is under About Us)
<li><a href="#" title=“History of the team” class=“MenuBarItemSubmenu”>History</a>
<ul>
(same with this)
<li><a href=“awards.html”>Awards</a></li>
</ul>
</li>
http://channelcats.rivercityrobots.org/SpryAssets/SpryMenuBarHorizontal.css
http://channelcats.rivercityrobots.org/SpryAssets/SpryMenuBar.js
Sorry for the confusing mess… if you need any references just message me or look at the source to out teams website. You might beable to get some good help from that (I labeled everything pretty clearly)
And I am redoing the whole website soon so it will look nicer.
view-source:http://channelcats.rivercityrobots.org/