Web Plane Design: Basics and
As a project leader, you want to moderate the interaction among websites in a web community and to develop a full-scaled structure that has a scope of whole picture than to design details.
However, according to previous experience, many students would have difficulties to comprehend the complications. If you do not have a full vision in your mind yet, you may go to 'Website Structure' in the first place then come back latter.
Web Page Layout/ Plane Design 網頁平面設計
The popular methods are: by border, by table/grid, by frame,
by CSS and by
The measurement of size could be fixed (by pixel) or liquid (by %) or hybrid.
However, the CSS method (such as div) may resolve conflicts since it is still under progressive development.
Suggested design width
The 1280*1024 and 1680*1050 are coming.
Warning: Borders Design is only good for 800*600 design. Go to the Table/CSS Design for 1024*768 design and higher.
It does not support 'Borders'.
FrontPage 2003 and after
Apply to: all pages.
Since the border lines create the visual divisions, we do not want too many lines.
According to the balance theory, we want the first main border line will be the vertical line more than horizontal line, unless you want to emphasize a very flat visual effect.
Check: include navigation buttons.
You can use the 'border properties' to modify the background. Remember, do not make your plane too busy, dizzy, and lousy.
The syntax of 'borders & navigation links' is invisible in the <HTML> View. However, if you mark the navigation, the syntax will appear in the '<!--Webbot--> of tag window.
The syntax of default navigation is:
<!--webbot bot="Navigation" s-orientation="vertical" s-rendering="graphics" s-type="top" b-include-home="TRUE" b-include-up="TRUE" -->
The syntax of user defined navigation (as left.htm) is:
<!--webbot bot="Navigation" s-type="sequence" s-orientation="vertical" s-rendering="graphics" b-include-home="FALSE" b-include-up="FALSE" u-page="sid:1003" -->
home= home page
up= upper level
You have to find it by explorer: (it is invisible in FP)
>>(double click) left.htm
It displays as follows:
vti_encoding:SR|utf8-nl vti_author:SR|NTU-SEAN\\txwu vti_modifiedby:SR|NTU-SEAN\\txwu vti_timelastmodified:TR|02 Feb 2009 15:13:36 -0000 vti_It displays as follows:
vti_encoding:SR|utf8-nl vti_author:SR|NTU-SEAN\\txwu vti_modifiedby:SR|NTU-SEAN\\txwu vti_timelastmodified:TR|02 Feb 2009 15:13:36 -0000 vti_timecreated:TR|02 Feb 2009 13:45:13 -0000 vti_shadowfiles:VX| vti_title:SR|?梁撌行?蝺? vti_extenderversion:SR|126.96.36.19961 vti_backlinkinfo:VX| vti_nexttolasttimemodified:TW|02 Feb 2009 13:54:39 -0000 vti_cacheddtm:TX|02 Feb 2009 15:13:36 -0000 vti_filesize:IR|1610 vti_cachedtitle:SR|?梁撌行?蝺? vti_cachedbodystyle:SR| vti_cachedneedsrewrite:BR|true vti_cachedhasbots:BR|true vti_cachedhastheme:BR|false vti_cachedhasborder:BR|false vti_botnavbits:SW| vti_botlinkbars:VW|S|sid:1003 vti_botnavbarthemes:VR| vti_botnavbarfeatures:VR|s vti_metatags:VR|HTTP-EQUIV=Content-Type text/HTML;\\ charset=big5 vti_charset:SR|big5 vti_syncwith_tx.liberal.ntu.edu.tw\:80/fb:TR|02 Feb 2009 15:13:36 -0000
You will find the "sid".