Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

Website Design Forum


You are currently viewing our Website Design Forum as a guest. Please register to participate.
Login



Freelance Jobs

Reply
Creating Website......
Old 07-08-2007, 05:32 PM Creating Website......
Average Talker

Posts: 26
Trades: 0
I made this website last year for my school hockey team. It got the job done for presenting updates and stats and whatever. But I am going to start working on a new one this summer for the 07-08 season. The old one I made was by using Frontpage which I guess was just plain old html.

I want the main style of the site to look like these...
http://bizgraphix.com/
http://web.missouri.edu/%7Ercdwvd/labWeb/
http://www.totowapl.org/
www.iBuyUglySites.com

I just found those links to those sites on this site. Basically, I want the information on the page to be centered like those 3 examples were inside the page, no matter what size you resize the screen to. Some one told me that I have to use CSS for this but I have no idea how.

Can somebody help me out and tell me how I would create a site like one of those that have all the stuff in the middle and a nice layout?

Thanks.

Last edited by Brautigam; 07-08-2007 at 05:35 PM..
Brautigam is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 07-08-2007, 05:37 PM Re: Creating Website......
mgraphic's Avatar
Truth Seeker

Latest Blog Post:
JAMISONTUNES
Posts: 2,918
Name: Keith Marshall
Location: Connecticut
Trades: 0
If you want to build tableless layout, then yes you will require all layout to be defined in the CSS. I suggest to learn through tutorials at the following:

www.w3schools.com

www.htmlgoodies.com
__________________

<mgraphic /> - I don't have a solution but I admire the problem.
mgraphic is offline
Reply With Quote
View Public Profile
 
Old 07-08-2007, 11:23 PM Re: Creating Website......
Average Talker

Posts: 26
Trades: 0
I have been looking at some examples of CSS pages but I still don't really get how they are put together. Can someone explain it a little more? I am not sure how I would edit the page. Would I just edit the CSS file in notepad or something or can I use Frontpage to make a page like normal?

Really all I want the page to look like is like this... and then I will put everything in there in HTML (I hope this is right)
I just want all the content centered horizontally but I don't know how I can get this effect.

Can someone really quickly explain how the CSS and HTML work together to form one page because I am not really getting it. Are there going to be 2 files for my home page? The actual home page HTML file that I edit in Frontpage and then the CSS file that stylizes that HTML? Am I right?
Brautigam is offline
Reply With Quote
View Public Profile
 
Old 07-09-2007, 03:11 PM Re: Creating Website......
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
You code the HTML the same as you would any other site - only without any presentational markup. IN other words - no <font> tags, no align="center" no endless lines of <br> tags to space things out. You lay out the site in DIVisions and you do ALL the styling in the CSS file. The only changes you would make in the CSS file would be to change something in the PRESENTATION of the page. All your content would be added into the html page itself as normal.

If you're going to go this route.. dump FrontPage.

You might consider buying a book, I highly recommend this one:
http://www.sitepoint.com/books/css2/

If you don't want to buy a book ( you can usually find a used version for much less), then head over to www.w3schools and start taking the tutorials.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-09-2007, 04:39 PM Re: Creating Website......
Average Talker

Posts: 26
Trades: 0
Alright thanks. I just made a stupid little site and adjusted all the colors and alignments and stuff. I am now playing around with using the one CSS file to change multiple HTML files.

I have one question though...Is it possible to put a picture on the CSS page and make the picture appear throughout all the other HTML pages? This would be like the Navigational Bar...Could this be done or do I have to physically add it to every HTML page?
Brautigam is offline
Reply With Quote
View Public Profile
 
Old 07-09-2007, 05:23 PM Re: Creating Website......
Super Talker

Posts: 122
Name: Nate
Location: Orlando, FL
Trades: 0
If I follow you correctly, then this is what I would do for something like navigation....

Using CSS or HTML or whatever you use to code your web site, your navigation will more than likely be in a code snippet such as this:

HTML Code:
<div id="nav">
<a href="page1.htm">Page 1</a>
<a href="page2.htm">Page 2</a>
<a href="page3.htm">Page 3</a>
<a href="page4.htm">Page 4</a>
</div>
If that navigation system is going to be on a lot of pages, and you expect to update it, then you could use a simple PHP code to get the job done

index.php
PHP Code:
<div id="nav">
<?php include("menu.php"); ?>
</div>
menu.php
HTML Code:
<a href="page1.htm">Page 1</a>
 <a href="page2.htm">Page 2</a>
 <a href="page3.htm">Page 3</a>
 <a href="page4.htm">Page 4</a>
Now, when you go to make an update, the only thing you need to modify is "menu.php" and it will reflect throughout all web pages, because all of your pages will call (or, 'include') menu.php.

I hope this helps.
NateL is offline
Reply With Quote
View Public Profile
 
Old 07-09-2007, 06:07 PM Re: Creating Website......
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Quote:
Is it possible to put a picture on the CSS page and make the picture appear throughout all the other HTML pages?
Yes. If it's just the picture that you want to have on every page, you would need to set that image as a background of a <div> and have that div on every page. Then, should you decide to change the picture site-wide, all you would do is specify a NEW image as the background for that div and all pages will have the new picture.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 07-09-2007, 06:35 PM Re: Creating Website......
Average Talker

Posts: 26
Trades: 0
Quote:
Originally Posted by LadynRed View Post
Yes. If it's just the picture that you want to have on every page, you would need to set that image as a background of a <div> and have that div on every page. Then, should you decide to change the picture site-wide, all you would do is specify a NEW image as the background for that div and all pages will have the new picture.
Okay cool. I was making a site based off of an example I saw and it used 3 main divisions...Outer, Container, and Inner.

Do you mean that I can just make as many divisions as I want and call them whatever I want as long as I put them in both the CSS and HTML file?

...I'm playing around with divisions right now but I just wanted a verification before I started...
Brautigam is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Creating Website......
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.38104 seconds with 12 queries