网页排版与布局.ppt

方法与工具 FrontPage (1)建立站点 新建一个空白网站 。站点建好之后，站点文件夹下会自动生成“images”的文件夹，这是用来存放制作网页图片素材的。 (2)建立首页 站点建立好之后，再新建一个普通页面，将这个网页保存，默认保存路径就在站点的文件夹下，默认的文件名为 “index.htm”。当访问该网站时，首先看到的就是这个页面。以后建立的网页都是网站的子页面，可以用其它的名字来命名。 （3）表格的使用 （4）超级链接 可以在任意两个对象（比如文字、图片、各种类型的文件）之间建立一种关系，允许顺着这种关系从一个对象到达另一个对象，就好像它们之前有一根无形的链子一样。 （5）框架网页 在一个页面中，可以用专门的边框线把页面分成几个区，每个区独立成页，这样的页面就是框架页面。 * * 网页排版与布局 网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，也就要考虑形式美的内容。 所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。 二.网页的布局形式 整个页面可以分为几个部分，每个部分有不同的功能，也能体现不同的形式，中间的部分一般是最大的，因为它承载着主要的信息，使用者主要就是看中间这个部分的内容， 有些网站也为了出新意把整个页面进行任意划分，特别是个人网页，例如把整个页面平分为左右两个部分，但是这样会让人不着重点，还有的框架用得太多，影响了页面的整体性…… （1）页面尺寸 页面尺寸和显示器大小及分辩率有关系，页面的局限性就在于无法突破显示器的范围。 （2）整体造型 造型就是创造出来的物体形象。在网页中使用不同的形状，它们代表的意义是不同的。P61 页面布局 网站导航的设计——清晰,简洁,一致 导航的意义a,帮助用户寻找他要的东西b,告诉用户他在哪里c,更好的展现网站的内容d,使浏览者对网站有信心 固定导航应包括下列最常用的5个元素:1,网站标识2,栏目3,公共服务(帮助,网站地图,关于我们,联系我们等)4,返回主页5,搜索 留白 我们应该在网页中通过留白的作用，使整个内容排布得松紧有度，给人以跌宕起伏之感。 把整个屏幕都塞得满满的，让人感觉不乱也很挤。网适当地留白，可以提高网页的视觉效果和艺术感染力。 留白既可以给人带来心理上的松弛，也可以给人带来紧张与节奏。利用留白的体量感来使页面布局平衡，在一种不平衡中营造平衡，这样就会使页面生动起来。