浅谈网站设计与开发 design and development of website.pdfVIP

浅谈网站设计与开发 于水华 (华东师范大学教育信息技术学系，上海200062) [摘要]文章试图先从宏观的角度介绍一下网站设计时的总体思想，再通过实践经验出发谈几点 注意事项和制作网页的一些技巧，最后以笔者在“勤工助学网页设计大赛”中的获奖作品为例，阐述一 下网站的设计开发过程。 [关键词]网站；模板；css 我们在互联网上漫游时，很多网站需要注册或 1．引言 登录，看似很简单的操作，实际上都和远程的 现今社会计算机网络成为人们生活中不可 服务器上的数据库发生了数据交互，这种网站 或缺的一部分。随着计算机网络的广泛应用， 的设计就要求是动态的网站开发技术，现今这 网站的设计与开发以及网页的制作也得到了很 种动态网站是网络上的网站主流。动态网站开 大的发展，网站在设计之初就应该把握住整体 发技术有很多，比较流行的有asp，php，jsp和 规划，在开发设计中还要注意细节，避免少走 asp．net动态网页设计技术。由于这几种技术各 弯路。设计网页时为网页增加一些特效，可以 有所长，可以根据需要进行选取。动态网页的 达到美化网页的作用。 优势所在是要更新网页内容，可以直接更改其 连接的数据库中的数据即可，而静态网页更新 2．网站开发前的准备与规划 信息就相对麻烦，需要重新制作页面、上传页 这是网站的第一步，建设一个网站首先要 面并修改相应的链接。所以对于经常更新内容 明确网站的定位，即网站的建设目的和浏览者 的网站应采用动态页面为主。 的特点。在目标明确的基础上做进一步的设计 2．2网站的总体风格特征要统一 和规划，比如功能上的需求，网站的整体风格 对于一个网站，统一的风格会给人视觉上 特征，网站的组织结构等，都要在网站的开发 的整齐感。从页面的排版和部局，到页面的色 前期做好总体规划。在此基础上搜集整理网站 彩搭配，无一不影响着网页的整体视觉效果。 所需的素材。 例如各个页面要有相同的页边距，文本、图形 2．1开发工具的选择 间保持相同的间距，一般如果在第一页的顶部 对于网站的功能定位是选择开发工具的主 放置了站点标志，那么在其它各页的顶部都放 要依据，如果网站的风格以展示为主，而不需 上这一标志，如果使用图标导航，则各个页面 要与浏览者进行交互，那么静态的网页开发工 也应该使用相同的图标导航。 要想实现这样的效果，一般可以采用两种 具足矣，这类开发工具主要有fmntpage，dream— weaver等，都是所见即所得的开发工具，可以 通过拖动对象，像画图一样，完成网页的设计。 式。模板是一种特殊类型的文档，用于设计 作者简介：于水华，女，黑龙江牡丹江人，华东师范大学教育信息技术学系在读硕士研究生，研究方向：教学 游戏。 万方数据 “固定的”页面布局；您可以基于模板创建文 回主页的链接，能起到很强的挽留用户的作用。 档，从而使创建的文档继承模板的页面布局。 显示网站专题目录，应该在主页或任何一个页 设计模板时，可以指定在基于模板的文档中用 面上，提供站点的简明目录结构，引导用户从 户可以编辑文档的哪些区域，此种方式可以快 一个页面快速进入到其他页面上。显示当前位 捷的建立统一的页面布局。另一种方法是使用 置，无论在任何网页上，都要在很明显的地方 框架，它也是一种常用的技术，该方法可以把 标出当前页面在站点中的位置，或是显示当前 浏览器窗口分为几个小窗口，每个小