How do you make a website like this, esp. the pics? Is it just photoshop...

kevinshrugged.com/projects/shrugged/academics.html

I thought this site is awesome.

Especially the visuals ><!

I suck at CSS and everything ... but I guess I can start with some photoshop ^^.

That's how its done right?

yups
images with photoshop ....
n
css

Start small.

Look at pieces.

On the page you give there are a couple of places where there is big text inside some even larger background quote marks.


If you view source you an see that the mark up for this is nothing more than:

<div class="quotes">
Then we started to make permanent changes, stuff that really made a difference.
</div>

The visual stuff is all the styling.

The style for this look like

.quotes {
background-image: url(images/academics/quotes.png);
font-size: 36px;
color: #FFFFFF;
width: 683px;
height: 79px;
padding-top: 40px;
padding-bottom: 40px;
line-height: 25pt;
background-repeat: no-repeat;
text-align: center;}

Which just says that for anything with the class quotes, give it big, white, centered text in a box with these dimensions that has a background with this image.

Baby steps.

[edit- stupid. didn't see the date on the OP. stupid]

neither did i