PDA

View Full Version : Web Page Design


llis
10-26-2000, 07:15 PM
If you could give someone one tip on designing a clean, fast, web page. What would you say? I am talking about the gateway page...the page you first hit when someone goes to your site?

------------------

See you in the Cafe Chat Room (http://www.wetcanvas.com/Community/WetChat/index.html) ...Or, stop by ... the Virtual Cafe Guerbois (http://www.artistnation.com/members/paris/cafe/) today and sign up for one of the painting/drawing projects!

Rod
10-26-2000, 08:11 PM
Keep it simple, text only.
Choose a neat font, have title , welcome and enter only,
Rod

------------------
Rodzart from New Zealand (http://www.artistnation.com/members/paris/rodzart/)

linart
10-27-2000, 01:38 AM
Alot of servers, and search engines like Yahoo, offer free web sites with formats that are 'dumb-proof'. An on-line class I took this summer reccommended this as a trial...a 'getting the feel of it', and also sugested at the same time setting up a 'dummy' e-mail..to make it really practice.

nnelson1
10-27-2000, 09:46 AM
Originally posted by Rod:
Keep it simple, text only.
Choose a neat font, have title , welcome and enter only,
Rod




I would add a description, as well. Some pages have a very cryptic index.html and you have no idea what you're getting into.

Example
Hi, and welcome to my pastel web page. C'mon in and get to know me and my art!"

This leaves no doubt as to what the site is about.

Cheers,

Nick

P.S. A very easy to use web page deisgner is MicroSoft's FrontPage 2000. Very powerful but, if you use the tutorial before doing anything else, you'll be doing professional web pages in no time. http://www.wetcanvas.com/ubb/biggrin.gif

tammy
10-27-2000, 10:40 PM
There are many ways to do the front page. As a whole the website as well as the first page should always be neat, clean, easy to navigate with (hopefully no broken links).
I'm not always good at it myself, but all the pages should have a consistent feel to them so people feel that they are on the same site.
I find the "welcome come on in page" just an extra page to load especially if it is built with alot of fancy doodads that move and groove, but sometimes it is useful and a lot of people use this method. Otherwise I do agree with Rod about this although I use links to my other pages on the first page as well.
Remember bout the First impression may be the last impression. Make it one that people will look on favorably.
Good luck with it.


------------------
Tammy "I MUST be an Artist, artist".

Roan
10-29-2000, 10:46 PM
Hrm, here's a few tips and some pet peeves of mine:

1) Keep it simple and don't put huge graphics on it. Some people are still cruising at 28.8 baud.

2) Make it SHORT!!!! Make ALL your pages short! Nothing worse than a site that has everything on one page. No one likes to scroll or wait for text to load. This can be just as bad as huge graphics. Keep each page below 50k whenever possible. If your artwork is larger than that, make a thumbnail and a link to the larger one. Let the visitor decide if they want to see a larger image or not, don't force it on them. They'll go away.

3) Please, please, please don't make it "best viewed with BLAH BLAH or at BLAH BLAH resolution". Most people are not going to change their resolution or browser just to view your site. Make it viewable with both Netscape and IE and 600 pixels up.

4) Be descriptive. Make sure your main page will tell people exactly what the site is all about. If you design it with the navigation buttons directly on it, so much the better. In our line of work, however, just saying that it's a "gallery and/or studio of fine art" is pretty much self-explanatory.

5) Be careful with the javascript. Some poorly coded javascript will crash browsers A lot of DHTML stuff that works in IE won't work in Netscape -- and vice versa. Test it with both.

6) One of my pet peeves are pages with flashing backgrounds, etc.,. It reminds me of the <BLINK> text days *shudder*.

Hrm, I used to have a list of stuff I had posted on my "HTML How To" page. I'll see if I can find it somewhere.

Hugs for now!

------------------
A'bheinn as Óirde tha san týr, 's ann oirre 's trice chý thu 'n ce˛ --
<FONT size="1"> The highest hill is oftenest covered with clouds.
-- Scots Gaelic proverb.</FONT s>

