网站页面框架的制作设计

网页具备可塑性，无论是程度标的目的仍是垂直标的目的，这是纸质页面所不具备的。因而，即即是在确定页面网格以前，你也需求确定最适合网站的根本页面框架:固定宽度的页面仍是弹性宽度的页面。

确定页面长度要容易一些。最好的体式格局即是合用于内容的知识性体式格局。“网络读者不会滚动”这一老话或许合用于10年前或者更久以前的新用户，可是到了此刻就再也不是那末回事了。跟着读者更习气于将网页作为一个阅读媒介，页面长度的设计限定削减了。可用性研讨表白，网页读者肯定会经由过程屏幕滚动来阅读他们感乐趣的内容。

固定页面宽度

固定宽度页面设计运用广泛，尤为是在进行包罗不少页面功用子区域的庞大而面设计时，诸如新闻网站。将内容放置在固定宽度的列象征着你的页面规划将不会由于用户的屏幕或阅读器窗口的大小差别而改动。在一个稳定的环境中进行设计音味着，你可以固定页面元素的位置并控制行长和间距等版式特点。固定的规划还可以连结有关页面规划中的差别构成部分之间是怎样干联的gestalt视觉和空间逻辑。固定宽度的规划存在一些倒霉因素。在大的显示屏上，会有较大比例的屏幕外于非运用状况，而在狭小的阅读窗口中，用户或许会需求程度滚动才气看到完整雷度的页面。别的，在阅读放大的文本时，固定宽度规划不会老是那末完满地作出反馈。

若是读者选择放大文本，那末固定宽度的设计或许会发生视觉上的分散常见的混淆式代替设计就是将一个或者更多的固定宽度栏与一个弹性宽度的中央栏进行组合，此中中央栏领有相对于简略的内容结构而且可以延长以填满阅读器窗口的整个宽度。

“安全的”页面宽度是一个不竭变换的方针，由于电脑屏幕的均匀大小~直在增进。决议最好页面宽度的最好体式格局就是运用网络阐明学来确定网站阅读者的均匀屏幕大小。

固定例划对绝大大都网页阅读环境(台式电脑或笔记本电脑显示屏)而言是最好的选择，其还可以合用于掌上设备以及其余模式的含移动样式表的移动电脑。不外固定例划将会变得比弹性规划更懦弱而且更易泛起通用可用性问题。因而，咱们猛烈引荐在设计时选择灵活页面规划。

灵活页面宽度

由于显示屏大小纷歧，从小型的手机到宽的电影屏幕，要设计成一个标准“安全的”大小的筹算往往是不现实的。网页是一个灵活的媒介，用于顺应差别的用户以及各不沟通的显示设备。与打印的固定于纸质上的文档不-样的是，网页的外观取决于显示大小、辨别率以及颜色配置、阅读器窗口的高度和宽度、软件参数选择(诸如链接和背景颜色配置)以及可用的字体等这种元素。往往最好的体式格局就是承受媒介的灵活性，设计出明晰的、可合用于不少现实设备且能被一切用户采用的页面。灵活或“弹性”的页面设计在不少方面都比固定设计更具应战性，由于灵活的页面设计请求对html和其在平台和阅读器中的运用有一个很深的理解。灵活的页面设计还请求设计者能跳出自身的结构并想出可能在差别环境中阐扬成果的图形和规划。在界说灵活性页面宽度时有不少种要领。最常用的要领就是运用百分最近界说页面上差别元素的宽度。比方，对一个两栏规划而言，内容可以盘踞页面宽度的75%，而区域导航占页面残剩的25%。统一页面在打印时将会隐藏导航栏，由于其在纸质页面。上的用场不大，同时将页面宽度调至一个合适阅读的数值。而在移动设备上，导航是须要的，但狭小的屏幕宽度不会支持多栏，咱们会将两栏折叠为一栏。并将屏幕上的可用空间最。

灵活的网页设计在顺应差别的显示设备(台式电脑、笔记本电脑、手机、ipod，等等)方面具备不少的劣势。别的，灵活性设计更具备通用运用性，由于其可以等闲用于添加文本大小、晋升显示颜色和对比，以及添加阅读参数。灵活的页面或许对付依赖于页面大小、版式以及图形之间相对于固定的视觉关系的庞大页面规划而言，不是最好的体式格局。