Portfolio website WIP#2 Version 2 up!

[Nadril]

This is an early WIP showing placement for my final project in Web page Design, in which I am going to be creating a portfolio site for myself. So, of course, not all of the images are final (They're all old landscapes of mine lol) and the design isn't final as well.

 

 

 

http://img7.imageshack.us/img7/4129/zac ... tfolio.png

 

 

 

 

 

Still any comments on the base layout of everything? Also the blank tab on top is for a guild page addition I'm adding later, just ignore it for now.

[Jopie211]

What the hell? That blocked due to abuse thing is weird...

[Nadril]

What the hell? That blocked due to abuse thing is weird...

 

 

 

yeah I'm trying to figure it out... damn stupid. :P

 

 

 

edit: here is the image for now. No BB code will work in my OP :/

 

[hide=][/hide]

 

 

 

edit2:

 

 

 

Version two up:

 

 

 

[hide=][/hide]

 

 

 

I decided to take a lot of suggestions. I also decided to remove the text, and instead will be using Lightbox to display the text after you click on the thumbnail. Also decided to make it a bit smaller and compact.

[Mylez]

Not bad. Simple and clean :)

[Jopie211]

I like it, three small things though:

 

 

 

Not too sure about the square preview images inside the boxes with rounded corners. It just looks a bit strange, I'd round the corners of the images inside them as well. Also, it looks like some of them are positioned inside the boxes slightly differently than others (more space at the top, that probably didn't make any sense).

 

Same with the Software Used/Render Size etc. texts, their placement is a bit sloppy. That's probably something you were going to fix later though.

 

I think the titles of the pieces should stand out a bit more, maybe try a bigger font size/different colour.

 

 

 

Good job so far though.

[Nadril]

Yeah the text is poorly placed, I didn't have much longer in class when I started on it.

 

 

 

I'll experiment with rounded images instead too, I think I like that idea. And I was planning on making the title text stand out, possibly making it blue.

[Sam]

All the text in the tabs on the bottom of each thumbnail makes the whole webpage look cluttered. If I were you, I would just have a title, and then have a larger tab to place information in at the side/bottom.

 

 

 

 

 

Maybe something more like this, just a little more spaced out :thumbup:

 

 

 

 

 

Good job Nad, KIU :mrgreen:

[woopidoo2]

That looks pretty cool, keep it up :thumbup:

 

 

 

I would un-bold the description under the landscapes though, the text barely seems to fit in the content box.

 

 

 

Ive been developing my own website too for the last weeks, on and off because of school.. but I really want to finish it since it has taken me too long already and I want to come up with something at last :)

 

 

 

Will you use any Flash in this website, or just HTML+CSS?

[Nadril]

Yeah I didn't mean it to be bold. By the time I realized class was out, so I'll fix it next week lol.

 

 

 

Chances are it will just be an HTML/CSS project, as Flash may be out of range for this project. I wouldn't mind using some flash for the image thumbnails though.

 

 

 

@littleboy: yeah I'm not really sure if the text was final or not. I just wanted to fill some space. I'll experiment around. :)

[obfuscator]

That's actually really nice. Good luck with the rest of it :)

[Nadril]

Tbh I don't really like the text font beneath each picture, too bold. Try something... "thinner"? :P

 

 

 

Like I already said I didn't mean for it to be bold, was running out of time in class. :)

[Nadril]

Version two up:

 

 

 

[hide=][/hide]

 

 

 

I decided to take a lot of suggestions. I also decided to remove the text, and instead will be using Lightbox to display the text after you click on the thumbnail. Also decided to make it a bit smaller and compact.

[VjuliusT]

Maybe a drop down text with information under the image when you hover over them with your mouse? Just a thought, could imagine it being too much though. How are you making the rounded corners? they seem really jagged actually on some of the edges.

 

 

 

Good job Nad, looks really clean and slick :thumbup:.

[Shiny]

Cleaniness is godliness, as thru said once to me.

 

 

 

And I'm just loving this clean style. Drop down menus would be so sick it wouldn't be funny. The colour scheme is tight as as well.

 

 

 

 

 

Loving it nad.

[Wongtong]

It looks excellent, nice and simple.

 

You should've hidden your name .. Zachary Cerny. :D

 

 

 

P.S The landscapes look amazing. :)

[Skully]

I really like it, but i think the blue should be changed to a more neutral colour? Might look better.

 

 

 

