PDA

View Full Version : World's Simplest Website



mark c
31-07-2002, 03:12 PM
Anyone need a break from high tech have a look at this. Also maybe handy for anyone wants to build a website. I wrote this in Arachnophilia (free off the net), an HTML editor but did it all manually because I wanted to learn. It was very easy and lots of fun, well bit exasperating here and there.

http://homepages.visp.co.nz/~rawenelibrary

I also found the "view/source" function really helpful to see how other people had done things. Still haven't figured out how to get a jpeg into an html page but that's ok, I'll figure it out

Graham L
31-07-2002, 03:18 PM
Quick, before anyone else sees: "Reference". "C/o" not "C/-". ;-)

Otherwise, nice and clean. :-) Though I still prefer "Encyclopędia". :-(

mark c
31-07-2002, 03:22 PM
With all due respect......huh?

Graham L
31-07-2002, 03:29 PM
"Reference" is spelt "reference"; not "Referenence". Line 8. Tut. ;-)
"c/o" is an abbreviation for "care of"; "c/-" might mean "care minus". Or not. Line 3 ;-)

Us oldfashioned peepul who spell and grammarize proper, lpreer the oldfashioned spelling for encyclop$#240dia, not his modern Amurrican encyclopedia.

Polk
31-07-2002, 03:46 PM
Excuse me but MINE is the worlds simplest website. Even though it took my HOURS of programming.

http://homepages.paradise.net.nz/adrianfu/index.html

cadifan
31-07-2002, 04:39 PM
Having the a & e welded together (ę) isn't English anyway!

Thanks to the Americans for cleaning up the written English language and for pronouncing it properly.

cadifan
31-07-2002, 04:41 PM
PS

Also for building the worlds best car. cadifan (http://www.cadifan.com)

Chilling_Silence
31-07-2002, 05:25 PM
THE SIMPLEST WEBSITE EVER (about:blank) (It's not mine, but It's by far the simplest)

Hope you enjoy it :-)

Chilling_Silence

Chilling_Silence
31-07-2002, 05:27 PM
type:
imagename.jpg and that'll do your Jpeg for ya!
Just make sure it's in the same folder as the HTML code!!!

Chilling_Silence

Heather P
31-07-2002, 05:59 PM
You're all wrong. The world's simplest website is available here (www.1112.net/lastpage.html)

loser
31-07-2002, 06:05 PM
of course, it doesn't HAVE to be in the same folder... you can use either a relative or absolute path name in the IMG tag...
like this....
./subfolder/subfolder2/imagename.jpg
this is "relative" by the way...

Graham L
31-07-2002, 06:07 PM
I thought mine was pretty minimal effort (on my part anyway): Says it all, really (http://laputa.orcon.net.nz/).

You cheated, Heather. I can cause the PressF1 server to fail, too (nosite.nowhere.net/).

Heather P
31-07-2002, 06:11 PM
Did not too!

I tried to look at a couple of the previous links and came up with a blank page so had a go at the url code (and stuffed it up). Page is here:
http://www.1112.net/lastpage.html

Graham L
31-07-2002, 06:42 PM
I see, Heather, I was assuming malice, when it was simple incompetence. ;-) That's how I discovered it too. :D But I used preview, clicked on the processed url, fixed it and got in a dig at you. B-)

Terry Porritt
31-07-2002, 07:04 PM
Hang on Cadifan, with a Celtic sounding name like that who are you to criticise the English language? :O

You cannot get back to any more basic English than ę, and I should know, near to where I lived as a teenager, a place called Old Hill, the locals still spoke Old English, no kidding.

I liked marks web site, plain, simple, fast, just like they used to be, excellent.

Heather P
31-07-2002, 07:47 PM
Graham,

Thank you for your vote of confidence. Much appreciated I'm sure...

Me malicious? Not usually... it's such a waste of energy... and there are far more entertaining ways of using spare energy...

Susan B
31-07-2002, 11:33 PM
Mark, I once knew a Lyn Dawson - can you give a few more details about her? It's probably a fairly common name but it would be really good if she was the same one I knew.

E.ric
01-08-2002, 03:50 AM
Just trying to be helpful, On your index page I thought your
<h3><font color=#804040> was a bit strange so I went too http://validator.w3.org/ and I think maybe you should take it up from there. Otherwise you will learn bad habits.

PART 2
Personally I would drop the <font> and stick with <h3> you can do a lot more with it like DHTML or cascading style sheets (css).

try this

<style type="text/css">
h3.darkred {color:#804040}
</style>

</head>
<body>
<h3 class="darkred">

codegirl
01-08-2002, 09:31 AM
whoah, I wouldn't get too complicated too soon. start with html, then work your way up.

mark c
01-08-2002, 10:30 AM
> "Reference" is spelt "reference"; not "Referenence".

Oh i c. Thanks Graham. I have no prob with 'modern' spelling. Never yet met an English Lang purist who spoke like Chaucer.

mark c
01-08-2002, 10:32 AM
> THE SIMPLEST WEBSITE EVER (about:blank)

LOL. V Good. :)

mark c
01-08-2002, 10:37 AM
> of course, it doesn't HAVE to be in the same
> folder... you can use either a relative or absolute

Thanks for the tips. Brain turned to baked beans about relative and absolute pathnames, had to give it a rest. I understand the diff but still can't get it to work. Will keep bashing away.
>>>>>>> Cheers and have a sunny day like we are up here

Susan B
01-08-2002, 11:08 AM
It's really easy Mark, once you get the hang of it.

