### 一个实用的网上投票系统的知识点解析
#### 一、项目背景及概述
该文档介绍了一个专门为北仑区电信杯网页设计大赛设计的实用网上投票系统。该系统旨在提供一个简洁明了的平台,用于展示参赛作品并允许网民在线投票。系统已被北仑港网站采用。
#### 二、关键技术与工具
##### 1. 常用网页制作软件
- **FrontPage 2000**: 微软出品的一款网页设计工具,属于Office套件之一。对于熟悉Word的用户来说,使用FrontPage 2000进行网页设计会非常方便,因为它们的界面和菜单操作非常相似。此工具提供了丰富的向导和模板功能,使其成为很多网页设计者的首选。
- **Dreamweaver**: 包括可视化编辑和HTML代码编辑功能的软件包。Dreamweaver采用了Roundtrip HTML技术,可以在Dreamweaver和HTML代码编辑器之间自由切换,同时保持HTML语法和结构不变。这使得专业设计师可以在不改变原有编辑习惯的情况下享受到可视化编辑的优势。Dreamweaver还支持多种插件,例如ActiveX、JavaScript、Java、Flash和Shockwave。
- **Flash**: 主要用于制作动画,可以用来创建具有独特视觉效果的文字和图像。
##### 2. 技术发展趋势
随着90年代中期之后新技术的发展,如动态HTML、服务器端脚本语言ASP和PHP等,网页设计变得更加多样化且功能更加强大。
#### 三、设计过程详解
##### 1. 页面总体设计
- **基本元素**: 文字、图形、声音、动画以及超链接构成了网页的主要元素。其中,超链接是网页区别于传统媒体的关键特性。
- **优化与美化**: 在开始制作网页之前,需要对这些元素进行规划,合理搭配文字、图形和超链接,同时进行美化设计,确保页面既美观又易于阅读。
- **排版与美学**: 排版时需考虑浏览者的阅读习惯,一般将导航或目录放在页面顶部或左侧。同时,需要注意文字处理(如字体、字号等)和页面空间的布局,以增强用户的视觉体验。页面设计应追求对称性和平衡感,避免过于呆板。
##### 2. 表格与内容添加
- **表格操作**: 使用FrontPage 2000中的表格功能对页面进行格式划分。在完成内容添加后,需要将表格边框线的宽度设置为0,以隐藏表格边界。
- **文字录入**: 在表格单元格中输入文字,并利用工具栏设置文字的字体、字形和字号。建议避免使用下划线,以免与超链接混淆。
- **图片应用**: 网页中的图片类型包括背景图、插图、按钮图和水平分隔线。合理使用这些图片可以增强页面的视觉吸引力。
#### 四、总结
本文档详细介绍了一个实用的网上投票系统的设计过程和技术细节。该系统不仅提供了简洁的用户界面,还具备在线投票功能,让网民能够积极参与到网页设计大赛的评选过程中。通过使用FrontPage 2000、Dreamweaver和Flash等工具,以及合理的页面设计与内容组织,实现了良好的用户体验。此外,本文档还提到了网页设计中的一些关键技术和趋势,为读者提供了宝贵的知识参考。