![](/i/fill.gif) |
![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Have a look at this:
http://vis.renci.org/jeff/
No, ignore the text. Look at the site design. How the heck do you *do*
stuff like that?! o_O
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible <voi### [at] dev null> wrote:
> Have a look at this:
> http://vis.renci.org/jeff/
> No, ignore the text. Look at the site design. How the heck do you *do*
> stuff like that?! o_O
Ever heard of this program called Photoshop? Although other similar
programs exist too.
--
- Warp
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Invisible wrote:
> Have a look at this:
>
> http://vis.renci.org/jeff/
>
> No, ignore the text. Look at the site design. How the heck do you *do*
> stuff like that?! o_O
The background image?
I think, it's "just" different layers and gradients.
Gimp
---
bluetree
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
Warp wrote:
> Ever heard of this program called Photoshop? Although other similar
> programs exist too.
OK. So you create a cool background image. Now how do you build a
complex website out of that?
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>> Ever heard of this program called Photoshop? Although other similar
>> programs exist too.
>
> OK. So you create a cool background image. Now how do you build a
> complex website out of that?
Looks like a simple page to me.
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>> OK. So you create a cool background image. Now how do you build a
>> complex website out of that?
>
> Looks like a simple page to me.
No, *this* looks like a simple page to me:
http://www.orphi.me.uk/rev1/02-Computers/01-Workings/01-Basic.html
Quite how you turn something like that into the elaborate construction I
mentioned I have no idea. (E.g., somehow changing the text size doesn't
break the alignment of the individual image elements...)
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>>> OK. So you create a cool background image. Now how do you build a
>>> complex website out of that?
>>
>> Looks like a simple page to me.
>
> No, *this* looks like a simple page to me:
>
> http://www.orphi.me.uk/rev1/02-Computers/01-Workings/01-Basic.html
No, that looks like a word document from the 80s ;-)
> Quite how you turn something like that into the elaborate construction I
> mentioned I have no idea. (E.g., somehow changing the text size doesn't
> break the alignment of the individual image elements...)
Learn about the div tag and how to set the location, size, colour, borders,
margins etc for it.
*This* is a complex page:
http://www.amazon.co.uk/
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
>> No, *this* looks like a simple page to me:
>>
>> http://www.orphi.me.uk/rev1/02-Computers/01-Workings/01-Basic.html
>
> No, that looks like a word document from the 80s ;-)
Yeah - and I'd like to make my website *not* suck quite this badly.
[As an aside... _my_ Word documents *still* look like this! :-P I don't
know what's different about yours.]
>> Quite how you turn something like that into the elaborate construction
>> I mentioned I have no idea. (E.g., somehow changing the text size
>> doesn't break the alignment of the individual image elements...)
>
> Learn about the div tag and how to set the location, size, colour,
> borders, margins etc for it.
Or, perhaps more usefully, figure out how this is useful for something?
> *This* is a complex page:
>
> http://www.amazon.co.uk/
Yes. And I'm not sure I really like it that much. (And you *certainly*
couldn't describe it as being pretty.)
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
> [As an aside... _my_ Word documents *still* look like this! :-P I don't
> know what's different about yours.]
Well they have diagrams, photos, headers and footers, page numbers etc.
>> Learn about the div tag and how to set the location, size, colour,
>> borders, margins etc for it.
>
> Or, perhaps more usefully, figure out how this is useful for something?
Umm, you need to be creative, using div and its friends just gives you the
tools to make a nice looking page, doesn't automatically do it for you.
Start off with just placing a few boxes around and getting the feel for how
it works. Get a book on CSS or just google some tutorials. Or if you're
hardcore just read the HTML 4 reference and work everything out :-)
>> http://www.amazon.co.uk/
>
> Yes. And I'm not sure I really like it that much. (And you *certainly*
> couldn't describe it as being pretty.)
Agreed, although it depends what comes up on your front page :-)
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
scott wrote:
>> [As an aside... _my_ Word documents *still* look like this! :-P I
>> don't know what's different about yours.]
>
> Well they have diagrams, photos, headers and footers, page numbers etc.
OK, well mind have headers and footers for the document title and page
number, yes. There's usually not much call for anything else though. (I
write dull procedure documents, remember?)
>>> Learn about the div tag and how to set the location, size, colour,
>>> borders, margins etc for it.
>>
>> Or, perhaps more usefully, figure out how this is useful for something?
>
> Umm, you need to be creative.
Yes. This is where I fail. At almost everything there is.
I can look at something and go "hey, that's cool". I can attempt to copy
it, sometimes successfully. But I am hopeless at originallity. That's
why I can't write stories, compose music, render interesting images, or
produce a feature-length animated film. It's also partly why I can't
build an interesting website...
...but the main reason is, I have *no idea* how to chop an image up into
little pieces, put them onto a web server, and switch then back together
with HTML and CSS so that the text sits nicely over the top. O_O
> using div and its friends just gives you
> the tools to make a nice looking page, doesn't automatically do it for
> you. Start off with just placing a few boxes around and getting the feel
> for how it works. Get a book on CSS or just google some tutorials. Or
> if you're hardcore just read the HTML 4 reference and work everything
> out :-)
Bah. I've already read the HTML 4 spec. A long time ago. XHTML is the
current technology, yes? I've also read the various CSS specs. [And then
been sorely dissapointed that most of it isn't supported by any known
browser yet...]
>>> http://www.amazon.co.uk/
>>
>> Yes. And I'm not sure I really like it that much. (And you *certainly*
>> couldn't describe it as being pretty.)
>
> Agreed, although it depends what comes up on your front page :-)
Uh... the same as everybody else? (It's not like I'm logged in...)
Post a reply to this message
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |
| ![](/i/fill.gif) |
|
![](/i/fill.gif) |
|
![](/i/fill.gif) |
| ![](/i/fill.gif) |