Spike Brewing 12.5 Conical Fermenter Giveaway!

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

Reply
 
LinkBack Thread Tools
Old 01-10-2008, 03:04 PM   #1
PseudoChef
Feedback Score: 0 reviews
 
PseudoChef's Avatar
Recipes 
 
Join Date: Apr 2007
Location: West Chicago 'Burbs, IL
Posts: 3,418
Liked 102 Times on 75 Posts
Likes Given: 39

Default Any web designers?

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.

__________________
PseudoChef is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:27 PM   #2
rdwj
Feedback Score: 0 reviews
 
rdwj's Avatar
Recipes 
 
Join Date: Jun 2006
Location: Plainfield, IL
Posts: 4,594
Liked 18 Times on 13 Posts

Default

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)
rdwj is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:29 PM   #3
MikeFlynn74
Feedback Score: 0 reviews
 
MikeFlynn74's Avatar
Recipes 
 
Join Date: Nov 2007
Location: ANCHORAGE!!
Posts: 3,891
Liked 10 Times on 9 Posts

Default

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...
MikeFlynn74 is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:31 PM   #4
PseudoChef
Feedback Score: 0 reviews
 
PseudoChef's Avatar
Recipes 
 
Join Date: Apr 2007
Location: West Chicago 'Burbs, IL
Posts: 3,418
Liked 102 Times on 75 Posts
Likes Given: 39

Default

Program for designing the page?

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

__________________
PseudoChef is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:40 PM   #5
JimC
Feedback Score: 0 reviews
Recipes 
 
Join Date: Apr 2007
Location: Ottawa, Ontario, Canada
Posts: 295
Liked 2 Times on 2 Posts

Default

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.

__________________
JimC is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:40 PM   #6
olllllo
[]-O-[]
HBT_LIFETIMESUPPORTER.png
Feedback Score: 0 reviews
 
olllllo's Avatar
Recipes 
 
Join Date: Apr 2006
Location: Phoenix, Arizona
Posts: 13,514
Liked 124 Times on 105 Posts
Likes Given: 13

Default

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
olllllo is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:50 PM   #7
Mutilated1
Beer Drenched Executioner
HBT_LIFETIMESUPPORTER.png
Feedback Score: 0 reviews
 
Mutilated1's Avatar
Recipes 
 
Join Date: Jul 2007
Location: Hoover, Alabama USA, Alabama
Posts: 2,195
Liked 34 Times on 25 Posts
Likes Given: 1

Default

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

,

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.

__________________
Mutilated1 is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 03:53 PM   #8
PseudoChef
Feedback Score: 0 reviews
 
PseudoChef's Avatar
Recipes 
 
Join Date: Apr 2007
Location: West Chicago 'Burbs, IL
Posts: 3,418
Liked 102 Times on 75 Posts
Likes Given: 39

Default

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.
__________________
PseudoChef is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 04:07 PM   #9
MikeFlynn74
Feedback Score: 0 reviews
 
MikeFlynn74's Avatar
Recipes 
 
Join Date: Nov 2007
Location: ANCHORAGE!!
Posts: 3,891
Liked 10 Times on 9 Posts

Default

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...
MikeFlynn74 is offline
 
Reply With Quote Quick reply to this message
Old 01-10-2008, 04:08 PM   #10
PseudoChef
Feedback Score: 0 reviews
 
PseudoChef's Avatar
Recipes 
 
Join Date: Apr 2007
Location: West Chicago 'Burbs, IL
Posts: 3,418
Liked 102 Times on 75 Posts
Likes Given: 39

Default

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.
__________________
PseudoChef is offline
 
Reply With Quote Quick reply to this message
Reply


Quick Reply
Message:
Options
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 03: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 03:01 PM
Graphic Designers / DTP'ers (Training stuff?) DeadDoc General Chit Chat 5 11-10-2008 08:40 PM