13 replies [Last post]
blackhorsedesign
Offline
newbie
Victoria B.C.
Last seen: 13 years 48 weeks ago
Victoria B.C.
Joined: 2007-12-28
Posts: 5
Points: 0

I have been desing sites for a couple of years, using Dreamweaver and Frontpage. I am wanting to "step up" my design skills and begin creating sites using CSS.

Now my question . . . how did they DO THAT!!?

Here is a site I really like and it looks like they used frames, but reading the code shows that they did not.

Here is the link: http://www.sonitek.ca/index.html

I would like to incorporate this idea/technology into the new site I am creating. Can anyone help or point me to the right direction on how to learn this?

Any info would be much appreciated.

Dianna

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 4 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

What makes you think they've

What makes you think they've used frames? Frames are outdated anyway, and frankly, rubbish. Don't use them.

To be honest, the code of that site is not a good one to learn from, it's marked up using tables, the code is horribly invalid, has no doctype, falls apart with a few text-resizes, and doesn't really work well with images disabled.

Design = good, implementation = bad.

What do you mean by "incorporate this idea/technology"?

Verschwindende wrote:
  • CSS doesn't make pies

blackhorsedesign
Offline
newbie
Victoria B.C.
Last seen: 13 years 48 weeks ago
Victoria B.C.
Joined: 2007-12-28
Posts: 5
Points: 0

How did they get the content

How did they get the content to load into the one section . . . like an iframe?

Dianna

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

blackhorsedesign wrote:How

blackhorsedesign wrote:
How did they get the content to load into the one section . . . like an iframe?
Dianna

All you have to do is give a block element a fixed dimension in either hight or width or both, and then give it the CSS rule "overflow: auto;".

Then whenever content exceeds the available space the appropriate scroll bars will appear.

BUT: it is generally not a good idea and will only make your page harder to use, which will tend to make people go away.

Just because it's easy to do something doesn't mean that it's a good idea to do it.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 39 weeks 16 hours ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Can you be more specific

Can you be more specific about what content into which section. As has been noted, this is a horrible example of outmoded coding, and not a role model for anyone.

//edit: Xed with Ed. :shrug:

cheers,

gary

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

blackhorsedesign
Offline
newbie
Victoria B.C.
Last seen: 13 years 48 weeks ago
Victoria B.C.
Joined: 2007-12-28
Posts: 5
Points: 0

OK . . . didn't think a "Web

OK . . . didn't think a "Web Design Company's" site would be so badly coded.

What I like is when you click any title in the left-hand box, the content shows up in the right hand area. I love this idea, as the browser doens't need to reload all the data/images.

Too bad I love an "outdated" idea. Though not everything old, is bad, maybe.

Thanks for all the information.

Dianna

blackhorsedesign
Offline
newbie
Victoria B.C.
Last seen: 13 years 48 weeks ago
Victoria B.C.
Joined: 2007-12-28
Posts: 5
Points: 0

This site has the same

This site has the same feature. The top "nav" bar is static and once clicked the content in the bottom changes.

LINK: http://www.closetsguru.com

Once again, how did they do that? And obviously this feature is more popular than realized. Smile

Dianna

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

blackhorsedesign wrote:OK .

blackhorsedesign wrote:
OK . . . didn't think a "Web Design Company's" site would be so badly coded.

Boy are you naive. Smile

Truth is most "web design" firms out there still produce outmoded 1990's style web pages and they sell them because the suckers don't know any better.

All you really need to become a "web designer" is a copy of Front Page and a willingness to claim knowlege you don't really have.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

blackhorsedesign wrote:This

blackhorsedesign wrote:
This site has the same feature. The top "nav" bar is static and once clicked the content in the bottom changes.

This is an easy effect to create and there are many ways to do it. All that's really necessary is that the top part of each page has the same code in it but there are much more sophisticated and better ways. Why this very site has exactly the same effect, didn't you notice?

The refered to site is another example of very bad code using tables for layout and invalid html all over the place.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

blackhorsedesign
Offline
newbie
Victoria B.C.
Last seen: 13 years 48 weeks ago
Victoria B.C.
Joined: 2007-12-28
Posts: 5
Points: 0

OK, what are the "much more

OK, what are the "much more sophisticated and better ways" to do this?

I am going back to school Jan 21/08 to get my Web Design Diploma and Open Source Web Development Diploma. It's going to cost my 20K to do this . . . hopefully I will be a "respectable" web designer then. There is so much I want to learn.

I came to this forum to hopefully get a jump start on my schooling. Once again, thanks to everyone for being so kind.

Dianna

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

blackhorsedesign wrote:OK,

blackhorsedesign wrote:
OK, what are the "much more sophisticated and better ways" to do this?

In general the various server-side processing languages so that the menu code can be kept in a single file on the server and included in every page that is sent. You could do it with javascript as well I suppose, but it would be more complicated to do things that way.

Just google on "server side scripting" if you wish to know more.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

blackhorsedesign wrote:I am

blackhorsedesign wrote:
I am going back to school Jan 21/08 to get my Web Design Diploma and Open Source Web Development Diploma. It's going to cost my 20K to do this . . . hopefully I will be a "respectable" web designer then.

Well a lot of these schools teach you bad practices and a diploma is no guaratntee of proficiency.

If the school teaches you how to do semantic html markup, about the usefullness of separating markup from presentation, and about writing code that validates properly it will be money reasonably well spent. If not, well ...

But you show signs of being impressed by mere effects, and by "cool" looking sites. That's not a very good path to get caught up in.

The number one thing that people go to web sites for is content. The sexiest coolest looking site in the world will get next to no traffic if it doesn't give the visitor useful or interesting content. On the other hand there are some truly ugly looking sites out there that get lots of traffic because they provide something that users want or need.

This being so, the purpose of design must surely be, first, not to get in the way of making the content useable. Content comes first, a design that makes that content easily useable comes second, good looks come a distant third. Nice to have but not in any way essential.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 9 weeks 4 days ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9674
Points: 810

blackhorsedesign wrote:What

blackhorsedesign wrote:
What I like is when you click any title in the left-hand box, the content shows up in the right hand area. I love this idea, as the browser doens't need to reload all the data/images.

That's not how the site you posted works. It still goes to a separate page for every single link (eg not frames), but since all the images are cached by the browser it doesn't download them every time.

That will happen no matter how you code your site.

Verschwindende wrote:
  • CSS doesn't make pies

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 40 weeks 6 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

TPH is correct, of course.

TPH is correct, of course.

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.