HI all My Frist Web Site [Archive]

Click to See Complete Forum and Search --> : HI all My Frist Web Site

Ash:o

08-13-2004, 11:10 AM

Hi all, i have made this web site for a friend who is starting up a remote controle sailing culb, i would like to get some feed back on it,I have used frontpage to do it with. some of you may not like that but me only learning. Please tell me what you think.

Seawind Club of South Australia (http://www.seawindclubs.a.x8r.com)

Booooze

08-13-2004, 12:10 PM

thats your first website? wow, thats really quite good looking. very pleasing to the eye. problems are, don't use tables for layout. many people make that mistake on there first try. Convert it all to Css instead. and as for your links, you can use css for that too, and then you can get rid of the javascript. your images are simple enough that you can create the same effect using css by simply change the background color on the specific link. other than that, validate your code here http://validator.w3.org/ and your website will look very professional:)

Ash:o

08-13-2004, 05:29 PM

Originally posted by Booooze
thats your first website? wow, thats really quite good looking. very pleasing to the eye. problems are, don't use tables for layout. many people make that mistake on there first try. Convert it all to Css instead. and as for your links, you can use css for that too, and then you can get rid of the javascript. your images are simple enough that you can create the same effect using css by simply change the background color on the specific link. other than that, validate your code here http://validator.w3.org/ and your website will look very professional:)

Hi Booooze, how do i Convert it all to Css, and what dose validate code do.Im new to it all.

Yours Ashley :)

BuezaWebDev

08-13-2004, 07:34 PM

Originally posted by Ash:o
Hi Booooze, how do i Convert it all to Css, and what dose validate code do.Im new to it all.

Yours Ashley :)

I'm not Booooze, but I'll answer your questions.

How to convert to CSS design
http://www.w3schools.com

Okay, once you've read through that site, you can start off by creating a skeletal structure of your web site.

<html>
<head>
<title>Title</title>
</head>
<body>
<div id='container'>
<div id='banner'>
 
</div>

<div id='navcontainer'>
<ul id='navbar'>
<li>Home</li>
<li>Membership</li>
<li>....etc</li>
</ul>
</div>

<div id='content'>
<dl>
<dt>Welcome</dt>
<dd>Welcome to the Seawind Club of South Australian website.</dd>
<dd>This Club & Club website has been put together to help Seawind
enthusiasts get the most out of there R.C. racing yacht in South Australia.
We are currently & slowly putting things to together, As you may understand
it will take some work to do this & we cannot do it without your help. So if
you live in metro Adelaide South Australia & own a Seawind or are thinking of
purchasing one then we would be more then happy to hear from you. For
more information & contacts please follow the links provided.</dd>
<dt>Yours the Seawind Club of South Australia Committee.</dt>
<dt>Thankyou for visiting our website.</dt>
</dl>
</div>
</div>
</body>
</html>

Something like that. Then you start styling it with CSS :D But I'll leave that to you to research. http://www.w3schools.com . It's so worth it to read the material they have!

Why validate your code?
Validating your code is basically setting your web site up to web standards. I don't know what else to say about code validation. :S

Hope this helps!

Ash:o

08-14-2004, 01:25 AM

Hi BuezaWebDev, Thanks it looks like i have some work ahead of me thanks again.

Yours Ashley

Originally posted by BuezaWebDev
I'm not Booooze, but I'll answer your questions.

How to convert to CSS design
http://www.w3schools.com

Okay, once you've read through that site, you can start off by creating a skeletal structure of your web site.

<html>
<head>
<title>Title</title>
</head>
<body>
<div id='container'>
<div id='banner'>
 
</div>

<div id='navcontainer'>
<ul id='navbar'>
<li>Home</li>
<li>Membership</li>
<li>....etc</li>
</ul>
</div>

<div id='content'>
<dl>
<dt>Welcome</dt>
<dd>Welcome to the Seawind Club of South Australian website.</dd>
<dd>This Club & Club website has been put together to help Seawind
enthusiasts get the most out of there R.C. racing yacht in South Australia.
We are currently & slowly putting things to together, As you may understand
it will take some work to do this & we cannot do it without your help. So if
you live in metro Adelaide South Australia & own a Seawind or are thinking of
purchasing one then we would be more then happy to hear from you. For
more information & contacts please follow the links provided.</dd>
<dt>Yours the Seawind Club of South Australia Committee.</dt>
<dt>Thankyou for visiting our website.</dt>
</dl>
</div>
</div>
</body>
</html>

Something like that. Then you start styling it with CSS :D But I'll leave that to you to research. http://www.w3schools.com . It's so worth it to read the material they have!

Why validate your code?
Validating your code is basically setting your web site up to web standards. I don't know what else to say about code validation. :S

Hope this helps!

BuezaWebDev

08-14-2004, 05:49 AM

