I have built a website using Dreamweaver MX for our business and it looks fine on my laptop and home pc, but when I get to my work pc, some of the pics and text overide each other. My work pc is set at a different screen resolution. Anyone here know if there is anything I can do to fix it? Will this happen to every user that uses a different resolution than myself? Obviously this is the first website I have built. Thanks guys!
Can you post the code here? I'd like to take a look at the DIVs or LAYER tags to make sure you're not placing images ABSOLUTE or RELATIVE... if you know what that means, you're doing it RIGHT. We use Dreamweaver MX 2004 in our University as well to develop our pages.
In short, though, you don't want to design for a specific resolution. You want to design a page so that it covers the entire screen, regardless of resolution. Use Dreamweaver's Resolution settings to check how the page would look in a specific one by RESTORING the current page in which you are working within the work area, then selecting the drop-down list of resolutions. It will show you the page before you take it to work. Look under the black letters DESKTOP in this image: http://www.jerseyshoreweb.com/dreamweaver.jpg . It will only be available when you RESTORE the window WITHIN DW. Jeff, what do YOU use to do your WEB DEV?
I've always used homesite, though I'm slowly converting to Dreamweaver MX 2004. I design my sites to scale to percentages of the browser window and use scalable font sizes (for different screen resolutions and for the visually impaired). I also design with high-contrast colors for colorblind people, I write code that has a low page weight so it loads fast on slow connections (dial-up). Also, I use CSS to layout the page and to separate the content from the presentation. By doing this, I can create different presentations (i.e. different images and layout for cell phones vs. low-res screens vs. high-res screens) - all this while keeping the content in separate pages. That way I can change content all I want and don't have to mess with the presentation. Or I can change presentation without affecting content (I can swap css files and I immediately have a Christmas theme to my site). and I recommend that you hire someome else to do it. You're probably opening a can of worms. -- droxford
Jeff, It wont let me email you through the site;( I'm at mgtx1@yahoo.com, if you wanna send me an email with an email address. Thanks Swoly D, I'll send the code tonight. Im betting that this site is a little jacked up. Thanks again guys.
Well your page can give the allusion of being designed for all resolutions, and look great at a higher resolution even though it doesn't scale for it. I believe most sites do this. Take a look at a lot ff professional sites and get examples of how they do it creatively. I don't think Clutchfans scales... But if you insist, check out this Dreamweaver extension "Snap Layers" by Pojectseven. It works well, I've used it before. http://www.projectseven.com/extensions/info/snaplayers/ "Snap Layers by PVII allows you to anchor, or Snap, one or more layers to an image on the page. The image can be contained within a paragraph, table, ordered list or other html element. The assigned layers will move, or Snap, relative to the current image position on the page irregardless of the browser window size. This allows you to create menu systems or pop-up layers that actually move dynamically with the page contents."
I usually see a premium charged by web hosts for coldfusion. To find one that is free is likely to be quite rare.
MoBalls, I sent ya an e-message with an attachment. I need to see what you intended to do with the layers... i think images will help. There's no charge for anything here. Anyone else in here a good HTML'er ? I've been doing it since '95, and... well, actually, I haven't done it in a week, but have coded HTML since 1995...
Sorry I missed this. You can email me at jbalke@tworoadsmedia.com. One thing on screen size...for a while, the trend was to do "liquid" design meaning the site would stretch to fit the width of the screen. It was tough to do on more complex, graphically dense websites, but you could do it on any site if you worked at it. It basically set table widths to 100% or used layers to place things a variable distance from the edge of the browser. The problem is that so many people have gone to VERY large monitors (I have a 20" in front of me at the moment) that developers are getting away from liquid design and going back to fixed widths. The problem is that when you stretch a browser window open to a wide monitor width, it makes text extremely difficult to read. Most people prefer a small area for text because having to return all the way back to the left at the end of the line can cause people to lose their place. The standard is still 800x600 although a new concept is designing for UP TO 1024 and using a javascript to allow the site to stretch up to 1024 but then not get any larger no matter what the window size grows to beyond that. --- On the Cold Fusion question, there aren't really any free sites that offer CF. It is too expensive. I recommend http://www.vortechhosting.com/ . They offer reseller plans that are as little as $30 per month and you can have as many sites on there as you like. They charge extra after you go over X number of CF sites - $10 per site after the limit.
We use a combination of things depending on the site. I use Dreamweaver a lot. Clutch uses Cold Fusion Developer and he hand codes a lot of things. I still find that I spend quite a bit of time modifying code by hand - both HTML and CSS - just because Dreamweaver, as sophisticated as it is, is like any other WYSIWYG editor in that it has a hard time keeping up with style changes. Mostly, we build the designs in Photoshop, cut them up and move them into HTML code either by hand or through Dreamweaver.
This site right here is great on ANY resolution no matter how BIG the screen, monitor or window is : http://bbs2.clutchfans.net/ Jeff, that's how the main CC.net was done, I know. Then CLUTCH and YOU incorporated the DYNAMIC FLASH and the DYNAMIC banners, along with dynamic news, no? One thing I noticed, though, is that there is much wasted space on the right side of the main page... shouldn't the main page extend as my browser window extends? Here were we work, we're "forced" to use a specific size, but for my free-lance and personal stuff, I utilize the whole screen and don't place the IRRITATING "This site is best viewed with Y x Z resolution and ABC Browser" text. That's just my 2¢s.
What you are referring to is the "liquid" design I mentioned previously. That is not something people do as much as they used to. Imagine trying to read a line of text that is 20 inches long and then going all the way back to the left and starting the next line. Surveys of web surfers have found that people HATE having to do that, which is why fixed-width websites are really the norm. Most developers still have to develop for the lowest common denominator and there are still people using monitors that are 800x600 resolution. If you develop a site larger for a fixed width than that, you run the risk that those folks (still a sizable percentage of the computer using population, especially folks on laptops) will get frustrated by the website because they have to scroll left and right just to see everything on the screen. And if you do it liquid, people now using very large browsers (a rapidly growing population) are irritated by the extremely wide text. The best way to avoid that problem is to develop in 800x600.