第1页 / 共23页
第2页 / 共23页
第3页 / 共23页
第4页 / 共23页
第5页 / 共23页
第6页 / 共23页
第7页 / 共23页
第8页 / 共23页
TCP/IP课程设计论文.docx
第一章 前言
1.1 研究目的
1.2 研究意义
1.3 研究的范围
1.4 力求达到的目标
1.5 本课题应解决的主要问题
第二章 需求分析
2.1 整体需求
2.2 详细需求
2.2.1 数据录入
2.2.2 纠错检验
2.2.3 照片放置
2.2.4 网页部署
2.2.5 打印要求
第三章 理论基础
3.1 HTML基础
3.1.1 HTML简介
3.1.2 HTML 标签
3.1.3 HTML表单
3.1.4 表格
3.1.5 HTML标题
3.1.6 HTML 属性
3.1.7 HTML头元素
3.2 CSS技术
3.2.1 CSS简介
3.2.2 CSS的特点
3.2.3 CSS的语法
3.2.4 CSS的使用
3.3 JavaScript脚本
3.3.1 JavaScript简介
3.3.2 JavaScript功能
3.3.3 JavaScript的使用方法
3.4 Tomcat简介
3.5 DreamWeaver
3.5.1 DreamWeaver 简介
3.5.2 DreamWeaver 的缺点
3.5.3 Dreamweaver的优点
第四章 系统总体设计与实现
4.1 系统总体设计
4.2 具体实现
4.2.1 照片上传功能的实现
4.2.2 纠错检验功能的实现
4.2.3 Form表单及Table表格的实现
4.2.4 文本框的实现
4.2.5 单选按钮的实现
4.2.6 下拉列表的实现
4.2.7 文本域的实现
4.2.8 按钮的实现
第五章 总结与展望
参考文献
致谢
河南理工大学设计(论文)说明书
《TCP/IP 协议分析与应用》课程论文
题目：学生学籍信息网页制作
专业：计算机科学与技术
班级：
姓名：
学号
2011 年 01 月 20 日
1
河南理工大学设计(论文)说明书
摘要
随着计算机技术的发展，网络管理及网页制作变得越来越重要。将学生信息
管理和网络联系起来无疑是提高学校管理效率的必经之路。而作为当代大学生，
网页制作及网站开发技术逐渐成为一项必备的基本技能。
作者在 HTML 的基础上，利用 DreamWeaver 网页开发工具，结合 CSS、
JavaScript 将众多的学生学籍信息布局到一张网页上，重点考虑网页的排版布
局，以实现页面的美观整洁。在该网页上，使用者可以进行信息的录入，照片的
上传，信息的纠错检测，而且可以在互联网上访问到该网页。
在网页布局上，将相似的字段排在一起，以利于网页整体的美观。为了方便
使用者正确输入，提高输入速度，作者特针对不同的字段创建了下拉列表及单选
按钮。为了避免提交时出现必填信息为空的现象，作者加入了相关的纠错检验机
制，提交时若有必填选项为空，则弹出一个对话框作为提示。最后，作者利用
tomcat 进行网页部署，在另一台计算机上实现了对该网页的访问。
关键词： 网页制作 排版布局 美观整洁 纠错检验 网页部署
2
河南理工大学设计(论文)说明书
目录
第一章
前言 ................................................................................................................................ 5
1.1 研究目的 ............................................................................................................................ 5
1.2 研究意义 ............................................................................................................................ 5
1.3 研究的范围........................................................................................................................ 5
1.4 力求达到的目标................................................................................................................ 5
1.5 本课题应解决的主要问题................................................................................................5
第二章 需求分析 ............................................................................................................................ 6
2.1 整体需求 ............................................................................................................................ 6
2.2 详细需求 ............................................................................................................................ 6
2.2.1 数据录入 ................................................................................................................ 6
2.2.2 纠错检验 ................................................................................................................ 6
2.2.3 照片放置 ................................................................................................................ 6
2.2.4 网页部署 ................................................................................................................ 6
2.2.5 打印要求 ................................................................................................................ 6
第三章 理论基础 ............................................................................................................................ 7
3.1 HTML 基础........................................................................................................................... 7
3.1.1 HTML 简介 ............................................................................................................... 7
3.1.2 HTML 标签 ..............................................................................................................7
3.1.3 HTML 表单 ............................................................................................................... 8
3.1.4 表格 ........................................................................................................................ 8
3.1.5 HTML 标题 ............................................................................................................... 9
3.1.6 HTML 属性 ..............................................................................................................9
3.1.7 HTML 头元素...........................................................................................................9
3.2 CSS 技术 ........................................................................................................................... 10
3.2.1 CSS 简介 ............................................................................................................... 10
3.2.2 CSS 的特点 ...........................................................................................................10
3.2.3 CSS 的语法 ...........................................................................................................10
3.2.4 CSS 的使用 ...........................................................................................................10
3.3 JavaScript 脚本 .............................................................................................................12
3.3.1 JavaScript 简介.................................................................................................12
3.3.2 JavaScript 功能.................................................................................................12
3.3.3 JavaScript 的使用方法.....................................................................................12
3.4 Tomcat 简介 ..................................................................................................................... 14
3.5 DreamWeaver.................................................................................................................... 15
3.5.1 DreamWeaver 简介 ..............................................................................................15
3.5.2 DreamWeaver 的缺点 ..........................................................................................15
3.5.3 Dreamweaver 的优点 ...........................................................................................15
第四章 系统总体设计与实现......................................................................................................15
4.1 系统总体设计 .................................................................................................................. 15
4.2 具体实现 .......................................................................................................................... 17
3
河南理工大学设计(论文)说明书
4.2.1 照片上传功能的实现 ..........................................................................................17
4.2.2 纠错检验功能的实现 ..........................................................................................17
Form 表单及 Table 表格的实现.......................................................................19
4.2.3
4.2.4 文本框的实现 ......................................................................................................19
4.2.5 单选按钮的实现 ..................................................................................................19
4.2.6 下拉列表的实现 ..................................................................................................20
4.2.7 文本域的实现 ......................................................................................................20
4.2.8 按钮的实现 ..........................................................................................................20
第五章 总结与展望.................................................................................................................... 21
参考文献 ......................................................................................................................................... 22
致谢 .................................................................................................................................................. 23
4
河南理工大学设计(论文)说明书
第一章 前言
1.1 研究目的
制作一张学生学籍信息网页。
1.2 研究意义
可以实现学生学籍信息的便捷录入，方便用户管理档案信息，为用户提供一个
美观整洁的界面。
1.3 研究的范围
HTML,CSS,JavaScript 以及 tomcat.
1.4 力求达到的目标
网页整体的整洁美观，照片的上传，信息的录入，录入信息的纠错检验以及网
页的上传发布。
1.5 本课题应解决的主要问题
(1)如何使用 JavaScript 脚本语言实现录入信息的纠错检验；
（2）如何使用 CSS 实现网页的整体排版布局；
（3）如何安装配置 tomcat 实现网页的上传发布。
5
河南理工大学设计(论文)说明书
第二章 需求分析
2.1 整体需求
根据客户（王老师）提供的内容字段，制作出一张网页。
2.2 详细需求
2.2.1 数据录入
要求在表单中可以填写数据，如下中的一些内容：张三，男等内容。
2.2.2 纠错检验
填写的内容要有纠错检验机制。
2.2.3 照片放置
在照片放置区域，应该能放置适当大小的照片。
2.2.4 网页部署
用应用程序服务器部署起来，可以网上访问到。
2.2.5 打印要求
所有的内容应在一页中显示打印出来。
6
河南理工大学设计(论文)说明书
第三章 理论基础
3.1 HTML 基础
3.1.1 HTML 简介
HTML（HyperText Mark-up Language）即超文本标记语言或超文本链接标示
语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML
文本是由 HTML 命令组成的描述性文本，HTML 命令可以说明文字、图形、动画、
声音、表格、链接等。HTML 的结构包括头部（Head）、主体（Body）两大部分，
其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
3.1.2 HTML 标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号
包围起来的关键词，通常是成对出现的，分为开始标签和结束标签，如 和
.
(1)HTML 标签
标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本
字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
(2)HTML
河南理工大学设计(论文)说明书
语法：
(5)HTML
标签
可定义文档中的分区或节（division/section），可以把文档分割为
独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关
联。如果用 id 或 class 来标记
，那么该标签的作用会变得更加有效。
语法：
(6)HTML
标签
标签在 HTML 页面中创建一条水平线,水平分隔线（horizontal rule） 可以在视觉上将文档分隔成各个部分。 语法：
3.1.3 HTML 表单 表单是一个包含表单元素的区域, 允许用户在表单中（比如：文本域、下拉 列表、单选框、复选框等等）输入信息的元素。 语法: 3.1.4 表格 表格由
标题
段落
标签
标签在 HTML 页面中创建一条水平线,水平分隔线（horizontal rule） 可以在视觉上将文档分隔成各个部分。 语法：
3.1.3 HTML 表单 表单是一个包含表单元素的区域, 允许用户在表单中（比如：文本域、下拉 列表、单选框、复选框等等）输入信息的元素。 语法: 3.1.4 表格 表格由
