第四章 网页设计与制作.pptVIP

第四章 网页设计与制作 第一节 网页设计原则 许多报刊网络版的制作过程一般是采取电子网络版与印刷版同步的方法，记者编辑人员直接用计算机写作，写作产生的电子文本文件一方面为激光照排服务，另一方面通过专门的软件将文本文件转换为HTML文件，从而实现网络版的制作。虽然报刊的网络版是普通且重要的网络媒体，但是，网络媒体还包括门户网站、电子商务网站等类型。无论何种网站的建设都离不开网页设计制作。 一、人员构成 一个网页的设计制作是一个系统工程，由多种人员协作完成。一般需要策划、文字编辑、美术编辑、多媒体编辑、信息采集人员、管理人员、专业法律人员、技术人员等。 网页设计制作不同于纯粹的计算机软件设计，也不同于以情节、画面表现为主的影视作品的创作编辑。它是上述三者的有机结合。网页设计制作要想获得成功，就有必要将不同专业人员组织起来，协调好他们之间的工作，使得他们对网页设计达成共同的理解并相互合作成功。 二、网页设计的一般原则 1.导向性原则 它是指在网页设计时，所设计网页应在体现设计对象的性质、任务和特点上具有导向性。 2.开放性原则 作为一个向世人展示自己的窗口，要尽量允许更多的人知道网页上的所有信息，对于一些提供公众服务的网页更应该如此。 3.一致性原则 一致性原则包括形式与内容的一致和网页设计风格的一致两个方面。 时效性原则 网页属于一个相对动态的信息资源，无论个人主页还是企业页面，除了一些固定的信息外，应该经常对网页的内容进行更新，这样才能使你的网页永远保持活力，才能吸引更多的网民受众。 三、网站的结构模型 1.层次树 所谓树状结构就是整个站点有一个树根（也就是主页Home Page），在主页中列出整棵树的主干，建立站点的主要超链接，在每个网页中又有次一级的树枝。 主页里设立若干主要栏目， 每个栏目里的信息再分成一些子栏目，依此类推。用导航系统将所有内容组成一棵由主页出发的树，用户的浏览过程是沿着树上下流动的过程。 2.线形 所有页面具有同等的地位，用户的浏览过程是从一个页面到另一个页面的水平流动。 3.网状结构 网状结构有一个中心的网页为主页，在主页中又有各个网页的超链接，进入每个网页，都可以找到其他网页的超链接。这种结构可以设计丰富多彩的站点。页面之间没有明显的结构，而是以内在的逻辑关系存在。 四、典型的布局形式 1.“T”结构布局 它是指页面顶部为横条网站标志加广告条，下方左面为主菜单，右面显示内容的布局。因为菜单条背景较深，整体效果类似英文字母“T”。这是网页设计中用得最为广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明；缺点是规矩呆板。 2.“口”型布局（亦称“门”型布局） 这是一个形象的说法，就是页面上下各有一条广告条，左面是主菜单，右面放友情链接等，中间是主要内容。这种布局的优点是充分利用版面，信息量大；缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计。 3.“三”型布局 这种布局多用于国外站点，国内站点较少用。特点是页面上横向两条色块，将页面整体分割为四部分，色块中大多放广告条。 4.对称对比布局 顾名思义，采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机地结合比较困难 5.POP布局 POP引自广告术语，就是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。常用于时尚类站点，比如E。优点是页面色彩亮丽，引人注目；缺点就是网页下载速度相对较慢。 五、文字的使用 在当今的网站中，新闻、政府、信息交流等站点的设计都是以文字为主的，尤其是在新闻网站中，文字起着核心作用。 在设计网页时，正文内容应当选常用的字体，比如黑体、宋体和仿宋体以及隶书等常见字体。在设计标题文字的时候，如果有需要我们可以将其制作成较小的图像文件然后插入网页中适当的位置。这样便可以使用你所需要使用的任何文字字体进行设计。 六、图像的使用 这里的图像包括了图形和动画。在网页设计中，图像占了相当的比重，页面中有适当的图像，不但可以使页面活泼生动，而且图形和动画在网页的设计当中具有鲜明的指向性。图像在生动性、直观性上显然比文字强许多。尤其一些摄影、产品介绍等主页，更是少不了图像的帮助。 现在网上比较常用的图片格式为JPEG(JPG)、GIF两种格式。 JPEG格式压缩率较大，失真率也较大，网络传输速度较GIF慢； GIF失真率较小、网络传输较快、而且GIF支持透明格式，可以将图形中不需要的颜色吸掉，图像可以放在任何色彩、背景的页面中，而且GIF还可以合成网络动画。 在图片的运用上需要把握以下几个要点： 1.图形的主体应清晰可见 2.图形的含义应简单明了 3.图片内所含文字应该清晰容易辨认 4.单色系列的背景有助于整体和谐，淡色背景最佳，能与主题分离的浅色标志或文字