Say you want to put in a pic of a library book and the image is called "book.gif".

If you've got all your website files (the .html files) in the same folder then just upload book.gif to that folder. That's the easiest way but not good practice for large sites with lots of pages and graphics, but you don't need to worry about that yet.

On the pages that you want to put your "book.gif" graphic, insert this tag:

book.gif

where you want the pic to be and hey presto, there's your image of the library book. That is the most simplest tag and you can add other attributes such as no border and an "alt" description for people who browse with graphics off. The "alt" description is also what you see when you hover your mouse over a graphic, so your tag will then be like this:

book.gif

There are other attributes as well, such as left, center or right alignment.

That path is a relative one because it is in the same folder as the .html file. If it was an absolute path the tag would be like this:

http://homepages.visp.co.nz/~rawenelibrary/book.gif

but you don't really want that, because if you move your pages to another site and the link names change, or the "book.gif" gets moved to another folder the link will no longer be correct and the image won't display.

So, all you need now are some graphics....

Susan B
01-08-2002, 11:12 AM
Just thought of something: if you are having trouble getting a "jpeg" pic into your page, maybe you have named it wrongly? A file should be "book.jpg" not "book.jpeg".

Jpeg graphics are normally photographs with lots of colour and of a large size file-wise. If you have an image that is not a photo, use the .gif format instead.

mark c
01-08-2002, 11:18 AM
Gee Susan B, that's great, thanks.

Heather P
01-08-2002, 12:01 PM
Absolutes v Relatives:

Abolute references refer to the machine and whole path to a file.
eg. http://pressf1.co.nz/

Relative references refer to a file relative to where you are now.

In the following example there are 3 folders. MySite is a parent folder, the other 2 are child folders.

MySite 123.htm
/ABC 456.htm
/DEF 789.htm


/ = Root Directory
./ (or nothing)= Current Directory
../ = Parent directory

To call page 456.htm from 123.htm the code is
="./ABC/456.htm" (or ="ABC/456.htm")

To call page 123.htm from 456.htm the code is:
="../123.htm" (go back a step to the parent folder and find the file)

To call page 789.htm from 456.htm the code is:
="../DEF/789.htm" (go back a step to the parent then forward again)

Always use relative references on your own site and absolute references to someone else's site.

Greg S
10-08-2002, 12:32 PM
Gee you folks have got it SO wrong!

The world's simplest website EVER is here (http://www.mis.co.nz/simple)!

Greg S
10-08-2002, 12:33 PM
OOPS! I seem to have got the wrong end of the stick :( haha

Graham Petrie
10-08-2002, 04:54 PM
A really good description of the various bitmapped graphics formats (ie bmp, tif, gif and jpg) can be found at http://www.designer-info.com/Writing/bmp_tiff_jpeg_gif.htm]Image (http://www.designer-info.com/master.htm?[url) File Formats[/url].

You can use jpeg or jpg. It doesn't matter how you spell it as long as the filename matches the entry in the website. jpg is to maintain compatitbility with older machines using 12.3 filenames (eg windows 3.1) Older machines can't read the four character file extension, so it is best to stick with three (jpg) to maintain compatibility.


Jpegs are good for photo's with lots of colours, or images with lots of fades (ie when one colour slowly fades to another).

gifs are best for graphics with lots of continuous tone or few colours. (they work by only saving a few colour (max 256) and thus reducing the bit length of each pixel, and thus saving space (eg a graphic that is ONLY red blue and white - like the NZ flag - only has three colours, and so the bit-length can be 2 bits (you can actually have up to four colours with 2 bits). The gif then compresses itself using LZW compression to be even smaller.

Tif are best for graphics that are going to be printed. They also use LZW compression and so can get rather large if the graphic is a photo, but benifit for graphiics with large continous areas of a single colour that are intended to be printed.

So best or web is as Susan said (gif for graphics with few colours and large areas of the same colour like logos and diagrams, and jpeg for photos and pictures with many colours that are intermingled to give continuously changing colour).

Happy? Confused? Don't worry, you will suss it out eventually - I only just figured it out properly a few weeks ago - until then I didn't really know.

G P

Heather P
10-08-2002, 05:37 PM
>>12.3 filenames

8.3 filenames

E.ric
10-08-2002, 06:35 PM

E.ric
10-08-2002, 06:50 PM
> Gee you folks have got it SO wrong!
>
> The world's simplest website EVER is
> here (http://www.mis.co.nz/simple)!

Sorry from my last reply my mother used to tell us "if you can not say anything nice, don't say it at all" so I said it in bold.:-)

Anyway I have a few folder on the web site with a file called index.html that have;

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Not a blank Page</title>
<style type="text/css">
h1 {font-family: wingdings;color:pink;font-size:300pt;text-align:center}
</style>
</head>
<body>
<h1>AJ</h1>
</body>
</html>

Graham Petrie
10-08-2002, 07:04 PM
:8)Oops, thanks Heather - that's what I meant.:8)

BTW, isn't there a version of Windows that does support 12 character filenames, but only 3 char extensions?

G P

exLL
11-08-2002, 12:28 AM
This is not the simplest web site, but it's gotta be the tiniest!

(Make sure you click on the centre bit)

tiniest web site (http://www.guimp.com/)

exLL
11-08-2002, 12:46 AM
Re The worlds tiniest web site, I said to click on the centre bit.

Make sure you study it closely as it is interactive, with playable games and pop up instructions etc. It has forward and back arrows. You will need good eyesight or a magnifying glass.

Cheers.