Btw, are those wallpapers on your dA or something for public use? :D

[Nadril]

Maybe a drop down text with information under the image when you hover over them with your mouse? Just a thought, could imagine it being too much though. How are you making the rounded corners? they seem really jagged actually on some of the edges.

 

 

 

Good job Nad, looks really clean and slick

 

 

 

I do think drop down menus might be a bit hard, I'm not sure if I can really do that using HTML/CSS. (I don't have enough time to learn java yet lol). Would be really cool though. :)

 

 

 

And I'm making the corners just using a rounded rectangle shape as a mask. Not sure why they're jagged, but I'm sure I can figure it out.

 

 

 

 

 

Cleaniness is godliness, as thru said once to me.

 

 

 

And I'm just loving this clean style. Drop down menus would be so sick it wouldn't be funny. The colour scheme is tight as as well.

 

 

 

 

 

Loving it nad.

 

 

 

Thanks. Yeah I'm trying to keep it as simple as possible, a lot of the good portfolio sites I've seen allow the user to focus more on the artwork.

 

 

 

 

 

It looks excellent, nice and simple.

 

You should've hidden your name .. Zachary Cerny. :D

 

 

 

P.S The landscapes look amazing.

 

 

 

Doesn't matter if you guy's know my name =P

 

 

 

 

 

I really like it, but i think the blue should be changed to a more neutral colour? Might look better.

 

 

 

Btw, are those wallpapers on your dA or something for public use?

 

 

 

Yeah all the wallpapers are on my dA. As far as the blue goes, I like it. On the top tabs up there the blue is represent of which "tab" you are viewing.

 

 

 

http://nadril.deviantart.com/art/Stone- ... 2-23320164

 

http://nadril.deviantart.com/art/Neo-World-70111373

 

http://nadril.deviantart.com/art/Elgard ... s-24532476

 

http://nadril.deviantart.com/art/Carpe-Diem-23954133

 

http://nadril.deviantart.com/art/The-in ... m-23578969

 

http://nadril.deviantart.com/art/Viking ... t-24209316

 

 

 

 

 

There is all of the original images.

[Jopie211]

Looks great now. :thumbup: Using Lightbox seems like a pretty good idea, although I also think drop down boxes would work very well too.

[ipkjooo]

Dropdown boxes can be done in HTML/CSS.

 

 

 

A simple way to do it is to give something a dropdown class ( a link )

 

Then in your css, give the class a background image with the list of links. Its a bad explanation, but its doable :P

[Nadril]

Dropdown boxes can be done in HTML/CSS.

 

 

 

A simple way to do it is to give something a dropdown class ( a link )

 

Then in your css, give the class a background image with the list of links. Its a bad explanation, but its doable :P

 

 

 

I'll look into it a bit.

[ipkjooo]

Ill see if I can find you a link as well.

[rik]

I can give you some links to simple html/css dropdown boxes, for example this is a very helpfull tutorial, on which i based my own css dropdown: http://www.projectseven.com/tutorials/navigation/auto_hide/

 

 

 

Also you don't have to use java for the dropdown, unless you mean javascript with java, since you only need a few lines of simple javascript to create a great dropdown :)

 

 

 

also goodluck with the portfolio ;)

[Pat_61]

Looks good Nadril. Needs more text about you and stuff on the front page IMO.

 

 

 

 

 

OT: Since we are talking about coding I have This Code:

 

        

contact form

your name



email id



comments

 

The code is suppose to make a form that send a direct email from the form to my email, but when I test it, it keeps opening Microsoft Outlook to send the message. Can anyone tell me how to do that/fix the code for me.(Note I did change the email, that's just the base.)

 

 

 

Sorry if you don't like this Nadril I'll edit if you just say too.

[Nadril]

Needs more text about you and stuff on the front page IMO.

 

 

 

That's what the "About me" page is for. Info on how to get in contact with me, ect.

[rik]

Needs more text about you and stuff on the front page IMO.

 

 

 

That's what the "About me" page is for. Info on how to get in contact with me, ect.

 

 

 

yes, but you can give a small description about yourself? For example a small bar or something with a short discription about what you do? The why you do it part van be done in the "About me" page? :)

 

 

 

And Pat_61, HTML can't send mails by itself. It is just a language to make forms, since websites are actually one big form if you look good. You have to use PHP/asp to send an e-mail on a website ;)