My first web-template; Looking for criticism.

This is the first web template I've ever done, I don't have very much experience with photoshop however I did my best (Okay; Not really, I could have invested more time, but to me it looked alright)

This took me about three hours to do; Everything is saved in its own layer.

Criticism would be nice as I'm looking to improve drastically.

[Only registered and activated users can see links. Click Here To Register...]

Ignore the "C" at the end; I have an arabian copy of Photoshop so I have to insert a character after the ')' to make it appear at the end, this is going to be removed on the actual website.

Looks great!

Don't like the fonts used, and the navigation, I don't like how you made the text have backgrounds rather than they all have a solid background behind the navigation with nothing dividing them. KIU.

Quote:

---

Originally Posted by Chancee [Only registered and activated users can see links. Click Here To Register...]

Don't like the fonts used, and the navigation, I don't like how you made the text have backgrounds rather than they all have a solid background behind the navigation with nothing dividing them. KIU.

---

Let me make sure I understand you, and I understand the fonts; That's going to be changed, that's just whatever was in photoshop. I'm still dealing with the absolute pain of converting my first template into HTML. (Then to CSS, because I need to learn how that works) Then of-course Javascript will come.

You think the NavBar should have been a solid black?

descent! nice job.

Quote:

---

Originally Posted by Jellal [Only registered and activated users can see links. Click Here To Register...]

Let me make sure I understand you, and I understand the fonts; That's going to be changed, that's just whatever was in photoshop. I'm still dealing with the absolute pain of converting my first template into HTML. (Then to CSS, because I need to learn how that works) Then of-course Javascript will come.

You think the NavBar should have been a solid black?

---

[Only registered and activated users can see links. Click Here To Register...]
Kinda.

Also, what part of this would need JavaScript? Is that bulk image going to end up being a slider?

Quote:

---

Originally Posted by Chancee [Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]
Kinda.

Also, what part of this would need JavaScript? Is that bulk image going to end up being a slider?

---

From my understanding Java-script is what makes things such as hover-buttons work, I wanted each of the buttons on the nav-bar to have a glow when you hovered over them, as-well as a drop-down menu for the "Play".

Quote:

---

Originally Posted by Jellal [Only registered and activated users can see links. Click Here To Register...]

From my understanding Java-script is what makes things such as hover-buttons work, I wanted each of the buttons on the nav-bar to have a glow when you hovered over them, as-well as a drop-down menu for the "Play".

---

You can do all of that with CSS, for example with the hover:

Code:

---

#nav a {
color:#fff;
}

#nav a:hover {
color:#000;
text-shadow: 0 0 7px purple; /*first number is the left or right movement of the shadow, second number is the top or bottom, and last number is the size of it. then it is followed by the color. */
}

---

The dropdown menu can be learned here [Only registered and activated users can see links. Click Here To Register...]
A little more complicated but it could teach a few things.

Quote:

---

Originally Posted by Chancee [Only registered and activated users can see links. Click Here To Register...]

You can do all of that with CSS, for example with the hover:

Code:

---

#nav a {
color:#fff;
}

#nav a:hover {
color:#000;
text-shadow: 0 0 7px purple; /*first number is the left or right movement of the shadow, second number is the top or bottom, and last number is the size of it. then it is followed by the color. */
}

---

The dropdown menu can be learned here [Only registered and activated users can see links. Click Here To Register...]
A little more complicated but it could teach a few things.

---

I did it in HTML :O

nav would probably look better aligned to the center and without the 'button' look

your social media links are way too big and poorly aligned, perhaps try resizing them to something smaller and try fitting them in your logo (top right)

middle image seems out of place, not sure how you'd resolve, maybe adding slider controls

overall focus seems to be lost

also smaller font for your footer