Information on this web design.
This webdesign explained
The website is written in PHP. The texts (left and right) are combined in a single file
(the page that is requested) to have Search Engine Friendly (SEF) URLs. E.g. www.imquso.nl/webdesign.php.
Search engines favour this.
About this web design
The idea for this webdesign, a folded open book, bugged my mind for a long time
but it wasn't mature enough. But know there are much more widescreen monitors so it was an option.
However: the scalability of the web pages (for normal users) must always be assured.
Also changing the characters size on screen (bigger or smaller) shouldn't cause layout conflicts.
The book background
Using CCS to create the two text columns/pages with scalable height and width (fluid) was possible
but the problem of different page lengths (left and right) was not solveable by me.
+-F-+---S---+-F-+---S---+-F-+ F | | | | | +---+-------+---+-------+---+ | | left | | right | | S | side | | side | | | |content| |content| | +---+-------+---+-------+---+ F | | | | | +---+-------+---+-------+---+The left and right page content must be scalable while the other parts must stay stable.
The book is contructed with a table and background pictures. Fixed height and width is enforced with dummy pixels of a defined height or width.
The tabs are also tables because all CSS variants had limitations (normal, hover, selected)
The tab distribution left or right can be determined from the order of the pages.
By giving them an (internal) number one can have a differened horizontal ofsets
and so creating the impression that the tabs are on different pages in the book.
The Table Of Contents
The table of content, previous page, next page and pagenumbers are deducted from the configuation file
where e.g. the page/chapter relation is defined.
Paging in the book
The effect of skipping thru the pages in the book is reached
with changes of the book left and rightsize depended on the page shown.
Higher pagenumbers have a narrow rightsize and lower pagenumbers have a narrow leftsize.
Obviously the main menu is the table of contents. But at the left and right size of the book are
tabs with the same main menu choices(Chapters).