Have fun doing it! Once I understood it--it became so much fun :)

spufi

08-15-2004, 03:04 AM

Why a data list for the content? Sematically speaking, I don't think it makes much sense.

the tree

08-15-2004, 09:08 AM

Why not a data list? Maybe Bueza just doesn't want to do it with 'h' and 'p' tags. Before you learn css then you rely on browser defaults to make it look right, so if you want the paragraphs to be indented more than the headers then the data list is not too bad an idea.

Ben Rogers

08-15-2004, 10:42 AM

I'ma go ahead and second everything everyone has said, and add that two good sources for learning CSS are (1) "Elizabeth Castro's HTML for the WWW, 5th edition"- It teachs HTML, XHTML, and CSS. I used this when I was beginning, and it serves as great reference- very easy to understand, precise, and helpful. I beleive Lavalamp will tell you the same. The second would be http://www.w3schools.com - it has the advantages of being free, online, and though not in depth, it gets your feet wet, y'no?

BTW, I don't think the data list is the best idea... but it's not horrible. I pretty much use headers and paragraphs by habit, but a <dl> is technically okay to use.

Booooze

08-15-2004, 01:11 PM

I'ma go ahead and second everything everyone has said, and add that two good sources for learning CSS are (1) "Elizabeth Castro's HTML for the WWW, 5th edition"- It teachs HTML, XHTML, and CSS.

i have the same book..it sgood, but 1 disadvantage i sorta found was that she did it all with ie:p, and i think some of them didnt look to good with firefox or some other browser, not sure tho, but still a really good book.

the tree

08-15-2004, 03:26 PM

It is possible for stuff to be free, online, and indepth y'know. http://www.alistapart.com/

Ben Rogers

08-15-2004, 03:48 PM

Mm, but ALA doesn't have any beginner tutorials, it's the advanced really useful stuff.

Ash:o

08-15-2004, 04:52 PM

OK all i get the drift, how about some site revwieing thats what this forum is for is it not, don,t mean to be rude but me need feed back on colors, layout, content & so on.i understand that it should maybe be done in css, but i'am only new to it all, but i gess you all think html is old old scripting, but is it not the best places to start for someone new. i gess you all are css made & that all your first sites where done in css or somthing.

Yours Ashley

BuezaWebDev

08-15-2004, 04:57 PM

The graphic of the compass has white around it. :S Get rid of it please :D

The blue that encases the main content is too vibrant for my eyes (I have a CRT, but it may look different on LCD).

The background has nothing to do with your web site's theme.

That's all for now.

Ash:o

08-15-2004, 04:59 PM

Originally posted by Booooze
thats your first website? wow, thats really quite good looking. very pleasing to the eye. problems are, don't use tables for layout. many people make that mistake on there first try. Convert it all to Css instead. and as for your links, you can use css for that too, and then you can get rid of the javascript. your images are simple enough that you can create the same effect using css by simply change the background color on the specific link. other than that, validate your code here http://validator.w3.org/ and your website will look very professional:)

Why not use Tables what were thay made for.

Yours Ashley

BuezaWebDev

08-15-2004, 05:03 PM

Originally posted by Ash:o
Why not use Tables what were thay made for.

Yours Ashley

Tables were implemented into XHTML for one reason: tabular data.

http://jpaweb01.planetarion.com/stats.pl?rn=3802750

The ship-stats are tabular data. :)

Ash:o

08-15-2004, 05:06 PM

Originally posted by BuezaWebDev
The graphic of the compass has white around it. :S Get rid of it please :D

The blue that encases the main content is too vibrant for my eyes (I have a CRT, but it may look different on LCD).

The background has nothing to do with your web site's theme.

That's all for now.

It's a logo & i have no control over it thats what thay won'ted not my chose sorry.but i fill the same way. lol

BuezaWebDev

08-15-2004, 05:07 PM

Okay, then what you do is load up photoshop and then airbrush the outside of the logo so it blends from white to the original background colour.

Ash:o

08-15-2004, 05:15 PM

Originally posted by BuezaWebDev
Okay, then what you do is load up photoshop and then airbrush the outside of the logo so it blends from white to the original background colour.

What do you think the content background should be & the page background.

Yours Ashley

BuezaWebDev

08-15-2004, 05:21 PM

Try to make the page's general colours flow.

The colours you chose don't contrast very well because they are from extremes.

15497C = Menu not hovering
4577A9 = Menu hovering

195C9B = Main content

Booooze

08-15-2004, 10:35 PM

i like the colors:), just needs a lil work, but it looks good.

Ash:o

08-16-2004, 02:08 AM

Originally posted by Booooze
i like the colors:), just needs a lil work, but it looks good.

Hi Booooze, So do i & 99.9 other people, but most inprotently so dose my Friend how i made the website for.

Yours Ashley

BuezaWebDev

