Java-Gaming.org Hi !
Featured games (83)
games approved by the League of Dukes
Games in Showcase (517)
Games in Android Showcase (123)
games submitted by our members
Games in WIP (578)
games currently in development
News: Read the Java Gaming Resources, or peek at the official Java tutorials
 
    Home     Help   Search   Login   Register   
Pages: [1]
  ignore  |  Print  
  Web Design!  (Read 1866 times)
0 Members and 1 Guest are viewing this topic.
Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Posted 2013-07-05 12:43:25 »

Hello all. For the past week I've been studying the "art" of HTML & CSS. Cheesy

After reading this book and doing a ton of reading online, I present to you: Kemoy.net.

The simple idea is that it's a website for my game-dev 'group' if you will. So here's my question: How do I improve it?
Is the web design really that important? Are there many things that need re-done? Should I just make the forum of the site the main page?
What are your thoughts?


Offline Troncoso

JGO Coder


Medals: 20



« Reply #1 - Posted 2013-07-05 13:00:50 »

Uh. Take the commas out of the menu maybe.
Also, your staff table thing is weird. You could just list each person once. It's pretty much a given that an Admin would have all the privileges of a Manager.

Besides that. It's not the kind of site that you need to be very attractive, as you aren't trying to win over customers. From what I can tell, it's just to let people know what you guys are working on. So, the design can be whatever the hell you want.
Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #2 - Posted 2013-07-05 13:04:10 »

The staff table was a bit more of a test.

It's not even getting info off of a database, it's all being displayed right there in the HTML, which doesn't sound efficient at all.

Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline ReBirth
« Reply #3 - Posted 2013-07-05 13:13:28 »

Couple tips from someone who not a pro but eat from making web things:
- The texture background is good with sans-serif font, but for "welcome" section I would give same background then wrap it with border
- The header gradient, please no. Now this is right place for normal color. Try white and taste it.
- The staff page. Wew so 90. If you want border on table, give it thin but clear.
- Menu, or navigation bar. Fix it. You can make similiar to JGO one if out of idea. Also it's "Home" not "Home page".
- Target blank for Forum link if you want.
- Basically if you want texture BG, your content should be simple. It's contradicting with gradient use.
- Not related, but why you accept people games?!

Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #4 - Posted 2013-07-05 13:36:56 »

Thanks for the advice! The staff table looks terrible, I know. I'll fix it soon.  Grin
I have some sort of addiction to gradients. I've been using them everywhere. And I mean everywhere. So I don't know about the header. I DO know that it should be more simple. The gradient on the header attracts attention when it shouldn't, so maybe there shouldn't be a huge difference in the two colors that I use in it. 

For the welcoming section, it originally didn't have a background. I figured it should attract attention so people would read it, so I added it.

... Not related, but why you accept people games?!

Huh? Explain.  Huh

Offline Troncoso

JGO Coder


Medals: 20



« Reply #5 - Posted 2013-07-05 13:40:26 »

The staff table was a bit more of a test.

It's not even getting info off of a database, it's all being displayed right there in the HTML, which doesn't sound efficient at all.

Well, first off, my suggestion had nothing to do with where the info is coming from. Second, there is no information there that should come from a database. Even if you had a staff of 10-20 people, there is no reason for them to be stored in a database to display their name.
Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #6 - Posted 2013-07-05 13:42:46 »

Darn, I thought there would be a more efficient way to do that Sad Then again, I'm sure there is. 

And yes, I know what you said had nothing to do with that.

Offline Troncoso

JGO Coder


Medals: 20



« Reply #7 - Posted 2013-07-05 13:48:52 »

What do you mean by efficient? You're displaying text on a web page. That's not cumbersome in anyway.

If you mean efficient, as in time-consuming, then not really. Setting up the database and then writing the backend code to pull from it would take more time than simply typing each name all at once.
Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #8 - Posted 2013-07-05 13:51:22 »

It just feels *weird* having all of the members info in the web-page itself, not being displayed from some sort of document.

Offline Troncoso

JGO Coder


Medals: 20



« Reply #9 - Posted 2013-07-05 13:54:39 »

You're equating it to hard coding values in application development. You can't build a website with the same mindset as programming. A web page is something that displays static content. So yes, you directly specify that information in the HTML that makes up the page.
Games published by our own members! Check 'em out!
Legends of Yore - The Casual Retro Roguelike
Offline Sammidysam
« Reply #10 - Posted 2013-07-05 14:00:05 »

Or you could use Ruby on Rails or some other dynamic website system and have the staff in a list on a YAML or JSON then load it and do a for loop listing them.  You could also make a Ruby method that does this and just call it in the HTML.  This is probably over the top, but nonetheless I am using it for my website mostly for experience.  Something really helpful could be detecting OS and providing the right download (for non-Java programs).
Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #11 - Posted 2013-07-05 14:03:31 »

