 |  |  |  |  |  |  |  |
Help with a web design
Please support our Site Layout and Usability advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
Hey there,
I need some help with how to achieve certain design in my web. The problem is that I dont knwo exactly the name of what I need nor the code.
But I know how to explain it.
Imagine this, u got 4 different pages and u place a table with a red square inside. No problems so far... but what if I change my mind and I want it to be yellow? I dont want to change the code of each one of those pages one by one.... is there a way to create a file that will load into those 4 pages so when I modify the file, the 4 pages with the square change without actually having to go through their code?
I need some help with how to achieve certain design in my web. The problem is that I dont knwo exactly the name of what I need nor the code.
But I know how to explain it.
Imagine this, u got 4 different pages and u place a table with a red square inside. No problems so far... but what if I change my mind and I want it to be yellow? I dont want to change the code of each one of those pages one by one.... is there a way to create a file that will load into those 4 pages so when I modify the file, the 4 pages with the square change without actually having to go through their code?
•
•
Join Date: Jan 2009
Posts: 1,382
Reputation: 
Solved Threads: 167
1
#2 Oct 8th, 2009
its called CSS, cascading style sheets
a basic tutorial is http://www.w3schools.com/css/
simply you put a link in the head of each file to the stylesheet
and in the stylesheet define the look of the page
every page looks like the style
change the style sheet, change every page
When you get some code written, it is very much the same as the style in <head> or the width= background= attributes of plain vanilla html, there is a forum dedicated to css, next door to this one, html & CSS forum and there are code mavens who can answer and suggest
CSS :: no longer need tables for layout, position every element where you want it, tighter faster code, less to debug
a basic tutorial is http://www.w3schools.com/css/
simply you put a link in the head of each file to the stylesheet
and in the stylesheet define the look of the page
every page looks like the style
change the style sheet, change every page
When you get some code written, it is very much the same as the style in <head> or the width= background= attributes of plain vanilla html, there is a forum dedicated to css, next door to this one, html & CSS forum and there are code mavens who can answer and suggest
CSS :: no longer need tables for layout, position every element where you want it, tighter faster code, less to debug
Last edited by almostbob; Oct 8th, 2009 at 6:57 pm.
Failure is not an option It's included free, you don't have to do anything to get it
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
If at first you dont succeed, join the club
Of course its always in the last place you look, you dont keep looking after you find it
Please mark solved problems, solved
0
#3 Oct 29th, 2009
Yes, you use CSS, just like almostbob said. It's very useful. As for the red square, you would make a div, and then choose the color. For example your html file's contents would have this:
In your css, you'd have this.
You would get a box with a red background. Now if you wanted it yellow, you'd just change the stylesheet for that. 
<body> <div id="box"></div> </body>
div.box {
width: 50px;
height: 50px;
background-color: red;
} Last edited by Arianna; Oct 29th, 2009 at 2:42 pm.
0
#4 Oct 30th, 2009
Websites are judged by content and layout. How good your content maybe, if your layout is not appealing, visitors will not be eager to come back. Everyone is not born with a quality of creating layouts that are pleasing to the eye.
Try the following techniques:
1. Keep it simple
2. Readable font size and face:
3. Use web safe eye pleasing colors
4. One important aspect of layout is keeping track of dimensions of a web page
5. Limit File Size
Hope this post will help you
Try the following techniques:
1. Keep it simple
2. Readable font size and face:
3. Use web safe eye pleasing colors
4. One important aspect of layout is keeping track of dimensions of a web page
5. Limit File Size
Hope this post will help you
•
•
Join Date: May 2006
Posts: 55
Reputation:
Solved Threads: 0
Junior Poster in Training
0
#5 Nov 1st, 2009
Start using professional web-design tools.. they will take care of the css for you 
Last edited by migcosta; Nov 1st, 2009 at 8:09 pm.
If you are not into CSS you could try designing a background image (solid colour) and place it in the table cell. (See your html guide to do this.)
Then you could change the background image in your images subdirectory and it will appear on all pages.
(May not work well on all browsers. Check first.)
Geoff A Hinde
Then you could change the background image in your images subdirectory and it will appear on all pages.
(May not work well on all browsers. Check first.)
Geoff A Hinde
|
Similar Threads
- web design agency (Web Development Job Offers)
- Professional web design and programming services (Post your Resume)
- Eyepinch, Inc. Professional Web Design (Post your Resume)
Other Threads in the Site Layout and Usability Forum
- Previous Thread: Infromation about Live streaming/ webcasting
- Next Thread: web content management
| Thread Tools | Search this Thread |
Latest Site Layout and Usability Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
Tag cloud for Site Layout and Usability
blogging content customer design development dreamweaver duplicate email evaluation filesharing firefox flash gilbane google html itunes javascript kazaa layout music napster peertopeer photoshop remote remoteserver satellitenavigation satnav server site tables template tips tomtom url wave web website websitedesignreview web_development web_sites
