Hello, I am currently planning my to create an homepage for my network. To be a bit more precise I'll give you a quick example: http://www.usawarez.net/ I want to make a page with links to all my other websites. This is going to be the "Network". I had few design ideas and I thought I could use my actual website logo: (only the logo) Make this logo fit fullscreen, and all buildings are buttons that links to the websites. When you mouse over them, they change color. I don't know if you can see what I actually see in my head lol, but if that's not enouph clear just tell me. I think the easiest way of doing this is using HTML and CSS. But the fact is, I don't know where to start. I can make my logo 800x600, 1027x768 ?... What size should I make the image if I want everyone to see it good... Or make something that detect users settings...? After that, I have dreamweaver installed, but I never played around too much with it. If anyone know if its easier to create image with photoshop then make a layout with dreamweaver tell me. It's probally easier when you know how everything is working but still... If you have any idea how I can build this just post em here. Thanks !
Unless you know enough to know how to tell Dreambeaver not to do this, dreambeaver uses this silly javascript mm_swap bs for having colour changes on :hover. Esp since, if it's the buildings changing colour, you'll actually be changing an image of the building (to keep the siloette). This can be done in HTML and CSS however you will not be able to set to fullscreen on everyone's screen without major bloat (or Flash). Flash is limiting in that it can pretty much only be visited with Flash. This rules out bots for the most part (like teh googles) but if you think your visitors are mostly flash users then this may be a possibility. I've seen all-Flash sites (usually a bad idea) change from minimised to full-sized browser windows, even on my 1400px-wide screen rez. Better to have a set box size, with min and max width. If you are interested in the 600-800 screen rezzes, set 800px as your min-width on your main box container, and maybe have a limit of 1024 or possibly something a little bigger, centered, and let the body be a suitable background colour (like a border around the site). You can also set the page to a 100% height (using proper 100% height techniques). This will keep the site a minimum height no matter how large someone's screen is. Let's see, I'm on someone else's computer so I don't have my bookmarks, so you'll have to google these: Image replacement (Gilder-levin) google mezzoblue "image replacement" and scroll towards the bottom. (for your buildings menu) "sliding doors meets css sprites" for doing the trick while keeping a single image, to reduce loading time on your site. You can also do a search here on DP for "deathshadow pixelcommander" and the thread is called something like "firefox sucks I hate that browser" or something. Then menu technique is there, 2nd page. 100% height I know I've seen as an example on Paul's site www.pmob.co.uk/temp but if it's not there I know deathshadow did one of those for Blueparukia here... I have that one bookmarked on my machine... otherwise you'll likely get decent results with "css 100% height". min and max width is on paul's page too, including one which uses a trick to get IE6 to work without the CSS Javascript trick (you can't validate your css sheet with that javascript in it... at least, you have to comment it out first before validating... all these techniques take a bit of time to learn, and are totally worth it, but you might want a real good foundation first. Begin HTML and CSS: Build Your Own Web Site the Right Way Using HTML and CSS by Ian Lloyd. Get better at CSS positioning with: HTML Utopia: Designing Without Tables Using CSS by Rachel Andrew and Dan Shafer. Both books are old enough to be at your local library if your library is awesome enough to carry suchs books : ) Sucess!
Thanks And for the html and css books, its okay, I learned some few years ago and I can find thousands of ebooks for free lol.