08-16-2004, 04:42 AM

Originally posted by Ash:o
Hi Booooze, So do i & 99.9 other people, but most inprotently so dose my Friend how i made the website for.

Yours Ashley

You don't find the main content's bright blasting turqoise too vibrant?

It hurts my eyes. But I guess you must have a purpose for the vibrant colours and poor juxtapositioning of the blue tones.

http://www.bueza.com/helper02.gif

1) Each menu item has a different padding. Very inconsistent. You can easily change this.

2) The lines goes from top to bottom, then when it hits the menu area, there's a 2 pixel shift to the left. You can change this easily. This layout error is called a "broken eyeline."

3) Oh man, nasty. White space with your vibrant content background do not go well.

4) Grammatical error. "We are currently and slowly putting things to together,..."

5) "Yours..." should be shifted downwards for concluding signatures.

These are just knit picks. When I look at a layout, I look at its consistency, attractiveness and semantics.

Ash:o

08-16-2004, 06:06 AM

Originally posted by BuezaWebDev
You don't find the main content's bright blasting turqoise too vibrant?

It hurts my eyes. But I guess you must have a purpose for the vibrant colours and poor juxtapositioning of the blue tones.

http://www.bueza.com/helper02.gif

1) Each menu item has a different padding. Very inconsistent. You can easily change this.

2) The lines goes from top to bottom, then when it hits the menu area, there's a 2 pixel shift to the left. You can change this easily. This layout error is called a "broken eyeline."

3) Oh man, nasty. White space with your vibrant content background do not go well.

4) Grammatical error. "We are currently and slowly putting things to together,..."

5) "Yours..." should be shifted downwards for concluding signatures.

These are just knit picks. When I look at a layout, I look at its consistency, attractiveness and semantics.

Are you complaining about the pictures not lining up with the buttons,ooo and i see what you maen about the to to lol, but whats wrong with number 5,i did say i would change number 3 if i could but it's out of my hands, i would change the hole logo if it was my chose.

OK me made some changesto the site hop you like lol, pictures are better alined well i hope so and got rid of the other (to) :) Seawind club of South Australia (http://www.seawindclubs.a.x8r.com)

Ben Rogers

08-16-2004, 10:21 AM

Well, this is a case of not being able to please everyone, I suppose. It might be my distaste for dreary/ murky colors as of late, but your chosen color palette... depresses me. And the layout is simple, there's nothing wrong with that, but when it comes to simplistic things, you should use as few images as possible, for loading times & the such. I can't comment more without getting into how you coded the site though- the jump to standards still needs to be made.

Ash:o

08-16-2004, 10:22 AM

Thankyou BuezaWebDev for the help you have been giving me i apreciate it so much, some time you just over look things meaning me over looking, Thankyou again BuezaWebDev.

Yours Ashley
P.S. I buy you a beer some day. :) lol

Ash:o

08-16-2004, 10:25 AM

Originally posted by omega
Well, this is a case of not being able to please everyone, I suppose. It might be my distaste for dreary/ murky colors as of late, but your chosen color palette... depresses me. And the layout is simple, there's nothing wrong with that, but when it comes to simplistic things, you should use as few images as possible, for loading times & the such. I can't comment more without getting into how you coded the site though- the jump to standards still needs to be made.

Hi omega, Only one way to learn and thats from you guys. lol

Ash:o

08-17-2004, 08:11 PM

Hi BuezaWebDev & all,
Made changes to logo have a look tell me what you think, ok or not ok please.

Yours Ashley
Seawind club of South Australia (http://seawindclubs.a.x8r.com)

BuezaWebDev

08-18-2004, 12:13 AM

Hrm, the pictures won't load.

The background is too vibrant.

Ash:o

08-18-2004, 02:59 AM

Originally posted by BuezaWebDev
Hrm, the pictures won't load.

The background is too vibrant.

Hi BuezaWebDev,
OOps :eek: , fixed it now ;), lol Front page fu**** it up but all good now i hope, lol try again pleaes. The background is too vibrant, because it's a picture it's not showing up lol.

Yours Ashley :)

BuezaWebDev

08-18-2004, 03:19 AM

The site looks the same as before :p

Ash:o

08-18-2004, 03:39 AM

Originally posted by BuezaWebDev
The site looks the same as before :p

Hi BuezaWebDev,
Even the logo,is it still all white, what about the pics at top are thay not better line up.
Whats going on, i looked at it from a unother computer & it dose not look the same to me lol

Yours Ashley:(

BuezaWebDev

08-18-2004, 03:41 AM

:(

Sorry, I didn't mean to make you sad or anything.

I didn't really notice it, but now that I look at it, yeah, there is a big difference :D

Good job! :D

Ash:o

08-18-2004, 06:38 AM

Hi BuezaWebDev,
thankyou for the help mate.

Your Ashley