Website Design

[kitki83]

I am self-learning web design with coding. I am using NVU which is easy to understand for me.

I am working on some layouts and experimenting around w. I made this template to test it out, get a feel of coding to live process is like and what elements change during that.

Wanted some advice about layout, as you can see its for a Graphic Designer Portfolio but I just want help because the layout just looks weird to me or cant figure out how to do certain things which are:

1. How can i create stack of elements without that small space between them. I am currently using tables to get my layout grid the way I want it. Is there something else or approach I can take. I know very little CSS barely touching it.

2. For a portfolio design, is it hard navigation just from what you see on the website.

3. Being this just a practice run for me in making a website, what advice do you have when I start going for my final version?

4. What do you think of the color scheme blue and gray?

Website


Thank you for taking the time in reading my post and helping someone whose learning XHTML by coding learn more about this.

 

[tschoftner]

colour scheme

I like the colour scheme!! I think you should go ahead with that!
Thomas

 

[snickelfritz]

I like your color scheme, but the title and navigation are a bit oversized IMO.
I also think you need rollover links for the navigation.
The inner shadow effect is almost working on the title, but it's not at all in the navigation. Keep the graphics simple; let your website stand on other merits, such as the content and overall organization.

Learn CSS immediately.

 

[kitki83]

Update

http://lillikira.com/horus/

Here is my update

I change from tables to CSS, but I need everyone if they can check it out, I got my friend who said the banner did not load. I think its her browser settings.

Thanks for any help

 

[Nicolasdec]

I like the colors, are you useing NVU, you could also try coda. but NVU is very good.

 

[kitki83]

Nvu and Textmate

I just tried out Textmate, honestly I love Textmate. Nvu is great. I use both programs side by side because one has something the other doesn't. Before it was all done in tables (look at other links which are placeholders), now I redid it with CSS. First time doing a website.

 

[Nicolasdec]

when you are done, Tell us the URL.

 

[angelwatt]

Some suggestions:

The text in the legal area is way too small. 9px isn't readable on my screen. For a serif font like you're using there I'd say 12px is as small as you wanna go and have it be mostly readable. Also when using small font sizes it's usually better to use a sans-serif font.

I'm also not sure why you have so much space between the content and legal block. It just looks odd to have that much space. Seems like something is missing.

Semantically speaking, you should probably make the date an H1 tag and use CSS to style it accordingly rather than having a couple BR tags after it.

Overall though it looks pretty good. The blue for your name on the banner vibrates (visually not physically) a little with the background, but not horribly.

 

[eto]

Along with increasing font sizes for readability you should consider setting a baseline font size eg:

body{
   font-size: small;
}

After the baseline is set you can use percentages to set other sizes like headings and specific ids and classes eg:

h1 {
   font-size: 200%;
}
h2 {
   font-size: 175%;
}
.tinyType{
   font-size: 85%;
}

This method gives more flexibility for adjusting font size to the client browser especially with older IE. You may lose a tiny (very tiny) bit of control over the final look but give end users with vision problems a chance to see what you have to offer.

 

[kitki83]

Update

well I worked on the website, I got skeletal structure together, I would like some help with certain things.

I cannot get InBlogIt (blog) to register the directory on my server and read the files I uploaded. I do not know what I am doing wrong. If anyone can help me I would appreciate it.


Also in my resume, whats a creative way in making links for the email and resumes. I was trying to make similar feel to the boxes on top but I got Navcontainer cannot be repeated?


Thank you.


Next step CSS thumbnail design for Portfolio and photography.

 

[ezekielrage_99]

One point, please change the background image.