网站建设报告网页的设计.docVIP

网站建设报告 本次网站建设主题为“我的家乡”，即由本组的组员各自介绍自己的家乡，首先我们说明一下网页设计的几个方面。 网页设计是艺术与技术的结合。从艺术的角度看，网页设计的本质是一种平面设计，对于平面设计要考虑两个基本问题。 布局 对于一般的平面设计来说，布局就是将各种元素在平面中的位置和形成绘制出来。网页设计和其他形式的平面设计相比，有相似之处，它也要考虑网页的版式设计问题，如采用何种形式的板式布局。与一般平面设计不同的是，在将网页效果图绘制出来以后，还要用技术手段实现效果图中的布局，将效果图转化为真实的网页。而用代码实现网页布局的途径有三种： 表格布局：将网页元素填入表格内实现布局；表格相当于网页的骨架，因此表格布局的步骤是先画表格，再往表格的各个单元中填内容，这些内容可以是文字或图片等。 DIV+CSS布局：这种布局形式不需要额外的表格做网页的骨架，它是利用网页中每个元素自身具有的盒子来布局，通过对元素的盒子进行不同的排列和嵌套，使这些盒子在网页上以合适的方式排列就实现了网页的布局。 框架布局：将浏览器窗口分割成几部分，每部分放一个不同的网页，这是很古老的一种布局方式，现在用的较少。 配色 网页的色彩是树立网页形象的关键要素之一。对于一个网页设计作品，浏览者首先看到的不是图像和文字，因此说色彩决定印象。一个成功的网页作品，其色彩搭配可能给人的感觉是自然、洒脱的，看起来只是很随意的几种颜色搭在一起，其实是经过了设计师的深思熟虑和巧妙构思的。 网页中色彩的搭配： （1）色彩搭配的总体原则：色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有强烈的色彩对比。 同样，网页中的色彩种类不能太多，就好像太多人不好组织在一起工作。而相似的色彩比色彩相差太远要容易搭配一些，这就好比是同类型的人或相似的人更加容易相处在一起。又如在色彩对比中，两种对比色的面积大小不能相当，这就好比两类对立的人不能势均力敌，要一强一弱，才能保持稳定。 （2）色彩搭配的最简单原则： ①使用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 ②用两种色彩。先选定一种色彩，然后选择它的对比色。但要注意这两种颜色面积不能相当，应以一种为主，另一种做点缀，或在它们之间插入分割色。这样整个页面色彩显得缝补但不花哨。 ③用一个色系。简单地说就是用一个感觉的色彩，可以起到调和的作用。 ④边框和北京的颜色应该相似，且边框的颜色较深，背景的颜色较浅。 （3）网页配色的忌讳： ①不要将所有颜色都用到，尽量控制在三种色彩以内。 ②一般不要用两种或多种纯色，大部分网站的颜色都不是纯色。 ③背景和前文的对比尽量要大，以便突出主要文字内容。 CSS布局的优点 使用CSS进行布局的最大优点是非常灵活，可以方便地扩展和调整。例如，当网站随着业务的发展，需要在页面中增加一些内容，那么不需要修改CSS样式，只需要简单地在HTML中增加相应的结构模块就可以了。 不但如此，设计的足够合理的页面可以非常灵活地修改样式。 网站风格设计的基本原则： 尽可能的将网站标志放在每个页面最突出的位置 使用统一的图片处理效果。在处理网站图片时要注意主要图片阴影效果的方向、厚度、模糊度等都必须尽可能地保持一致，图片的色彩与网页的标准色搭配也要适当。 突出主色调。主色调是指能体现网站形象和延伸内涵的色彩，主要用于网站的标志、标题、主菜单和主色块。无论是平面设计还是网页设计，色彩永远是其中最重要的一环。一般来说，一个网站的主色调不宜超过三种，太多则让人眼花缭乱。 使用标准字体。和主色调一样，标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现网站的独特风格和与众不同，在标题和标志等关键部位，可以根据需要，选择一些特别的字体，而普通文本一般都采用默认字体。 网页版式设计 网页版式设计 是指如何合理美观的将网页中各元素安排在网页上，网页版式设计和平面设计既有相同点，也有自己的一些特点，其原则有以下几条： 网页中的文字应采用合理的字体大小和字形。 确保在所有的页面中导航条位于相同的位置。 不要使用网页太长，特别是首页。 要在网页中适当留空白。空白元素在网页设计中非常重要，它能够 使网页看起来简洁、明快，阅读舒畅，是网页设计中必不可少的元素。 总的来说，网页版式设计应从整体上考虑，达到整个页面和谐统一的效果，使得网页上的内容主次分明，中心突出。内容的排列疏密有度，错落有致，并且图文并茂，相得益彰。 网站主题 根据以上对网页设计的理解及要求，我小组设计并制作了主题为“我的家乡”的网站。 我们组有六个人组成