Any web designers? - Home Brew Forums
Register Now For Free!

Home Brew Forums > Home Brewing Community > General Chit Chat > Any web designers?

Reply
 
Thread Tools
Old 01-10-2008, 04:04 PM   #1
PseudoChef
 
PseudoChef's Avatar
Recipes 
 
Apr 2007
West Chicago 'Burbs, IL
Posts: 3,406
Liked 110 Times on 81 Posts



Please forgive my n00bness.

Here's the story. Our lab webpage (where I work/study) needs to be updated because it's bad...not Geocities pink background and flashing .gif bad...but pretty bad nonetheless. I think it's like 8 years old, seriously. Anyway, for some strange reason, my boss thinks that I am the best candidate for this makeover job.

Thing is,I know very little about web design. That's ok, because my site only needs minimalist things like a research description, links to pages that are already out there, member bios/pictures which are already done, and a password protected members section for internal group calandars/databases/information. I can handle all that, and have already figured most of it out.

I even solved a great mystery yesterday by getting my firefox page to look the same on IE (I think).

Thing that I can't figure out how to do is get it the same for all screen resolutions. Is this even possible? What are the tricks to doing this? I've tried playing with px and % and it'll make one look good and another get all shot to hell. What gives?

I'm using CSS, btw.

 
Reply With Quote
Old 01-10-2008, 04:27 PM   #2
rdwj
 
rdwj's Avatar
Recipes 
 
Jun 2006
Plainfield, IL
Posts: 4,577
Liked 35 Times on 25 Posts


I do quite a bit of web development. If you use the px settings, you get a more exact presentation, but the layout will look funny on certain settings. The % gives you a better spacial presentation, but you lose the exactness. I tend to favor the % and try design toward the middle of the road resolutions.

In other words, we're not dealing in print here where we have full control over layout. We have to determine the best way to meet the needs of the many and try to minimize the problems of odd-ball settings.
__________________
On Tap: Whatever I just brewed (got sick of updating it)

 
Reply With Quote
Old 01-10-2008, 04:29 PM   #3
MikeFlynn74
 
MikeFlynn74's Avatar
Recipes 
 
Nov 2007
ANCHORAGE!!
Posts: 3,876
Liked 19 Times on 17 Posts


Most web designers set thier pages for 1024x768 as this is the most general resolution-

What program are you using?
__________________
Quote:
If you find yourself going through hell, keep going- Winston Churchill
Quote:
Originally Posted by Tenchiro View Post
The successful have nobody to blame but themselves, I really wish they would take some responsibility for their own actions...

 
Reply With Quote
Old 01-10-2008, 04:31 PM   #4
PseudoChef
 
PseudoChef's Avatar
Recipes 
 
Apr 2007
West Chicago 'Burbs, IL
Posts: 3,406
Liked 110 Times on 81 Posts


Program for designing the page?

If that's what you're asking...uhhh....notepad

 
Reply With Quote
Old 01-10-2008, 04:40 PM   #5
JimC
Recipes 
 
Apr 2007
Ottawa, Ontario, Canada
Posts: 294
Liked 2 Times on 2 Posts


What gives is that HTML was never designed to do presentation layer document finishing. CSS does a remarkable job given the limitations it has to work within (and how poorly the standard is implemented on some 'popular' browsers).

At the end of the day, you truly have very little control over the end result, and you are best not to be overly picky about exactly how the client displays the data. because if you are you will go so far down the rathole you'll never get out. Every browser, and every version has a different take on it how to display something and coding around each idiosyncrasy and resolution is essentially a life long, never ending effort.

 
Reply With Quote
Old 01-10-2008, 04:40 PM   #6
olllllo
[]-O-[]
HBT_LIFETIMESUPPORTER.png
 
olllllo's Avatar
Recipes 
 
Apr 2006
Phoenix, Arizona
Posts: 13,330
Liked 140 Times on 114 Posts


I'm sure there are other tools, but I find this to be a simple way to view a web page using different resolutions.


Quote:
WindowSizer
WindowSizer.zip
(13kb Archive w/ source)
Sets a given window to an exact size in pixels. Useful for web developers who want to see what their site will look like at various resolutions.
Source:

http://www.mlin.net/other.shtml
__________________
Rabbit And Coyote Schwag
Rob - Phoenix Ambassador to Milwaukee
Where did your avatar go?
Ginger Beer for Moscow Mules Bacon Vodka
Twitter

 
Reply With Quote
Old 01-10-2008, 04:50 PM   #7
Mutilated1
Beer Drenched Executioner
HBT_LIFETIMESUPPORTER.png
 