sherville
11-05-2000, 06:45 AM
I think the first rule would have to be:
* No animated GIF's - those things can get very annoying very quick.
* Each page on your site should contain a link to every other page on your site - there is nothing worse than becoming 'lost' within a site.
* I agree that those "best viewed at" notices are silly.
* If you must have a large image on your front page, cut it up, and stick it in 'tables'.
* I also agree with "Keep it short" Pages should not take up more than one and a half screen lengths, although a front page should probably not scroll at all if it can be at all helped.
* And most Importantly, always remember - K.I.S.S - Keep it Simple, Stupid. http://www.wetcanvas.com/ubb/biggrin.gif
At least thats all the things that annoy me.
http://www.wetcanvas.com/ubb/smile.gif

kayemme
11-05-2000, 02:46 PM
i would suggest using a plain background..

nothing irritates me more than a patterned background.. it makes for text difficult to read AND distracts from your imagery.

km

wanderfast
11-06-2000, 05:52 PM
God save me from Computers. I dont wanna build a web site but I dont wanna pay the bucks to have it done. Are there really dummy proof templates out there to build a simple web site? Can someone recommend one? Or two?

animal
11-06-2000, 06:02 PM
Yes there are templates for beginners out there,
http://www.tripod.com http://www.angelfire.com



[This message has been edited by animal (edited November 06, 2000).]

Phyllis Franklin
11-06-2000, 06:18 PM
Try the templates at our sister site http://www.artistnation.com In the near future, new templates will be added as well.

http://www.wetcanvas.com/ubb/biggrin.gif

------------------

