网页的版式设计图（网页版面设计原则）
本文目录一览：
什么是页面版式布局
什么是网页布局网页布局就是以最合适浏览的方式将图片和文字排放在网站页面的不同位置。不同的制作者会有不同的布局设计。一般有以下七个步骤：页面尺寸、整体造型、页头、文本、页脚、图片、多媒体。
版式：指的是幻灯片内容在幻灯片上的排列方式。即页面的排版布局。二者的区别如下：模板和板式都能改变幻灯片的外观样式 设计模板的应用范围默认状态下是所有的幻灯片，而版式的应用范围默认是被应用的那张幻灯片。
所谓“T”结构布局，就是指网页上边和左边相结合，页面顶部为横条网站标志和广告条，左下方为主菜单，右面显示内容，这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。如左右两栏式布局，一半是正文，另一半是形象的图片、导航。
版面就是在书刊、报纸的一面中图文部分和空白部分的总和，即包括版心和版心周围的空白部分在内一页纸的幅面。版心是指每面书页上的文字部分，包括章、节标题、正文以及图、表、公式等。
母版：包含可以出现在每张幻灯片上的显示元素，例如文本占位符，图片，动作按钮等。（2）版式：在既定格式的基础上，对平面设计期刊原始手稿的设计，结构，标题层次，图表，注释等进行艺术设计。不同的特征 （1）母版：所有幻灯片或页面格式的幻灯片视图或页面。
什么是布局？ “布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。如何设计有效的布局？具有清晰的视觉层次。布局应当让页面各元素之间的关系和重要性一目了然。
Word的Web版式视图是什么
1、Word的Web版式视图是显示文档在 Web 浏览器中的外观。例如，文档将显示为一个不带分页符的长页，并且文本和表格将自动换行以适应窗口的大小。Word2003 Web版式视图 Word2003中的ldquo；Web版式rdquo；视图专为浏览和编辑Web网页而设计，它能够模仿Web浏览器来显示Word文档。
2、Word2003中的“Web版式”视图专为浏览和编辑Web网页而设计，它能够模仿Web浏览器来显示Word文档。在“Web版式”视图方式下，用户可以看到背景和为适应窗口而换行显示的文本，且图形位置与在Web浏览器中的位置一致。
3、Web版式视图：Web版式视图是显示文档在Web浏览器中的外观。阅读版式视图：是OfficeWord的一种视图显示方式，阅读版式视图以图书的分栏样式显示Word文档，“文件”按钮、功能区等窗口元素被隐藏起来。
HTML网页布局的常见8种类型?
POP布局 POP源自广告术语，指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类网站，优点显而易见：漂亮吸引人，缺点是速度慢。
拐角型 这种类型其实与国字型很相近的，只是在形式上不一样，最上面的部分是网站的标题以及网站的横幅广告条，一种很常见的类型是最上面是标题及广告，左侧是导航链接。三字型布局 这种布局多用于国外网站，国内用得不多。
国字型布局 这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域，其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构，它适用于信息分类繁多、需要良好组织的网站。
网页布局的常见类型 【1】“国字”型布局：“国”字型布局由“同”字型布局进化而来，因布局结构与汉字“国”相似而得名。其页面的最上部分一般放置网站的标志和导航栏或Banner广告，页面中间主要放置网站的主要内容，最下部分一般放置网站的版权信息和联系方式等。
自然布局。没有任何修饰的布局是自动靠左的。流动布局 上面讲的float：left的情况。定位布局 相对定位和绝对定位都是相对于父div标签的。相对---以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点（左上角）为参照点。
