Wyrdpress UK

Source: Wikipedia

Web Page Design in Hobart by TasWIZ

Web Page resizing to fit the size of whatever screen/monitor viewed in has long been the thing of fantasy to all serious web page designers. Wouldn’t it be nice if we could just poke in a little bit of computer code at the beginning of our web page html and know that whoever was looking over our website would not have to be subjected to screen scrolling. Well we are not quite there yet, but i don’t think it will be very long before that is a problem of the past. We already have webpage zooming in the latest versions of some of our web browsers.

However there are some things you can do if you want to play with the technologies currently being used by cleaver web designers. Using tables to centre your information and set the tables to centre position works well enough however it isn’t very to make changes to that style of webpage. It is better to use the style command in your web header to control the behaviour of the contents of your webpage. Combine that with the use of layers instead of tables and you have a more flexible system that can word wrap and adjust to the size of the screen. For example you might see code written something like this…

Web Page Design Hobart – Code by TasWIZ

This will shove a layer to a set location based upon the percentage of a page size. Playing with this kind of layout can enable you to locate layers to fit exactly where you want them within your chosen wireframe layout. Of course the problem is that fonts and pictures will appear either really big or really small if you change the screen resolution so even if you do move their location you will find overlapping problems or need to by very strong reading glasses. To overcome this problem we used to have more than one home page and then included some java script into a refresh page that identifies screen size. For example similar to this…

Web Page Design Hobart – Code by TasWIZ

This would have redirected you to a page that is screen size appropriate however with a little bit of work and clever coding this same script could be rewritten to choose which style sheet to use depending on the current resolution.
So if you do this you will have a single home page that moves layers to set locations and text in the layers that change to the right size. All you have to do is figure out how you will overcome the graphics on your pages, such as using css and you will have created an expandable webpage. So there you go, get to work!!!

Hope this has inspired some of you egg heads into doing something nifty. If you have any success I would love to see it so email me on mail@taswiz.com

Read timely points of view for free website traffic – your individual guide.

Related articles by Zemanta

• Mozilla issues first Firefox 3.6 alpha version (news.cnet.com)
• The CSS Anthology: 101 Essential Tips, Tricks & Hacks (oreilly.com)
• 5 HTML Tips to Create a Fast Loading Free Website (makeuseof.com)
• ALA 289: Redesign yourself (zeldman.com)
• Microsoft Expression Web – Working with ASP.net (5min.com)
• Elsevier’s ‘Article of the Future’ resembles websites of the past (onlinejournalismblog.com)
• Javascript For Designers: Getting on Your Feet Fast (noupe.com)
• Why Web Standards Don’t Matter (slumpedoverkeyboarddead.com)
• Learning Internet (slideshare.net)
• Extreme Website Makeover – Preparing a Web Page Mock-up in Photoshop (5min.com)
• RooHit.com – Highlight The Information You Want & More (killerstartups.com)
• don’t use @import (stevesouders.com)
• Effective Keyword Use (content123.com)
• Microsoft Expression Web – Building Web Pages with Frames (5min.com)
• Choosing Your Web Building Software (ronmedlin.com)
• Elegant ScrollPanes with jQuery and CSS3 (woork.blogspot.com)
• 7 Cool HTML Effects That Anyone Can Add To Their Website (makeuseof.com)
• 9 Awesome Firefox Add-ons For CSS (techie-buzz.com)
• 19 Year Old College Student Reinvents the Internet (prweb.com)
• 20 of the Worst Designed Websites In the World (manolith.com)
• Websites On Sale Today Only! (pilatesandreikiinparadise.com)
• Professional Internet Marketing Systems (raunchyjohnson.com)

Similar Blog & News Articles: Powered by

• My Favorite CSS Techniques :: Adam Darowski
• New Web Accessibility Articles, Accessible Style Switching :: Brainstorms and Raves - Recent Post Excerpts
• 174. Twitterverse :: Boagworld
• Headway Premium WordPress Theme Review - WordPress Just Got Easier :: SuccessCREEations, Inc.
• Creating a Blog Entry Date Calendar Icon Look with CSS, Mostly :: Brainstorms and Raves - Recent Post Excerpts
• Create WordPress Themes from PSD Files :: Life Rocks 2.0
• Amazing CSS Buttons Tutorials :: Latest Adobe News
• CSS improvements, speed, and more with Firefox 3.6 alpha :: Ajaxian » Front Page
• SitePoint Podcast #24: Those Frames are Ironic :: SitePoint
• Youtube's Background Image :: the gsm orbital

Similar Wikipedia Articles: Powered by

• Web design
• Web page
• Features of the Opera web browser
• Cascading Style Sheets
• Yahoo! UI Library

Similar Products: Powered by

	CSS: The Missing Manual :: Amazon Web site design has grown up. Unlike the old days, when designers cobbled together chunky HTML, bandwidth-hogging graphics, and a prayer to
	Essential Dynamic HTML fast: Developing an Interactive Web Site (Essential Series) :: Amazon Essential Dynamic HTML fast provides a step-by-step approach to discovering DHTML and its techniques - everything you need to know from stan
	Stylin' with CSS: A Designer's Guide (2nd Edition) (Voices That Matter) :: Amazon Cascading Style Sheets enable you to rapidly create web designs that can be shared by hundreds or even thousands of web pages. It accelerate
	Beginning CSS: Cascading Style Sheets for Web Design (Wrox Beginning Guides) :: Amazon Cascading style sheets (CSS) are the modern standard for website presentation. When combined with a structural markup language such as HTML,
	Pro CSS and HTML Design Patterns :: Amazon If you are looking for a complete site design solutions book, this is not it-but if you are seeking a book to help you solve many common pro
	The CSS Anthology: 101 Essential Tips, Tricks & Hacks :: Amazon The CSS Anthology: 101 Essential Tips, Tricks & Hacks is a compilation of best practice solutions to the most challenging CSS problems. The
	The Essential Guide to CSS and HTML Web Design :: Amazon The Essential Guide to CSS and HTML Web Design is a special book-it will tell you all you need to know to design great web sites that are st
	CSS Cookbook (Animal Guide) :: Amazon This cookbook provides you with hundreds of practical examples for using CSS to format your web pages, complete with code recipes you can us