Mutilated1's Avatar
Recipes 
 
Jul 2007
Hoover, Alabama USA, Alabama
Posts: 2,150
Liked 39 Times on 27 Posts


Quote:
Originally Posted by MikeFlynn74
Most web designers set thier pages for 1024x768 as this is the most general resolution-
Thats what I do. I set one monitor at 1024x768 and another monitor at 1280x1024 and then just drag the browser window back and forth to check how it looks. There is also a firefox extension that will size the browser to 800x600 and other resolutions so you can quickly check your pages.

I once had to update our labs webpages and documentation, and what I did was go to ( http://www.w3.org/ ) and snatched the style sheet off of one of the standards page(s) ( They used to look a lot nicer than they do now ). After that, I added our corporate logo to the page, and stuck to simple html tags for layout <h1>, <h2> etc... avoiding fonts or any esoteric CSS elements. I turned out really nice, and my boss told me it was the best layout design he'd ever seen, which was nice because I was a programmer not a designer.

Generally the screen resolution thing is pretty dificult, the only way you'll ever get it looking the same at all resolutions is stick to simple elements for layouts, don't try anything fancy like multi-column div based CSS layouts, absolutely avoid tables.

I suggest you find out what sreen resolution is most common, design for that, and test for one higher and one lower and call that good enough. If you run into any really strange problems, check http://www.positioniseverything.net/ so great info there for why the layout gets hosed on certain browsers.

 
Reply With Quote
Old 01-10-2008, 04:53 PM   #8
PseudoChef
 
PseudoChef's Avatar
Recipes 
 
Apr 2007
West Chicago 'Burbs, IL
Posts: 3,406
Liked 110 Times on 81 Posts


Quote:
Originally Posted by JimC
What gives is that HTML was never designed to do presentation layer document finishing. CSS does a remarkable job given the limitations it has to work within (and how poorly the standard is implemented on some 'popular' browsers).

At the end of the day, you truly have very little control over the end result, and you are best not to be overly picky about exactly how the client displays the data. because if you are you will go so far down the rathole you'll never get out. Every browser, and every version has a different take on it how to display something and coding around each idiosyncrasy and resolution is essentially a life long, never ending effort.

Yeah in all my searching and reading last night, I figured this out.

Surprising thing is too, is that I was told to not use tables (from the sites I visited). However, lots of the webpages I've been looking at source code for, that show up great on all resolutions, are still using tables. Maybe I'll revert, I dunno.

 
Reply With Quote
Old 01-10-2008, 05:07 PM   #9
MikeFlynn74
 
MikeFlynn74's Avatar
Recipes 
 
Nov 2007
ANCHORAGE!!
Posts: 3,876
Liked 19 Times on 17 Posts


Well notepad is good as long as you are proficient-

But there are many programs like Dreamweaver that Make web design truly easy
__________________
Quote:
If you find yourself going through hell, keep going- Winston Churchill
Quote:
Originally Posted by Tenchiro View Post
The successful have nobody to blame but themselves, I really wish they would take some responsibility for their own actions...

 
Reply With Quote
Old 01-10-2008, 05:08 PM   #10
PseudoChef
 
PseudoChef's Avatar
Recipes 
 
Apr 2007
West Chicago 'Burbs, IL
Posts: 3,406
Liked 110 Times on 81 Posts


Quote:
Originally Posted by MikeFlynn74
Well notepad is good as long as you are proficient-

But there are many programs like Dreamweaver that Make web design truly easy
I looked at dreamweaver and was confused in 20 seconds.

 
Reply With Quote
Reply
Thread Tools


Similar Threads
Thread Thread Starter Forum Replies Last Post
Any graphic designers interested in helping Lodovico Label Display & Discussion 5 11-05-2009 04:02 PM
To all the Artists and Graphic Designers... DRoyLenz Label Display & Discussion 3 07-29-2009 07:06 PM
Label Designers for MAC OS X ohill1981 Label Display & Discussion 4 05-26-2009 01:20 PM
Any bored talented designers?? mangine77 Label Display & Discussion 5 12-06-2008 04:01 PM
Graphic Designers / DTP'ers (Training stuff?) DeadDoc General Chit Chat 5 11-10-2008 09:40 PM


Forum Jump