For the design, I wanted to keep it simple, yet classy. I mean, after all, if I am gonna do something, I might as well try to do it right. Now, I am not a designer, so I basically grabbed this design from someone else and then modified it for my purposes. I know, I know, stealing designs is not good. But, this is a demo application and is about programming, not site design. Besides, it's education, not a professional site. And I want to get to the meat of the code, not get stuck forever on a design that never quite works. Here is what I came up with:
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
You can view a larger screen grab here. Sorry for the low quality shot, but a GIF didn't look good either.
As you can see, I am trying to keep it simple. The site is only broken down into a few sections for iteration one. Not sure what will be in every section exactly, but this gives us the look and feel of the general content and the basic site organization. Ordinarily when I design a project, I try to nail down at least SOME of the screens. But in this case, I am so eager to jump into the code that I can hardly contain myself! This whole application is meant to be an experiment.
Normally, you should do some graphical prototyping of the site, but in lieu of that, I will outline what the sections in the design are going to accomplish: