new website!
Senior Member
Joined: Jul 2006
Posts: 1,127
Likes: 1
From: NS, Canada
RE: new website!
Ya I'm like Rrasco on this one.
I started ages ago - then I started I learned the basics, and in notepad. I'm really not a fan of WYSIWYG (what you see is what you get) because typically behind the scenes is crap and non-standard. I'm picky, and that might seem overbearing at first, but from my experience let me state that being picky early in the game saves you later.
So I started doing basic html in 93/94. Real basic. Stuff like
<html>
<head><title>My first webpage</title></head>
<body>
<center>Welcome!!111!!</center>
<br>
This is my content
</body>
</html>
Really simple. Then I just started learning 1 new part at time... it was actually really easy.
Then I got into more of it - doing alot more php (and the other 'real' langauges...
It's a toss-up for you - you've put time into learning so perhaps you'd enjoy it... I did.
Thread Starter
|
Senior Member
Joined: May 2006
Posts: 1,327
Likes: 0
From: Meridian, MS
RE: new website!
well I picked up a book called "Build Your Own Web Site the Right Way Using HTML and CSS" by Ian Lloyd and have been working my way through it, I'm a little past halfway through the book and here is what i've got so far:
click it
just one page, didn't upload any of the other pages
I modeled it after the page I made in Publisher but using only notepad
I'm going to be changing it completely pretty soon though, this is just for learning all the coding stuff
the CSS thing was easier than I thought it would be, had a few problems that took a while to figure out, but I think i've got the basics down
anyway, take a look and let me know what ya'll think, what i need to fix, and anything i just completely f'ed up lol
click it
just one page, didn't upload any of the other pages
I modeled it after the page I made in Publisher but using only notepad
I'm going to be changing it completely pretty soon though, this is just for learning all the coding stuff
the CSS thing was easier than I thought it would be, had a few problems that took a while to figure out, but I think i've got the basics down
anyway, take a look and let me know what ya'll think, what i need to fix, and anything i just completely f'ed up lol
Thread Starter
|
Senior Member
Joined: May 2006
Posts: 1,327
Likes: 0
From: Meridian, MS
RE: new website!
thanks
one question, I made an image to use as a button (attached below), should i forget that and use text links for the navigation or are buttons alright?
this is for the future, not for version i've got up now
one question, I made an image to use as a button (attached below), should i forget that and use text links for the navigation or are buttons alright?
this is for the future, not for version i've got up now
Senior Member
Joined: Jul 2006
Posts: 1,127
Likes: 1
From: NS, Canada
RE: new website!
WOW - you came along way fast... that's the right road IMHO.
Graphics for buttons. If you properly put image tags on it - that's fine. I'm sure that the standards person would say use text, and use CSS to make it pretty.
Method one"
<a href = "link"> <img src = "menuitembutton1.jpg" alt = "Helmets"></a>
Method two.
<a href = "link" class = "MenuButton"> <img src = "helmetlogo.jpg" alt = "Helmets">Helmets</a>
and in the css.
a.MenuButton{
padding: .5 em;
background: F00; // R - G - B, so this number means all red, no green, no blue
border-style: thin;
border-color: F00;
}
a:hover.MenuButton{
padding: .5 em;
background: 000; // R - G - B, so this number means nol red, no green, no blue - so it is White.
border-style: thin;
border-color: F00;
}
Now when you mouse over the menu item it will flash white - if you have the helmet as a image, and the text as words it will look almost like you image - plus you save bandwidth on it being text, get to easily change it later to blue if you wanted, and it flashes to difference colours without having to make a second image... saves me time on menus.
You've got it though - keep going.
Woot
Thread Starter
|
Senior Member
Joined: May 2006
Posts: 1,327
Likes: 0
From: Meridian, MS
RE: new website!
cool thanks man, here is what i've got so far for the next version:
click it (pt 2)
i've got a couple of definite bugs to work out, one problem i'm having is getting rid of the highlight around the buttons in the top menu
also, i'm doing all this in XHTML i've seen other sites using html 4 etc should i be trying to learn something different or is XHTML good?
click it (pt 2)
i've got a couple of definite bugs to work out, one problem i'm having is getting rid of the highlight around the buttons in the top menu
also, i'm doing all this in XHTML i've seen other sites using html 4 etc should i be trying to learn something different or is XHTML good?
Senior Member
Joined: Jul 2006
Posts: 1,127
Likes: 1
From: NS, Canada
RE: new website!
To get rid of the highlighting - in your CSS add text-decoration: none
xhtml is the proper way - you're really going for it now... woot!
to apply CSS to any xhtml tag - just put class="StyleName" in it
Here is an example:
In the html put in a regular link, but refer to theclassMenuLink
<a href = "home.html" class = "MenuLink">Home!</a>
In the css add a class
a.MenuLink{
background-color: #ff0000; // Red background
color: #000000; // White text colour
text-decoration: none // No underline or border on text
}
a.Hover{ // When the mouse is over it - this is how it will look
background-color: #000000; // white background
color: #ff0000; //Red text colour
text-decoration: none // No underline or border on text
}
A good reference: http://www.w3schools.com/css/css_examples.asp
cheers,
woot.
xhtml is the proper way - you're really going for it now... woot!
to apply CSS to any xhtml tag - just put class="StyleName" in it
Here is an example:
In the html put in a regular link, but refer to theclassMenuLink
<a href = "home.html" class = "MenuLink">Home!</a>
In the css add a class
a.MenuLink{
background-color: #ff0000; // Red background
color: #000000; // White text colour
text-decoration: none // No underline or border on text
}
a.Hover{ // When the mouse is over it - this is how it will look
background-color: #000000; // white background
color: #ff0000; //Red text colour
text-decoration: none // No underline or border on text
}
A good reference: http://www.w3schools.com/css/css_examples.asp
cheers,
woot.
Senior Member
Joined: Dec 2005
Posts: 1,641
Likes: 0
From: Illinois, good ol' USA
RE: new website!
In my browser, the red letters at the beginning of the text is in the red section with the links. Too much red altogether IMO. Not technical, just an observation from an end-user point of view.