I think I'm fine using something like this.

I thought about moving the staff list and that type of stuff to the forum, and just using the current Kemoy website as a backbone for other things, primarily posts and pages dedicated towards certain pieces of software.

Offline ReBirth
« Reply #12 - Posted 2013-07-05 14:23:17 »

If so, for welcoming section use white BG and dark font.

Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #13 - Posted 2013-07-05 14:29:54 »

I might try that.

I could add some sort of REALLY LIGHT tent of red.

Offline EgonOlsen
« Reply #14 - Posted 2013-07-05 21:20:16 »

As others have pointed out, the menu should be re-done. I actually don't bother with the commas (one could argue that they are part of the design) but the menu is hardly noticable as a menu. At first glance, it just looks like some additional catch-line.

The fact that the text uses the whole screen width makes it hard to read on anything but a 4:3 monitor IMHO, because you constantly have to move your eyes from the far left to the far right to read it.

Also get rid of this grainy background texture and replace it by a solid colored one.

And some basic SEO hints:

Give the title-tag a little more content. You already have different title-tags for the different pages, which is good. Just add some additional stuff to it.

Add a meta-description to each page that briefly describes the page's content.

You are already using h2-tags. Try to give each page one h1-tag in addition with some descriptive text in it.

Don't use images as text, use text. Whatever looks like text on a webpage should be text, not an image.



Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #15 - Posted 2013-07-05 23:10:34 »

Okay, I know I will be keeping the commas, but I will at least separate them so they aren't part of each link.

I might keep the grainy texture, but I will redo it so it doesn't look so eye-hurting.

There should be a sidebar to the left, I'm trying to avoid centering everything on the page. I additionally thought that instead of doing that I COULD just set the width for the content, so it takes up X% of the browser's width so the content itself is centered inside the screen, but the text isn't.

Something like this:


And I know, I shouldn't be using images for certain text, but for some reason I couldn't do the <h1-6> tag when I had decided I was going to make a big header for every page.

Thanks for the advice!  Cheesy

Offline Agro
« Reply #16 - Posted 2013-07-05 23:15:25 »

Writing and designing a website from scratch is really inefficient unless you really know what you're doing. If you want to make it look better you should probably use a design library like Twitter Bootstrap or just use Wordpress as your homepage or something. You can write other functionality you need by yourself of course.

Offline kpars

JGO Wizard


Medals: 99
Projects: 4
Exp: 3 years


Extreme Typist.


« Reply #17 - Posted 2013-07-05 23:23:54 »

I wouldn't think it's REALLY inefficient, but I have thought about using Wordpress, that depends if my host would allow it.

And when I mean design, I don't mean how beautiful the webpage itself is (But it's still REALLY helpful getting advice on how to make it look better), I mean how conveniently everything is placed.

-- Off topic --
"Simply Works."
I like that slogan Smiley

@EgonOlsen

I replaced the background.

Pages: [1]
  ignore  |  Print  
 
 
You cannot reply to this message, because it is very, very old.

 

Add your game by posting it in the WIP section,
or publish it in Showcase.

The first screenshot will be displayed as a thumbnail.

DarkCart (14 views)
2014-10-31 21:44:48

DarkCart (18 views)
2014-10-31 21:43:57

TehJavaDev (40 views)
2014-10-27 03:28:38

TehJavaDev (30 views)
2014-10-27 03:27:51

DarkCart (44 views)
2014-10-26 19:37:11

Luminem (26 views)
2014-10-26 10:17:50

Luminem (30 views)
2014-10-26 10:14:04

theagentd (36 views)
2014-10-25 15:46:29

Longarmx (64 views)
2014-10-17 03:59:02

Norakomi (62 views)
2014-10-16 15:22:06
Understanding relations between setOrigin, setScale and setPosition in libGdx
by mbabuskov
2014-10-09 22:35:00

Definite guide to supporting multiple device resolutions on Android (2014)
by mbabuskov
2014-10-02 22:36:02

List of Learning Resources
by Longor1996
2014-08-16 10:40:00

List of Learning Resources
by SilverTiger
2014-08-05 19:33:27

Resources for WIP games
by CogWheelz
2014-08-01 16:20:17

Resources for WIP games
by CogWheelz
2014-08-01 16:19:50

List of Learning Resources
by SilverTiger
2014-07-31 16:29:50

List of Learning Resources
by SilverTiger
2014-07-31 16:26:06
java-gaming.org is not responsible for the content posted by its members, including references to external websites, and other references that may or may not have a relation with our primarily gaming and game production oriented community. inquiries and complaints can be sent via email to the info‑account of the company managing the website of java‑gaming.org
Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines | Managed by Enhanced Four Valid XHTML 1.0! Valid CSS!