网页设计的基本流程

《网页设计的基本流程》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计的基本流程一、网站的设计流程网站是由许多网页（包括图片、链接、音乐、视频等内容以及程序）组成的，如何将所有这些内容组织成一个形式活泼、内容健康丰富、设计独特、受人欢迎的网站，这就需要设计人员除了具备有网页设计制作能力夕卜，还应该对网站的内容、结构、美工等各方而有一个很好的规划设计。建立一个网站，一般需要考虑以下几个方面：1•确定网站的主题设计网站的第一步，就是要确定网站的主题，考虑为什么要建立网站，所建立的网站是针对什么类型的访问者，能提供什么样的信息内容给访问者，能有多少时间、人力、财力、技术來建立、支持和维护这个网站。只有将这些充分考虑清楚后，才能动手建立网站，制作网页。

2、2.规划网站的整体结构这一步要确定网站中的栏H和层次。一个网站是由若干个网页组成的，设计时要通过合理的整体规划将网页组织起來形成网站。网站栏冃实质上是一个网站内容的大纲索引，规划栏H的过程实际上是细化网站内容的过程。网站栏目设计原则有三：一是网站内容重点突出；二是访问者浏览方便；三是便于管理者进行维护。此外，网诂栏目划分要服从并体现网诂主题。栏冃名称要有规律，概括性耍强，最好字数相同。3.收集整合网页索材信息是网站的根木。确定主题和整体结构后，要根据网站主题纽织网站内容、收集各种信息资料。将收集到的资料转换成网页所能识别的文件格式，将书面文字转化为文本文件，将图片转换成适用于网页的格

3、式，录制并编辑需要的音效文件、视频文件和动画文件。如建立学院网站要收集：学院简介、培训中心、专业简介等内容资料。整理资料则是根据将上述收集到的资料进行进一步挑选和细化，将收集到的网页素材落实为站标、广告栏、导航栏等页面元素。2.确定网页版而布局。网页版面是指通过浏览器显示的完整的页面。网站的各个网页的版面要在风格统一的前提下有所变化。3.制作网页。将收集到的资料，按确定的版而布局，利用网页制作工具制作成为网页。包括静态网页制作和动态网页制作。4.添加网页特效。网页特效是指对网页进行美化，强化网页的视觉冲击力，使Z更具冇艺术效果。美化网页可以通过HTML语句、FLASH动画、页面H动滚

4、屏和层、滤镜等技术手段实现。除此之外，鼠标可以制作成动态效果。5.测试和发布网站。二、网页设计与制作1.确定网页的版面布局网页版面布局是指通过浏览器显示的完整的页面。网页版面布局主要针对网站主页的版面设计，其他网页的版面在与主页风格统一的前提下有所变化。设计版面最好的办法是先用笔和纸将构思的草图画下来，草图不需要很详细，只需要画出页面的大体结构即可，可多血几张，选定一个授满意的作为继续创作的样木。下面提供一些网页布局的原则以供参考：(1)平衡性。一个好的网页布局应该给人一种安定、平稳的感觉，它不仅表现在文字的空间山用上分布均匀，而只述有色彩平衡，要给人一种I办调的感觉，而失去平衡的画

5、面会使人产生不安全的感觉，视觉上也不愿多做停留。(2)对称性。对称是一种美，我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆板、死气沉沉的感觉，因此要适当地打破对称，制造一点变化。(1)对比性。让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。例如黑白对比，圆形与方形对比等，它们往往能够创造出富有变化的效果。(2)毓密度。网页要做到疏密有度，要适当进行帘白，运用空格，改变行间距、字间距等制造一些变化的效果。(3)比例。比例适当在布局当中非常重要，虽然不一定都要做到黄金分割，但比例一定耍适当。(4)韵律感。具有相通特性的对象，如点、圆形、线条，沿一定的Illi线重复排列

6、时，就会产生韵律感，使画而显得轻盈而富有灵气。总之，网页的排版布局是决定网站美观与否的一个重要方面，通过合理的、有创意布局，才可以把文字、图像等内容完美地展现在浏览者前面。1.网页设计与制作网页设计与制作一般分为静态网页制作和动态网页制作两类。(1)静态网页的设计与制作用HTML语言编写的通常称Z为静态页而。一般是以.htm>.html、.shtml等为后缀的。在HTML格式的网页上，也口J以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的。静态网页特点是网站速度较快，制作费用较动态网页便宜，但网页的更新麻烦，需专业的网页制作技术人员才可

7、以修改更新；静态网页仅仅用来被动地发布信息，而不具有任何交互功能的网页，它是网站的重要纽成部分。(2)动态网页设计与制作动态网页是用PHP、ASP、JSP等网络编程语言编写出的交互式网页，通俗来说，在动态网页中此处输入信息，网页另一处则随Z新增或更改信息，适合范围广泛，综合性网站、电了商务网站、政府网站、公司企业网站等等，表现形式如论坛、昭言板或网站后台管理页（在网页中的后台进行信息添加修改，前台则H行更新）等。动态网页是与静态网页相对应的，网页URL的后