Yep this is Phy...llis
Sounds like Lizz.
P.S.
Join in the fun! Paint one of the painting projects today. (http://www.wetcanvas.com/Community/WetChat/Projects/index.html)

Roan
11-07-2000, 08:54 AM
Figures I can't find any of my old "HTML How-To" files. Bah.

I could agree more with Kayemme's comment on textured backgrounds. Along with that are bright complementary text/backgrounds (eg. bright orange text on a bright blue background), dark backgrounds with bright text (black background with neon-yellow text), and vice versa. Some of that stuff does work, but a lot can actually can hurt the eyes. One thing I've noticed is a lot of "color problems" are usually platform generated. What I mean by this is that a web page that has been created very colorfully with textured backgrounds or bright text/backgrounds on a Mac won't look the same at all on a PC, and vice versa.

Oh, ads, banner ads, and cookies. Not only are too many ads and banner ads annoying, but many of those banner ad and ad programs store cookies on your computer regardless if you click on the ad or not. I occassionally go thorugh my cookie directories and delete them all. Personally, I do not want advertisers putting cookies on my machine and therefore have cookies set to "prompt". One site I recently visited was designed with frames and had all its ads on the bottom frame. Every time I tried to access a page it prompted me 11 times for cookie storage. I left real fast.

That's just me, of course. I just don't care to have just anyone tracking where I've been or what I've been doing.

Hugs!

------------------
A'bheinn as Óirde tha san týr, 's ann oirre 's trice chý thu 'n ce˛ --
<FONT size="1"> The highest hill is oftenest covered with clouds.
-- Scots Gaelic proverb.</FONT s>

LDianeJohnson
11-07-2000, 08:14 PM
All of the above are essential for the first page of a Web site.

The key to fast-loading is to keep the total of all the graphics and page itself as small as possible. That is, below 50k, and the smaller the better. Optimize the size of your graphics and streamline your html code to strip it of unnecessary programming. There are sites to help you automatically find/remove unneeded code as well as optimize graphics.

The very fastest loading page would be to put a simple graphic with a couple of words of text, then have it time-out/jump to your primary home page. The downside of this is that if the jump time is too fast, some search engines will not pick your site up. Best to keep your main page small memory-wise, without sacrificing your essential info.

One last sometimes overlooked item. Be sure your Web host is very fast. If it is overloaded with traffic or is not driven by powerful servers, that too, will slow your page(s) down.

Two of the best sites for site development and high-end design:
<A HREF="http://www.highfivearchive.com/core/index.html">High Five</a>
<A HREF="http://www.hwg.org">The HTML Writer's Guild</a>
<A HREF="http://html.about.com/compute/html/">HTML how-to from About.com</a>

Diane


[This message has been edited by Artistry (edited November 07, 2000).]

[This message has been edited by Artistry (edited November 07, 2000).]

tammy
11-08-2000, 12:22 AM
Thinking of the patterned background, I thought who could do a background better that an artist? Eg. Lets see, should it be cool or warm colors? Should I add shadows or not?
hehehe. Am I not right?

Btw yellow and red neon kills my eyes! Ah that flashing text when its not really moving!
http://www.wetcanvas.com/ubb/smile.gif

------------------
Tammy "I MUST be an Artist, artist".

sherville
11-08-2000, 04:43 AM
www.webmonkey.com (http://www.webmonkey.com) have pretty good tutorials for both beginers and experts

sandge
11-11-2000, 06:46 PM
No music!

s

------------------
http://www.fletcherfineart.com

LDianeJohnson
11-12-2000, 07:07 PM
Here ya go...some music for your site:

<A HREF="http://www.webdiner.com/webadv/inter/audio.htm">- Tutorial on Web Page Music from the WebDiner</A>
<A HREF="http://www.funkyfreestuff.com/free-mp3s.html">- Free Stuff</A>
<A HREF="http://www.domainoftheinfinite.com/music.html">- Free Streaming Audio / Music Web Radio</A>
<A HREF="http://www.vstore.com/cgi-bin/pagegen/vstorecds/musicfactory/page.html?mode=home&file=/page/home/home.spl">- The Music Factory</A>

------------------
Paintings by L. Diane Johnson (http://www.LDianeJohnson.com)
Workshops for 2001 (http://www.LDianeJohnson.com/workshops)

henrik
11-13-2000, 06:36 PM
Definitevly no music!
Unless the presentation is a multimedia thing where music and images are composed into a whole. But just some background music - yuck.

sandge
11-13-2000, 07:26 PM
Originally posted by Artistry:
Here ya go...some music for your site:



Aaaaaaaaaaaaaargh! Or as they say in Sweden: Yuck! http://www.wetcanvas.com/ubb/smile.gif

After all, background music isn't.

s




------------------
http://www.fletcherfineart.com

eyeburp
11-30-2000, 01:12 PM
An old favorite of things to avoid: http://www.webpagesthatsuck.com/

Roan
11-30-2000, 07:49 PM
oh my gosh. I didn't know that site was still around! He's been out there since at least 1995.

Wonder if Mirsky's Worst of the Web is still out there . . . oh man, he's gone. Sniff. He almost KILLED our server in 1995 when he voted one of our customers as "Worst of the Web". Imagine putting detailed house plans (ever floor, window, ect.,.), including street photos AND your address and phone number on your web site. Sheesh!


------------------
B'fheÓrr gun t˛iseachadh na sgur gun chrýochnachadh. --
<FONT size="1">Better not begin than stop without finishing.
-- Scots Gaelic proverb.</FONT s>
RoanStudio.com (http://RoanStudio.com)

LDianeJohnson
12-06-2000, 02:58 PM
I don't advocate music for web sites. As a site developer/designer for 6 years I found it to be very problematic for visitors. It is difficult to secure a piece of music everyone will like, have it load quickly, or find one totally appropriate to the subject matter of the site.

If anyone does consider using music, choose carefully and be sure your sound clip is as good a quality as possible.

------------------
Paintings by L. Diane Johnson (http://www.LDianeJohnson.com)
Workshops for 2001 (http://www.LDianeJohnson.com/workshops)

LDianeJohnson
12-12-2000, 12:21 AM
Here is a new site I just developed for an art tour company, <A HREF="http://www.epatours.com">En Plein Air Art & Discovery</A>.

HoweBzar
12-19-2000, 04:14 PM
I'm interested in the thoughts on muzak. I am near to completing my online gallery and I have given an option for background music.

I decided to use an online radio station that allows you to choose your own music mix.

This was after playing for ages with midi files, but they all sound so cheesy, even the good ones.


I would say that it is important to give the viewer the choice, I hate enforced background midi tunes (and can point you to a good example offline) especially if you are moving from window to window quickly as tends to be the case.

The radio option opens up in a separate window and is completely independant of the rest (this is a bit of a pain as you can lose the initial focus but with a bit of the dreaded JavaScript that can be overcome - I agree about testing JS on Netscape and IE, from bitter experience).

My station plays a mix of classical, jazz, soul, blues and dance and seems to work well in a gallery setting. You decide...
http://radio.sonicnet.com/mymusiclisten.asp?name=howebzar

I think there's an option to start your own if you like it.

Enjoy dudes!

------------------
Steve Howe
www.howe-bzar.co.uk (http://www.howe-bzar.co.uk)

HoweBzar
12-19-2000, 04:17 PM
Originally posted by Artistry:
Here is a new site I just developed for an art tour company, <A HREF="http://www.epatours.com">En Plein Air Art & Discovery</A>.
Neat front page...even the doodads are tasteful!



------------------
Steve Howe
www.howe-bzar.co.uk (http://www.howe-bzar.co.uk)

LDianeJohnson
12-20-2000, 04:23 PM
Thank you HoweBzar,
Welcome to WC!

------------------
Paintings by L. Diane Johnson (http://www.LDianeJohnson.com)
Workshops for 2001 (http://www.LDianeJohnson.com/workshops)

llis
01-29-2001, 07:22 PM
http://www.wetcanvas.com/ubb/biggrin.gif

------------------
Phy...llis Franklin
WetCanvas! MOM
Blackberry Ridge Studio & Art Gallery (http://prf.artistnation.com)
Hope to see you in the Cafe Chat Room (http://www.wetcanvas.com/Community/WetChat/index.html) Or...Find me in the
Community Projects (http://www.wetcanvas.com/Community/Projects)

bobsart
01-30-2001, 04:21 PM
I have microsoft frontpage 2000 that I'm playing with. I was wondering if it is a good idea to use that program to generate my web pages and then up load it to Artistnation. Any feedback?

llis
01-30-2001, 05:33 PM
That is what I use to do my pages. The only thing is.... watch the coding of your image files when you get the html uploaded to your site. Front page will code the image tags to refect were the image is located on your computer...not where it is located at artisnation. It will look something like this img src="file:///C:/My%20Documents/blackberry/sunflowers.jpg"
..............
When it should look like this ... img src=images/sunflowers.jpg ... if you have uploaded your image called sunflowers to your image folder in your file manager.

On occasion I have forgotten to check my file names and friends have called me to tell me that my images are not showing up. Always, this is what has happened. The page looks good to me because my computer can find the images using the file name that front page has given. But, others can't see my image because they are not on my computer and I have not fixed the codes to refect the image place at artistnation. I know this is not clear. Maybe someone else can explain it better. http://www.wetcanvas.com/ubb/frown.gif

------------------
Phy...llis Franklin
WetCanvas! MOM
Blackberry Ridge Studio & Art Gallery (http://prf.artistnation.com)
Hope to see you in the Cafe Chat Room (http://www.wetcanvas.com/Community/WetChat/index.html) Or...Find me in the
Community Projects (http://www.wetcanvas.com/Community/Projects)

Roan
01-31-2001, 11:13 AM
Marilyn:

I use Guidescope for that. It's free and totally blocks all those annoying adds -- it doesn't even go to their server at all, just prints a blank image.

If you are interested in checking that out, just go to www.guidescope.com (http://www.guidescope.com)

The only thing it doesn't do is block cookie crumbs, which is fine. Like you, I just leave if it asks me for more than 4 cookies :P

------------------
<FONT face="Script MT Bold"><FONT COLOR="#AB4835"><FONT size="5">Roan</FONT s></FONT c></FONT f>
<FONT COLOR="#8A1010">Nan dŔanadh mo lÓmh mar a dh'iarradh mo sh¨il!</FONT c>
-- <FONT size="1">If my hand could do as my eye would desire!</FONT s>
RoanStudio.com (http://RoanStudio.com) &lt;-- pastel open stock vendor sources & reviews!

bobsart
02-01-2001, 03:51 PM
You were very clear illis.