Ad:

Site Layout and Usability Discussion Thread
Marked Solved
Views: 2225

Oct 8th, 2009

Help with a web design

Expand Post »

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?

cavpollo

Reputation Points: 10

Solved Threads: 0

Newbie Poster

Offline

18 posts
since Sep 2009

Permalink

Oct 8th, 2009

Re: Help with a web design

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

Last edited by almostbob; Oct 8th, 2009 at 6:57 pm.

almostbob

Reputation Points: 562

Solved Threads: 368

Posting Maven

Offline

2,970 posts
since Jan 2009

Permalink

Oct 29th, 2009

Re: Help with a web design

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:

(Toggle Plain Text)

<body>
<div id="box"></div>
</body>

In your css, you'd have this.

(Toggle Plain Text)

div.box {
width: 50px;
height: 50px;
background-color: red;
}

You would get a box with a red background. Now if you wanted it yellow, you'd just change the stylesheet for that.

Last edited by Arianna; Oct 29th, 2009 at 2:42 pm.

Arianna

Reputation Points: 11

Solved Threads: 3

Light Poster

Offline

31 posts
since Oct 2009

Permalink

Oct 30th, 2009

Re: Help with a web design

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

sarahxbox2009

Reputation Points: 10

Solved Threads: 1

Newbie Poster

Offline

1 posts
since Oct 2009

Permalink

Nov 1st, 2009

Re: Help with a web design

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.

migcosta

Reputation Points: 41

Solved Threads: 5

Junior Poster

Offline

105 posts
since May 2006

Permalink

Nov 21st, 2009

bgcolor in table

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

Geoff Hinde

Reputation Points: 10

Solved Threads: 1

Newbie Poster

Offline

6 posts
since Nov 2009

Permalink

Nov 30th, 2009

hi

The meta tag must be kept in mind.

Dont tale slow proccesing site

Set the meningful splash

Keep the loud backround as possible as spotive process

Create your individuality in your message.

stellamary

Reputation Points: 10

Solved Threads: 1

Newbie Poster

Offline

11 posts
since Nov 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in Site Layout and Usability Forum Timeline: Infromation about Live streaming/ webcasting

Next Thread in Site Layout and Usability Forum Timeline: School Assignment

DaniWeb Message

Cancel Changes

User Name
Password