Design of a Web site to fit all resolutions

Hi all. I joined this forum in order to get a solution to the difficult situation... and I would appreciate greatly any help thrown my way!

I will here the explanation! (I'll try and keep it short and to-the-point)

I had essentially to create a Web site for all resolutions, as the thread title might suggest. I designed the layout in Photoshop CS3 with a resolution of 800 x 600. Here is the result of this design.

http://img543.imageshack.us/img543/165/livedemoip.jpg

Everything has its own layer - each of the buttons, logo USA, main and void / nav etc.

I saw countless videos on the creation of a Web site to fit all resolutions, but they tend to start the whole design process in Dreamweaver. The same videos, I looked on the import slices of PS to DW renounce mention how to wear your designs so that they are able to be seen easily in all resolutions. So I find myself trying to combine these two elements to find the solution myself, which became very daunting to say the least.

I should say that my knowledge of Dreamweaver is basic, if that. Everything I've learned has been online tutorials and other during 15 hours solid info-digestion.

In my travels-e that I passed through terms such as divs, CSS and spacers, which no only I have understand. If I cut my layout and import it in DW and then I can set the page layout to fit 100% of the width of the screen, but it leaves me with some white areas ugly in design which I assume are the transparent braces at work? Here's what it looks like in Dreamweaver without the buttons...

http://img443.imageshack.us/img443/2219/livedemoip3.jpg

I guess the core of my concern, where exactly is the best place to start is, given my ultimate goal?

I understand that this is not the thought of better explanation, but I've been all night trying to literally piece everything together and it seems that my motor functions begin to suffer for it!

Thanks in advance!

Here you go:

http://www.Adobe.com/devnet/Dreamweaver/articles/dw_fw_css_pt1.html

The above tutorial explains how to make a Fireworks design and slice in Dreamweaver. You can replace "Fireworks" for "Photoshop" quite easily.

You will need to adapt the CSS/HTML for a "fluid" layout to achieve your goal.

If you don't mind, here are some tips from someone who has been to design and develop web interfaces for more than a decade:

Fluid width designs are almost always a terrible idea, that's why you don't see them not used very often in our days.

Navigation 'mystery', that you designed is a rookie mistake. You have abour four or five seconds to pass the point of your Web site to the user. If they can not immediately find the information they want, they hit the back button and leave. What makes them your mouse on each element of the Web to find the info they want are an idea really bad usability.

Tags: Dreamweaver

Similar Questions

  • Which Adobe product is better than the sliders & banners (graphic design) for a Web site?

    Which Adobe product is better than the sliders & banners (graphic design) for a Web site?

    You can see the full list of applications here:

    Common questions about CC desktop applications

    Desktop applications

    I'd take a peek at Photoshop or Illustrator.

    Photoshop is a pixel based image editing program that is well suited for creating and editing digital images, especially photographs.

    Illustrator is a vector program that is great if you want to create vector graphics based that you can scale up without loss of resolution, for example, a logo.

    What you choose really depends on your needs and knowledge if you create bitmap images or vector.

    These links may be useful:

    http://www.printwand.com/blog/when-to-use-Adobe-Illustrator-vs-Photoshop-VS-InDesign

    http://www.ehow.com/about_5378077_photoshop-vs-Illustrator.html

  • I have been designing a new Web site and when I publish on BusinessCatalyst the index page shows a sign 'coming soon '? This has never happened before and I don't know how to solve this problem?

    I have been designing a new Web site and when I publish on BusinessCatalyst the index page shows a sign 'coming soon '? This has never happened before and I don't know how to solve this problem?

    I have published on an existing site, but also a new site, but I get the same message?

    Hello

    Open the page that wants to set as your home page,

    Click on more action-> set as start page

    Now visit the site again, it should be good.

    Let me know if you have any question.

  • Can I change the design of my Web site if I want to?

    Can I change the design of my Web site if I want to? I need another I can change it with new model?

    Yes, we IDREAMS INFOTECH, change the design of the site "", where you can change images and text on your pages and the General layout of these pages.

    We modify the model you want to just give us a call, we will do it.

  • Completely lost, if we can design a Full web Site just by using Flex?

    Guys, I'm not a web developer by any means. I learned that flex just enough to get a completed task that I needed.

    Recently, I decided to have a website for myself. I started in dreamweaver and it is quite a steep learning curve from the ground.

    I'm more comfortable in Flex as its very intuitive about how to do things. So my question is can I design an entire web site just using flex or should I do not think like that?

    Also, is - anyone of you recommend a good place to get Flex, form of models. I did some googleing but seems the result come back as a Flash templates

    Depends on how they have implemented the code and how the data are filled.  But, in most cases, that's right; in a flash file SWF is not indexed.

    If you google SEO Flex or Flash SEO, you can find more information on this.  Ted Patrick had a few posts on this w / the Flex Directory application that was built.

    He's not changing things from a SEO point of view, but I'll add that the model you're talking about is built in Flash 8; no Flex.

  • Design of a Web site on the layers

    I'm trying to deign one page website 100% width / height of 100%. In regards to the time 100% height is not available in Muse, I do it manually in the CSS after that I exported the Web site.

    I have 6 layers, I have 6 sections of menu. The sections of the menu have the same name as the layers.

    For example, the layer 'home' is the name of menu home, layer 'contact' is the name of the Contact menu.

    I keep looking for a solution to the layers of trigger to hide on click/release and display only the layer with the same name.

    Anchor points solution works but all layers are visible on the other.

    If I was not clear enough, or if you have suggestions, comments, questions, feel free to post them.

    Also, if it is not possible in Muse, I am happy to try coding CSS hollow

    And it's so sloooow!

    Photo galleries appear only after a long wait...

    But I must say that the navigation is not so hard to imitate.

    One of the causes of the long wait could be that although the links point to different URLS, the scripts behind the screens are probably downloading all the pictures initially. Is not a good approach in this situation. I think that it is better not to put all your material to display in a page, or even a widget!

    Developers can create everything you ask. It is their goal and the challenge.

    But as a designer, he must be careful with what you are trying to reach and what are the consequences on the outcome of the experiment. Muse is perhaps not able to create anything you might be visually wishing for, but it will keep you on a relatively safer track in design and construction technically your own Web site.

  • I have a site designed iWed which I can't = up to date. I want to design a new Web site with a different place (everweb?) How can I get rid of the current site? I want to use the same domain name.

    I have a designed iWeb site I need to update. I know I can't use iWeb so want to design and publish a new Web site. I want to use my current domain name. How can I get rid of the existing site?

    So, you want to delete this Web site. That's right?
    If so, you can make trought accessing the website 'admin panel' or 'FTP '.

    An administration panel (or "administration panel") is a site that your host/domain provides to you, where you can change everything you want - even is for 'FTP', 'FTP' is a server where you access your Web site and change what you want, and that includes delete the current Web site.

    Questions please ask.

  • How can I close a Web site without closing all other sites, I have open?

    I often have several site windows open while I pass my emails and go to the articles. When I click on the red circle to close this window, a message says that I am about to close numerous windows, how ever I opened. How can I simply close the single window without closing all others? Thank you.

    Hi dsluther,

    When you have multiple sites open at the same time, we call these "tabs".

    You should see all your tabs lined up near the top of the Firefox window, between the forward/backward buttons and the web page itself. To close a single tab, just need you to click on the 'X' icon on the tab itself, instead of the Red 'X' icon in the title bar of FIrefox.

    This article contains additional information on what the tabs are, how they work and how to manage and close them:
    Use the tabs to organize a lot of Web sites in a single window

    I hope it's useful.

    Jayelbe

  • Foscam IP camera Web site has now all the "undefined" with worm 13 fields. It worked before

    After the upgrade to ver 13.0.1 web site has all the descriptions of the data listed as "undefined" fields it worked yesterday.

    Now it's working. Problem may be due to slow download on Internet network connection speeds by Satellite Hughes

  • Why erase history browse (all) does not erase most of the web sites, but not all?

    Using Windows 7, when I erase all history there are sites that are not affected and remain behind. How indeed erase EVERYTHING? Thanks for your reply.

    Problems with bookmarks and history does not properly can be caused by a corrupted database places.sqlite file.

    You can check for problems with the database places.sqlite file in the Firefox profile folder.

  • I've improved 3.6.13 to 10.0 and lost my login information from web site for most (all?) of my favorite sites.

    Firefox remmembered my connections with 3.6.13. After upgrade, no connections years.3 not filled when I go on the site.

    I tried to look at my profile. The only profile I can find is obviously created by 10.0 and it does not contain my old login information. Is a backup copy of the old profile anywhere? I have searched but can not find. Is it possible to restore the missing profile?

    Thank you, g. Hunter.

    --> Updated Firefox to version 10.0.1

    Follow the suggestions mentioned in the following articles:

    Check and tell if its working.

    Not related to your problem, but some of your Firefox Plugins are outdated

    • Update all of your Firefox Plugins-> https://www.mozilla.org/en-US/plugincheck/
    • During the installation of the Plugins download files hotfix, remove the check mark to download any other software options with your Plugins (for example, toolbars, McAfee, Google Chrome, etc.)
  • Learn sql Web site free for all in the world

    Hello..

    I currently work as oracle dba

    I think the details of a site Web of SQL and its practice that I created using SQL...

    I just want to know its possible... or need no permission of any organization of SQL...

    Thanks and greetings

    Jysh

    As says Pini, do not copy others.  Make sure you understand the concept of fair use and always your referral sources.  Certainly do not post content from supporting organizations.

    There are many sites.  Often what works best is when people go "I saw so many sites, but none of them do not explain things the way I'd like them explained to me."  And then they do.

    People who do it for the profit rarely do everything.

  • Assistance for the design of my Web site

    Hello guys,.

    I made a site for my band and I need some help and recommendations for the design. See and write your tips: www.chegi-bend.rs

    Best regards!

    It seems not so bad.  In the menu, the 'X' between each element confuses me for a minute because it was as if it was something that had to be clicked.  Other than that, it seems to me.

  • Firefox stopped play videos on some web sites and displays all graphics on the other. Have you Windows error msgs before videos stopped.

    A few times I got messages Windows error on a problem with Firefox and security, but I don't remember the exact wording of the error message or of what Windows disabled.

    Now on some news sites, I can't play videos, it is happening now on YouTube where I get an error message when I try to play a video.

    I also have problems on the site of the major League Baseball with the browser displaying some graphics.

    I restarted Firefox several times and even restarted my computer, but this has not solved the problem.

    Any ideas as to what went wrong or how to force Windows appears the error message again?

    Hello rsmith2000, this is probably a problem with the latest version of the flash plugin - for common solutions to this problem, refer to that 11.3 Flash does not load video in Firefox

  • Every second a link or I click on getting me to unwanted redirected Web sites, Ive tried all the antiwormspyware and it does not happen with Chrome or IE

    For the last few months since I've updated last Firefox when I do a search on google for the most part, but sometimes of other links too sometimes. I click on a link and more than half the time it redirects me to websites virus, pirates, games of chance or porn. Ive tried to find a worm or a malware with all known antivirus-antispyware programs, but nothing. I know it takes some malware or trojan but can you tell me are you aware of this and if so how can I get rid of him. I prefer to use Firefox for Chrome, but it can't on Chrome, so it must be a specific problem of Firefox

    It could be from a malicious add-on or 'search bar' which has installed without your permission. Check your add-ons to see if you have no matter what you do not recognize. Also, are you using any "bars," extra in addition to your navigation/menu/bookmarks bars? Sometimes adware disguised as research tools for your browser.

Maybe you are looking for

  • Can not boot from HDD after bios update [Z510]

    Hello I've just updated my bios on my Z510, and now only boot options I have is the network boot, something that I don't use. I used the tool to update the bios that Lenovo is distrubiting from page of the drivers for my PC. Can someone help me with

  • How to select all the contents of the control channel automatically

    Hi all We use barcodes to string for control of the input string. How can I replace the old data with the new? 1.I used keyfocus but new data insert just behind the 'old'. 2. we do not want to erase the old rope before registration of new data. becau

  • Problem downloading on PS3 3.15 update

    I downloaded the update, when the update has been installed it to 99% done and not finish the installation.  I let it sit for hours thinking it would end thereafter, but he still didn't.  Turn off the PS3 and he turned his back and it automatically s

  • Why my Windows 7 will not find wireless networks?

    My Dell with Windows 7 apparently tried to auto update and no not now recognizes wireless networks? I get the following error codes 80244022 8024001F, 8024402C, 80072ee2, 8024401 b, 80072efd HELP! The full convenience store is no problem?

  • Update the BIOS of motherboard ΜATX-RS880-H

    Hello, I'm trying to update the bios for this card (H-RS880-ΜATX) in my HP Pavilion. I am running windows 8.1 (probably a problem) My current BIOS version is 5.03 (May 2009) I found the version 6.11 of 2012 on the hp Web site: http://h10025.www1.hp.c