Web程序设计课程设计报
告
学 生：
学 号：
班 级：
专 业：
2014年5月
目录
工资管理系统的设计与实现 (3)
课程设计总结 (15)
参考文献 (15)
工资管理系统的设计与实现
一、实验目的及要求
1、掌握Web网页常用的开发工具Frontpage2003或Deamweaver的使
用；
2、学会IIS的配置；
3、学会Html、CSS、Javascript的简单开发和应用；
4、学会B/S模式下，asp或https://www.doczj.com/doc/8d10447465.html,与数据库的连接。
二、实验环境及相关情况（包含使用软件、实验设备、
主要仪器等）
操作系统为Windows XP，应用软件为Macromedia Dreamweaver 8、IIS 服务器和https://www.doczj.com/doc/8d10447465.html,2005软件编辑器。
三、实验内容及步骤
（一）、网站总体设计
工资管理系统是一个ASP与数据库技术结合的典型应用程序由登录模块、前台员工浏览模块、后台管理员管理模块构成。普通员工正确登录后进入前台员工浏览界面，管理员正确登录后进入后台管理员管理界面。系统结构总图如图
1、前台用户操作
前台功能主要有员工查看个人信息、查看工资明细、查看考勤信息、申请假期、修改登录密码等。
前台页面设计如图：
2、后台管理操作
后台功能主要有员工信息管理（包括增加、删除、修改、查看员工信息）、员工工资管理（包括查看员工工资、设置岗位工资结构、工资结算等）、考勤记录管理（考勤内容有出差、加班、请假、迟到早退、旷工等）、部门信息管理（包括增加、删除、修改、查看员工信息）、岗位信息管理（包括增加、删除、修改、查看岗位信息）。
后台页面设计如图：
（二） 、数据库设计1、数据库E-R图分析系统数据流图：
数据流图表达了数据和处理之间的关系，数据字典则是系统中各类数据描述的集合，是进行详细的数据收集和数据分析所获得的主要成果。
员工实体及属性：
部门实体及属性：
工资实体及属性：
工资管理系统数据库ER图：
2、数据表概要说明
建立数据库employeemanage，包含的表如图:
3、主要数据表的结构
部门表如图所示：
岗位表如图所示：
员工表如图所示：
岗位工资结构表如图所示：
用户表如图所示：
工资记录表如图所示：
考勤记录表如图所示：
考勤表如图所示：
（四）、前台页面设计（普通用户模块）
1、前台各个主要页面概述
2、前台主页面的布局
上为标题
内容
3、前台主页面的实现
Dim WithEvents adoPrimaryRS As Recordset
Private Sub Command1_Click() If Text1.Text = "" Then
MsgBox "员工编号不能为空！", vbOKOnly + vbExclamation, "警告" Text1.SetFocus Exit Sub End If
If Text2.Text = "" Then
MsgBox "姓名不能为空！", vbOKOnly + vbExclamation, "警告
" Text2.SetFocus Exit Sub End If
If Combo1.Text = "" Then
MsgBox "性别不能为空！", vbOKOnly + vbExclamation, "警告" Combo1.SetFocus Exit Sub
Text11.SetFocus Exit Sub End If
Dim db As Connection Set db = New Connection
db.CursorLocation = adUseClient
db.Open "PROVIDER=Microsoft.Jet.OLEDB.3.51;Data Source=rsgz.mdb;"
Set adoPrimaryRS = New Recordset a = Text1.Text
adoPrimaryRS.Open "select * from ygInfo where 员工编号='" & a & "'", db, adOpenStatic, adLockOptimistic If Not adoPrimaryRS.EOF Then
MsgBox "该编号重复！", vbOKOnly + vbExclamation, "警告" Exit Sub Else
adoPrimaryRS.AddNew
adoPrimaryRS.Fields("员工编号") = Text1.Text adoPrimaryRS.Fields("姓名") = Text2.Text adoPrimaryRS.Fields("性别") = Combo1.Text adoPrimaryRS.Fields("部门") = Combo2.Text adoPrimaryRS.Fields("民族") = Text3.Text adoPrimaryRS.Fields("出生年月") = Text4.Text adoPrimaryRS.Fields("政治面貌") = Combo3.Text adoPrimaryRS.Fields("家庭住址") = Text5.Text adoPrimaryRS.Fields("联系电话") = Text6.Text
adoPrimaryRS.Fields("毕业学校") = Text7.Text adoPrimaryRS.Fields("最高学历") = Combo4.Text adoPrimaryRS.Fields("所学专业") = Text8.Text If Text9.Text = "" Then
adoPrimaryRS.Fields("职务") = "无" Else
adoPrimaryRS.Fields("职务") = Text9.Text End If
adoPrimaryRS.Fields("专业技术职称") = Combo5.Text adoPrimaryRS.Fields("职称时间") = Text10.Text adoPrimaryRS.Fields("基本工资") = Text11.Text If Text12.Text = "" Then
adoPrimaryRS.Fields("奖惩情况") = "无" Else
adoPrimaryRS.Fields("奖惩情况") = Text12.Text End If If Text13.Text = "" Then
adoPrimaryRS.Fields("个人简历") = "无" Else
adoPrimaryRS.Fields("个人简历") = Text13.Text End If adoPrimaryRS.Update
MsgBox "记载成功！", vbOKOnly + vbExclamation, "提示"
End If
Text1.Text = ""
Text2.Text = "" Text3.Text = "" Text4.Text = "" Text5.Text = "" Text6.Text = "" T ext7.Text = "" Text8.Text = "" Text9.Text = "" Text10.Text = "" Text11.Text = "" Text12.Text = "" Text13.Text = "" Combo1.Text = "" Combo2.Text = "" Combo3 .Text = "" Combo4.Text = "" Combo5.Text = "" End Sub
Private Sub Command2_Click() Unload Me End Sub
Private Sub Form_Load()
Left = (Screen.Width - Width) \ 2 Top = (Screen.Height - Height) \ 2
End Sub
（五）、后台模块的设计与实现（管理员模块）
1、后台各个主要页面概述
2、后台主页面的布局
标题
内容数字
事项更改
3、后台主页面的实现
a = Text14.Text
adoPrimaryRS.MoveFirst
Do While (adoPrimaryRS.EOF = False)
If adoPrimaryRS.Fields("员工编号") <> a Then adoPrimaryRS.MoveNext Else Text1.Text = adoPrimaryRS.Fields("员工编号") Text2.Text = adoPrimaryRS.Fields("姓名") ……
Exit Sub End If Loop
If adoPrimaryRS.EOF Then
MsgBox "员工基本信息表中没有该记录！", vbOKOnly + vbExclamation, "提示！" End If
Dim WithEvents adoPrimaryRS As Recordset
Private Sub Command1_Click() If Text1.Text = "" Then
MsgBox "员工编号不能为空！", vbOKOnly + vbExclamation, "警告"
Text1.SetFocus Exit Sub End If
If Combo1.Text = "" Then
MsgBox "岗位编号不能为空！", vbOKOnly + vbExclamation, "警告"
Text2.SetFocus Exit Sub End If
If Text2.Text = "" Then
MsgBox "业务档案不能为空！", vbOKOnly + vbExclamation, "警告"
Text2.SetFocus Exit Sub End If
Set adoPrimaryRS = New Recordset
a = Text1.Text
adoPrimaryRS.Open "select * from TBInfo where 员工编号='" & a & "'", db, adOpenStatic, adLockOptimistic
If Not adoPrimaryRS.EOF Then
MsgBox "该编号重复！", vbOKOnly + vbExclamation, "警告" Exit Sub Else
adoPrimaryRS.AddNew
adoPrimaryRS.Fields("员工编号") = Text1.Text adoPrimaryRS.Fields("岗位编号") = Combo1.Text
If Text2.Text = "" Then
adoPrimaryRS.Fields("业务档案") = "无" Else
adoPrimaryRS.Fields("业务档案") = Text2.Text End If
adoPrimaryRS.Update
MsgBox "记载成功！", vbOKOnly + vbExclamation, "提示"
End If
Text1.Text = "" Text2.Text = "" Combo1.Text = ""
End Sub
Private Sub Command2_Click() Unload Me End Sub
Private Sub Form_Load()
Left = (Screen.Width - Width) \ 2 Top = (Screen.Height - Height) \ 2
Set adoPrimaryRS = New Recordset
adoPrimaryRS.Open "select * from gwxsinfo ", db, adOpenStatic, adLockOptimisti c
With Combo1
For i = 1 To adoPrimaryRS.RecordCount .AddItem adoPrimaryRS.Fields("岗位编号") adoPrimaryRS.MoveNext Next i
End With
adoPrimaryRS.Cancel End Sub
课程设计总结
通过这次集中上街，我掌握了Accesss数据库的编程方法，掌握了Visual FoxPro 数据库是一个关系型数据库，Visual FoxPro 需要很少编程就可以建立一个面向对象的数据库应用程序。对目前流行的软件开发方法和手段，有了一定的认识，丰富了软件开发的经验，提高了编制程序的水平，加深理解了许多课程中、书本上学到的知识和理论
参考文献
[1 ] 丁爱萍.《Visual FoxPro 6.0程序设计教程》[M].西安：电子科技大学出版社，2002.6
[2 ] 李淑华.《Visual FoxPro 6.0程序设计》[M].高等教育出版社,2004.8 [3 ] Craig Eddy.《中文Access 2000 24学时教程》[M].机械工业出版社 [4 ] 李绍原.《OFFICE 2000》[M].科学出版社
[5 ] 汪孝宜,胡海璐,米海生.《信息系统开发-实例精粹》[M].电子工业出版社
基于Dreamweaver8的动态网页设计【摘要】伴随着社会的发展和教育的现代化，上网越来越多地被人们所选择。快速及时的新闻浏览，五彩缤纷的网上信息，网络逐渐融入人们的生活。被人们称为第三媒体——因特网（Internet）。制作网站是企业和个人的宣传自己的重要手段，同时也是学习者获取学习信息的重要手段，尤其是在教育领域，在素质教育与终身教育成为必然的今天，人们对信息的需求有了更新，更高的要求，而网站由于本身所具有的信息量大，传递快速，没有时空限制等特点恰好满足这种要求。所以网站也逐渐成为一种新兴的教育资源。有关网站的技术也层出不穷，从静态网页到动态网页的变化也正说明了这一点。掌握动态网页的基本知识，以及动态网页设计过程就显得尤为重要。在众多的网页设计语言中，Dreamweaver 由于其简单易懂，被广大用户所青睐，成为设计的主流软件，特别是应用于动态网页的设计。 【关键字】网站动态网页 Dreamweaver8 因特网（Internet）的蓬勃发展对人类生活的各个方面产生的深刻的影响，也赋予了人类更大的自由和选择空间。利用因特网，人们可以迅速地获得更多的信息和交流机会。当我们漫步在因特网上时，不禁回想到这样的问题：网站是什么？它的工作原理是什么？浏览的信息来自何方、又去向何处？带着这些问题，我们来一起了解一下网站设计的基础和核心内容-——动态网页设计。 一、动态网页的基本知识 （一）网站及其工作原理 简单地说，网站就是网页文件组成的集合。在网站中，网页按照特定的结构方式进行组合，使浏览者在访问该网站是能够链接到各个网页来观看网页内容，实现因特网漫步。 各种网站资源被保存在提供WEB服务的计算机上。用户通过浏览器向网站发出请求，网站的WEB服务器会根据浏览器请求的页面类型而采取不同的处理机制，并将处理结果发送到用户端。 （二）网页 什么是网页呢？网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，
网页设计与制作构思 姓名：刘海梅 学号：20080514106 专业：08级电子商务 首先是网页的整体布局：因为是网页的自我介绍，所以采用了最简单的格式来布局。网页的左边用的是文字的介绍，右边就是自己的图片，将文字和图片结合起来能更形象的展现自己。 其次，网页整体是体现一个人的风格和思想，展现一个人的想法。而我想要突出的是一种希望，一种追求，一种宁静的生活，在漫无边际的黑夜，有着几颗明亮的星星，天空显得很宁静，但是当黑夜过后，黎明回来到，也就是一种希望，所以我选择的是黑色的背景颜色，然后添加了满天星星的小程序。 然后是自我介绍，自我介绍采取的是渐进的方式，跟着读者的眼球一点一点的往下播放，这个也是我自己根据一些小程序改编的。在自我介绍小面有一首谜底，因为自己喜欢和别人交流，所以是谜底的最后一句话添加了邮件地址，访问者可以点击“想知道答案”然后发
送邮件给我和我交流。网页的开头我设定了时间日期，时间会根据系统自己来调节。右边是我自己的照片，照片我用photoshop进行了色彩的调整，使其和网页的背景相符合。照片上面是一句“梦想随心飞”的动态图案，这句话是体现我的思想，就是有梦想是很好，但是心要向着梦想的方向努力，才能实现自己的梦想。在照片的下面插入了一个表格，分成3行，分别讲了有关于爱情、星座、神话的一些小故事，这些我添加了想左滚动的代码，使文字有序的向左滚动，并调整了滚动的次数、滚动速度等等，加入这些小故事也体现了我的个人爱好，在平时的生活中自己喜欢收集一些小故事，所以拿出来和大家一起分享，也体现对美好事物的追求。自己的照片也是一个超链接，链接到我的另一个网页“梦幻世界”，讲的是一个很唯美的小故事。在主页网站的下面有几张图片，这是为了使网页看起来不那么沉闷，可以说是为了美化网页添加上去的。这几张图片都是我精心挑选的，其中有动态有静态的图片，动态图片“很不错哦，支持一下”是希望大家喜欢我的网页，同时也是对自己的鼓励，希望自己努力！ 最后，在网页底部图片的上面添加了超链接“返回”，这是为了能很快的返回寝室的主页。我的个人介绍网页大体就是这样根据自己的思路而一步一步来展现的，其中的文字、图片都是经过自己的思考和挑选的，这样才能体现出我自己的想要表达的思想和自己喜欢的一些事物。
Web动态网页课程设计 (总学时数：16课时) 一 Web动态网页 课程设计性质：本课程是一门计算机相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 公共基础实验室3（A504） 四课程设计内容 本次课程设计题目方案如下：
题目1：基于Web的实验室信息管理系统 题目2：网络商店（见web程序设计课本案例） 题目3：学生自拟（需经过教师审核） 内容要求： （1）掌握Web网页常用的开发工具Deamweaver或.Net的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript、VBscript或C#的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access 数据库。动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示 五课程设计时间安排 第一周 安排计划 第二周 数据库的设计 第三周 完成HTML静态页面和 CSS设计； 第四周开始至第六周 开始JavaScript、Javascript、VBscript或C#的程序代码设计
实验一编程环境的熟悉实验日志 指导教师代宇实验时间：2014年10月14日学院计算机学院专业网络工程 班级0431201学号2012211666姓名唐言实验室s318 实验题目： 编程环境的熟悉 实验目的： 1.掌握IIS的配置和使用。 2.学会使用VS2010开发环境，了解并掌握该软件的各种功能。 实验要求： 参照理论教材例题，利用VS2010完成一个简单的Web应用，并运行调试。 实验主要步骤： 1．在VS2010开发环境中新建一个“https://www.doczj.com/doc/8d10447465.html, Web应用程序”，指定项目名称、存储位置和解决方案名称。 2．在解决方案管理器中使用右键单击网站项目，选择“添加”-“新建项”，建立一个新的Web窗体，利用该新建窗体页面完善网页内容。 3．完成页面内容后，点击菜单栏“调试”-“启动调试”来观察网站运行的效果。 实验结果：
心得体会： 本次试验中我了解了VC2012的一些基本信息，调试应用了VS2012的基本功能。 实验二熟悉XHTML实验日志 指导教师代宇实验时间：2014年10月21日 学院计算机学院专业网络工程 班级0431201学号2012211666姓名唐言实验室s318 实验题目： 熟悉XHTML 实验目的： 1.熟悉并掌握XHTML标记符的用法和功能 2.掌握XHTML网页的基本结构 3.学会利用XHTML标识符编写简单的网页，达到能编写和读懂XHTML网页源代码的目的 实验要求： 使用源代码编写功能模仿完成七彩桥简单页面的制作。 实验主要步骤： 4．在VS2010开发环境中新建一个“https://www.doczj.com/doc/8d10447465.html, Web应用程序”，指定项目名称七彩桥、存储位置和解决方案名称。 5．在解决方案管理器中使用右键单击网站项目，选择“添加”-“新建项”，建立一个新的Home.html页面。 6．在Home.html页面中进行网页的编码。
动态网页的设计与实现论文 2014年03月16日
动态网页的设计与实现 摘要 随着网络技术的发展，通过互联网实现棋类的人机博弈成为了当前计算机博弈领域迫切需要的一项关键技术，就此，项目拟研究棋类人机博弈的动态网页技术，并开发实现一个可通过互联网登陆进行人机博弈的动态网站。项目将使用HTML5来编写前台，JSP为主要语言编写后台，结合Photoshop、Flash、JavaScript等技术完善网页设计。为实现人机博弈技术而采用C/S结构来增强交互性，提高软件效率，并采用多线程技术从而满足多用户共同安全使用的需求。最终实现一款人机博弈动态网站，即中央民族大学博弈网站。 本网站页面主要由Dreamweaver软件设计的静态html页面和利用JSP技术制作的动态页面构成。其中详细介绍了关于用户注册、用户登录、信息发布、留言板的设计与实现。 关键词: Dreamweaver JSP技术MYSQL数据库
The design and implementation of a dynamic Webpage ABSTRACT With the development of network technology, through the Internet to achieve human-computer game chess has become a key technology, the urgent need for the current computer game field thereon, dynamic Webpage technology study chess computer game project, and development to achieve a dynamic web site through the Internet on human-computer game. The project will use HTML5 to write the front, JSP as the main language background, combined with Photoshop, Flash, JavaScript and other technology to improve Webpage design. In order to realize the man-machine game technology and using C/S structure to enhance interaction, improve the efficiency of software, and the use of multi threading technology to satisfy multi-user common security usage requirements. The realization of a man machine game dynamic website finally, namely Minzu University of China game website. This web page is mainly composed of a dynamic page and make use of JSP technology of Dreamweaver software to design the static HTML pages. The detailed introduction on the user registration, user login, information publication, the design and Realization of the message board. Key words:Dreamweaver JSP' s technique MYSQL database
第一部分应知考试题库 2.1.2网页制作基础 1．填空题 （1）网页一般分为（）网页和（）网页。 （2）HTML是（）的缩写，意思为（）。（3）网页主要由（）、（）、（）、超链接等基本元素构成。（4）常用的制作网页的专门工具有（）和（）。 （5）如果属性面板被隐藏了，可以通过执行（）菜单下的“属性”命令来打开。2．选择题 （1）下面文件属于静态网页的是______。 （2）属于网页制作工具的是______。 A.photoshop B.flash C.dreamweaver D.cuteFTP （3）用于调整编辑窗口中被选中元素的属性的面板是_____ A.插入面板 B.属性面板 C.设计面板 D.文件面板 （4）在网页中经常用的两种图像格式是_______。 A.bmp和jpg B.gif和bmp C.png和bmp D.gif和jpg （5）下列说法正确的是_____。 A.动态网页使用应用程序解释器但不使用后台数据库 B.动态网页不使用应用程序解释器但使用后台数据库 C.动态网页不使用应用程序解释器也不使用后台数据库 D.动态网页使用应用程序解释器也使用后台数据库 2.1.3网站的创建与管理 1．选择题 （1）如果正在编辑的文件没有存盘，系统在文件名上加上____符号提示用户。 A.! B. C.# D.* （2）在“资源面板”中没有列出的资源是______。 A.文本 B.图像 C.颜色 D.脚本 （3）保存网页文档的快捷键是__________。 A.Ctrl+A B.Ctrl+S C.Ctrl+W D.Ctrl+N （4）下列哪一种视图不属于“文件面板”中视图列表中的视图类型 A.本地视图 B.地图视图 C.远程视图 D.大纲视图 （5）定义站点时，存放网页的默认文件夹为__________。 A.C盘根目录 B.D盘根目录 C.我的文档 D.没有默认文件夹，必须由用户指定 2.1.4页面的整体控制 1．选择题 （1）打开页面属性对话框，使用_______功能键。 A.Ctrl+K B.Ctrl+J C.Ctrl+M D. Ctrl + F （2）下面的颜色中，____表示黄色。 A.#FFFF00 B.#FFOOFF C.#00FFFF D.#00FF00 （3）当网页既设置了背景图像又设置了背景色，那么_____。 A.以背景图像为主 B.以背景色为主
湖南科技经贸职业学院计算机科学技术学院实训报告 实训课程：网页设计 班级：计网二班 学号：200903884 姓名：彭论 指导老师：王湘文 提交日期：2010-6-21
前言 至于我为什么选择酒店设计题材，因为本人就是想以后自己能办一个很品牌一点的酒店。 在选择好题目和网站的风格之后，我就进行了分工，希望能在最短的时间内做到最好的效果。接下来的步骤就是准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。再是设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。然后创建本地网站，建立网站的目录结构。制作首页、创建超级链接。最后就是测试与浏览网页。对于酒店网站的设计，我结合了国内外很多知名品牌酒店的网站页面的设计前沿。取其精华，去其糟粕，在网站内容上删减了很多的在外观上的美，整体讲究整体美和简洁美，对于本网站的设计凝聚了本人长达三个星期的时间，完成网站静态设计后，从总体上对网站动态上进行动态设计，希望本网站能在我们这个年纪的领域有一个很好的炫美。
目录 ?实训目的 (3) ?实训任务 (4) ?实训项目（网页设计思路及详细说明） (5) ?实训中遇到的问题与解决问题的方法 (6) ?实训心得与体会 (7)
一．实训目的 进一步熟悉和掌握网站建设的基本流程和技术规范； 巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的 知识； 巩固运用PhotoShop图像处理软件进行网页中图形制作和运用flash动画 制作软件设计网页中动画的知识； 巩固综合运用Dreamweaver、PhotoShop、flash三个软件完成网站建设任 务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站； 具备独立撰写实训报告等科技文件的基本能力； 在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流 的能力，培养创新能力和团队意识； 为今后从事网站开发、维护和管理奠定基础。
毕业设计（论文） 题目：动态网页设计 专业： 班级： 学生： 指导教师： 二0一0年
摘要 在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显的格外重要，它已成为政府、企事业单位信息化建设中的重要组成部分。 现今的社会，人们已经离不开了网络，网络已经成为人与人之间交流的一种形式，它能够把事情的复杂化转为简单化，摆脱了时间和空间的限制。网站为消费者提供了一个网络生活空间，通过其网页展示了企业介绍、企业荣誉、产品介绍、招商信息、加盟程序、留言等一系列内容的介绍。浏览者不仅可以利用留言板经济而又快捷地与外界进行各种信息的沟通，也可以直接在网上申请加盟。 本论文还介绍了网页的结构分析和具体功能实现，网页的界面和运作方式，尽力模拟近代网页普遍性形式，成为一个完整的动态网站 关键字 Dreamweaver；Php；PhpMyAdmin；动态网页
目录 1 引言 (1) 2 网页制作概述 (1) 2.1 网页的类型 (1) 2.1.1 静态页面 (1) 2.1.2 动态页面 (2) 2.2 网页开发技术 (2) 2.3 网页布局 (3) 2.3.1 网页布局的基本概念 (3) 2.3.2网页布局方法 (5) 2.3.2 网页布局技术 (7) 2.4网页配色 (8) 2.5 网页设计流程 (9) 3 动态网页开发环境和技术 (9) 3.1 了解Dreamweaver开发工具 (9) 3.2 Php语言基础知识 (11) 3.3 开发环境介绍 (12) 4 设计及具体代码实现 (12) 4.1网页结构设计 (12) 4.2创建数据库 (13) 4.3主要模块的代码实现 (14) 4.3.1 注册代码的实现 (14) 4.3.2 登陆及退出登录代码的实现 (16) 4.3.3留言代码的实现 (18) 4.4运行测试 (19) 4.4.1 注册 (19) 4.4.2 登陆 (21) 4.4.3留言 (22) 4.5遇到的问题及解决方法 (23) 结束语 (24) 致谢............................................... - 25 -参考文献............................................ - 26 -
《网页设计与制作》课程标准前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容： 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门（2学时）
web网页设计专业物流工程学院 班级物流1301 姓名李维源 学号 2016年5月4日
第一部分:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 第二部分:实训准备 通过一个学期的web网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 第三部分:实训要求 1、主题鲜明、内容充实；颜色清新、舒适、结构合理； 2、导航清楚、栏目合理、层次分明、使用方便 3、设计8至15个页面。内含：用户注册，登录系统，留言系统、统计在线人数，设为首页、加为收藏等动态网页内容。 第四部分：个人网站的总体规划和步骤 1．设计的思路 我的个人网站主要是以绿为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 2．绿色网站的意义 我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中，明快而错落的绿，让人仿佛来到青山翠谷。 网站的总体风格 网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风
个人设计报告 一、设计知识准备 1.静态网页与动态网页 1.1静态网页 1.1.1静态网页概念 所谓静态网页，就是说该网页文件里没有程序代码，只有HTML标志，这种网页一般以后缀.HTML或.HTM存放。静态网页一经制成，容就不会变化，不管何时何人访问，现时的容都一样。 1.1.2静态网页工作原理 当大家在浏览器里输入一个静态网页网址回车后，就向服务器提出一个浏览网页的请求，服务器端接到请求后，就会找到大家要浏览的静态网页文件，然后发送给大家。 1.2动态网页 1.2.1动态网页概念 所谓动态网页，就是说该网页文件不仅含有HTML标记，而且含有程序代码，这种网页的后缀一般根据不同的程序设计语言而不同，动态网页能够根据不同的时间、不同的来访者而显示不同的容。 1.2.2动态网页的工作原理。 当大家在浏览器里输入一个动态网页网址回车后，就向服务器提出一个浏览网页的请求，服务器端接到请求后，首先会找到大家要浏览的动态网页的文件，然后就执行网页文件中的程序代码，将含有程序代码的动态网页转化成为标准的静态网页，然后将静态网页发送给大家。 2.简介 又称ASP+，但它不是ASP的简单升级，而是微软提出的.NET框架的一部分，它是一种以.NET 框架为基础开发网上应用程序的全新模式。 .NET框架（.NET FRAMEWORK）主要由以下三部分组成： （1）公共语言运行库(Common Language Runtime, CLR) （2）基础类库（Base Class Library） （3）、、C#等语言运行库。
3.简介 （1）的前身是Visual Basic,这是一种简单好学、功能强大的卡发环境，也是世界上最为流行的程序语言。 （2）对Visual Basic进行了彻底的改革，对底层进行了重建，使其真正成为了面向对象的程序设计语言。 文件结构 HTML文件结构很简单，由头部和身体部分组成，结构严谨清晰，如下：
《动态网页设计》报告 ——图书管理系统 院系名称：应用数学学院 专业名称：信息与计算科学 班级： 13信计 学生姓名：周显光 指导教师： 2015年7月
要求： 参照毕业论文格式 包括：封面、中文摘要、关键词、正文、参考文献、附录 （注意页码、标题及正文字体、字号、格式） 正文包括：概述（目的、任务、开发环境、参考资料） 技术介绍 需求分析和设计 项目的实现（主要源代码附在附录里） 总结与展望 报告要求用A4纸打印，正文部分不少于15页，正文字号：小四单倍行距 不得与其他组雷同，否则影响成绩，严重者不及格 报告与参考资料、文献相似度低于30%
概论： 目的：运用JSP和MySQL编辑图书管理系统 任务：运用JSP做出图书管理系统，MySQL编辑图书管理数据库开发环境：JAVA,TOMCAT,MySQL 参考资料：JSP实用教程，JSP图书管理系统编码，HTML编程课程PPT 技术介绍： 需求分析和设计： 需求分析：由于是一个简单的图书管理系统，所以只需要编写以下几个功能即可： 1：用户登录功能：输入用户名与密码数据库会对其身份进行验证 2：查看图书功能：输入图书信息可以查询相应图书的信息
3：添加图书功能：只有管理员登录成功后才能添加图书。通过点击导航条上的“添加图书“超链接进入添加图书页面，填好后点提交，就进数据库了。 页面设计：通过对HTML表单的设计加上超级链接，将表单与数据库链接起来，以实现JSP图书管理系统的建立。 项目的实现： 首先，完成一个HTML的图书管理系统页面。 如图：
然后，分别编写账号识别，查询图书，添加图书的数据库代码。由于编写的代码问题，无法运行出应有的结果，这里就不在粘贴图片，代码会在附录中写出。 总结与展望： 通过这个系统的编写，我明白了自己在动态网页设计上的不足，
《HTML网页设计技术》 教案首页
注：表格内容统一用5号宋体填写。 教学设计
教学内容 一、概述 （一）课程性质（课程性质和价值） 本课程是高职计算机软件技术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 （二）课程基本理念 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互关系，在重难点设计上应该加以配合，如HTML语言模块着重基本代码的熟记和编写，对于较难编写代码的“框架”、“层”、“数据链接”等内容则放到DreamWeaver的使用模块中重点介绍。 《HTML网页设计技术》课程与计算机基础、Flash动画、PhotoShop图像处理、计算机网络技术、数据库等课程互相联系、互相补充。本课程作为软件技术专业的一门主干专业课程，此时学生已经具备一定的计算机基础知识和动手能力，能较快地掌握网页设计的各种知识，并运用所学知识做出具有特色的网站，使学生能够得到全面的培养，成为社会所需专用人才。 （三）课程框架结构、学分和学时分配、对学生选课的建议 本课程的设计“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将网页设计职业岗位能力中用到的知识如：网页基础知识、DreamWeaver的使用、HTML语言、JavaScript脚本语言、Flash、Fireworks进行整合并模块化。教学时各模块既有独立性，又有关联性。独立性是指各模块设计案例、组织教学、突出重点时应该相互独立，学生应该一个模块一个模块地掌握其知识点；关联性是指各模块间存在相互补充关系，按理论实践一体化要求设计，强调动手做，强调解决问题。它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。 课程框架结构、学分和学时分配、对学生选课的建议 二、课程目标 总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。 （一）教学目标： 1. 了解、HTML、CSS的定义、概念和作用； 2. 理解服务器、客户端、浏览器的概念和作用； 3. 理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记的作用； 4. 熟练操作DreamWeaver； 5. 理解CSS样式表的作用和意义； 6. 深入理解HTML语言的各种功能和应用； 7. 深入理解表格、框架、表单的作用； 8. 深入理解层的作用；
1 绪论 开发背景 近年来，随着Internet的迅速崛起，互联网已日益成为收集提供信息的最佳渠道并逐步进入传统的流通领域。于是电子商务开始流行起来，越来越多的商家在网上建起在线商店，向消费者展示出一种新颖的购物理念[1]。 促进Internet高速发展的原因之一就是Web技术。现如今的Web已经不再局限于仅仅提供大量的信息服务，Web技术的发展，使得那些具有交互式的动态页面，有条理的数据库查询，丰富信息内容的页面成为最吸引人的网页。浏览Web有着执行Windows 程序一样的感觉和操作性。随着Internet技术的发展，已经成为一种操作平台，为用户提供强大的服务。 网络的应用越来越广泛，单纯的提供信息只是其中的一部分。未来的Web将是一套虚拟的信息平台，其中包括在线购物，远程医疗，视频点播，语音聊天等功能。功能的扩展意味着数据量的增加，如果仍然用静态页面的生成模式，则会生成过多的超文本文件，不仅降低了浏览速度，也给维护造成了不便。静态文档的Web技术无法满足人们进一步的要求。随着高版本HTML的出现和浏览器对Form表单的支持使Web技术进入了动态交互页面阶段[2]。 作为计算机领域发展最迅速之一的数据库技术，已经完成了一套独有的理论，并广泛的应用于人们的生产和生活中。数据库技术与网站的结合是当今Web技术的一个热点。有了数据库的支持，可以扩展网页的功能，可以方便的设计出交互式页面，可以构造功能强大的后台管理系统，为网站的更新，维护提供极大的方便[3]。因此作为网络开发者或者管理者，数据库是必不可少的。 当前的页面正在向两个方向发展，一是多媒体，另一个是交互式。交互式的实现意味着网站个性化，意味着用户将有权决定要查看哪些内容[4]。所以网站必须提供一个给用户的界面，让用户对内容进行分类筛选，最后得到用户需要的内容。这点是传统静态网页无法实现的。 天簌之心网上花店的设计解决了以上的弊端，将数据库和页面结合。利用HTML 语言，JSP语言语法，SQL Server数据库知识和网络安全知识等制作。
实验报告 项目名称：网页设计 课程名称：动态网页制作 班级：计082 姓名：柴硕 学号：070746 教师：张猛 信息工程学院计算机系
网页设计 一、[网页主题] 以个人空间展示为主题，其中分为主页面、我的朋友、我的家乡风貌、我的爱好兴趣以及个人简历五个页面。 婉子俱乐部 二、[素材准备] 网页设计知识参考图书、报纸、网络教程，图片、音乐、模板来源自互联网上，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。另外，还要使用Dreamweaver PhotoShop、Flash等工具，进行图像的处理、美化，还有一些flash的制作。 三、[布局特点] 我的导航放在右下角，分为My Friends、About Me 、My Idol、My hometown, Bei jing 以及return top，每个页面实现向其他四个页面跳转以及置顶的功能，我的排版没有使用网上的模板，而是自己搭配，有的采用图文搭配的效果，有的采用插入flash以及文字域，也有用表格来划分图片和文字的页面，达到每个页面布局不一，独具匠心，从而达到给人耳目一新的感觉。 四、[主页设计流程及设计效果截图] 一、创建本地站点 首先在本地机上建立一个文件夹，命名为“网页制作”，并且将素材文件放在站点中。 单击菜单栏中的【站点】-【新建站点】-【站点名称】为“柴硕个人网页”，本地文件夹为“网页制作”。 二、制作首页 1.新建HTML文档，并将文件保存在本地站点根文件下，命名为“index。html”。 2.点击，选择背景图像
3.插入flash，如图 4.插入导航
5打开代码在最后加一条语句实现条幅循环
Web网页课程设计 (总学时数：1周，学分数：1) 一Web网页课程设计性质 本课程是一门计算机科学与技术及相关专业实践性环节。以HTML和CSS为基础，全面学习网页设计制作有关的知识，让学生通过实践理解Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。 二课程设计目的 通过对ASP对象的使用，实现对WEB数据库的访问。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设。同时学会Web数据库系统开发的基本方法与过程并能够实现B/S结构的数据库管理系统。 三课程设计地点 计算机机房 四课程设计内容 （1）掌握Web网页常用的开发工具Frontpage或Deamweaver的使用； （2）学会IIS的配置，或者netbox的安装与设置； （3）学会Html、CSS、Javascript的简单开发和应用 （4）学会B/S模式下，asp与数据库的连接，建议采用Access数据库。 动态新闻管理系统。在系统中，必须完成文章的添加，删除、修改、文章内容显示、题目列表显示（学生可根据自己的情况，自拟题目也可）。如图： 文章添加
文章题目列表 文章修改 五课程设计时间安排 第一天完成HTML静态页面和 CSS设计；完成基本JavaScript和数据库的设计 第二天完成动态添加和动态列表显示两个页面； 第三天完成内容显示和删除两个页面； 第四天完成课程设计报告。 六评分标准 成绩包括两部分：考勤和课程设计报告。 课程设计完成后必须提交打印的纸质课程设计报告，这是成绩评定的主要依据。报告必须按照指定格式，详细写出设计过程，并且截取系统运行图片（4张基本图片），附加相关重要代码，最后写出心得体会。页数不得少于10页。 七课程设计要求 课程设计严肃认真，不得无故迟到、缺席。报告书写规范正确，如有抄袭，一律按照不及格处理。
武汉理工大学华夏学院课程设计 课程名称web技术应用基础 题目在线图书销售系统的设计 专业计算机应用 班级计应1091 姓名 学号10210409126 指导教师库少平
利用已经学习的动态网页知识和数据库知识进行一个综合练习。整个设计过程中采用由点到面的方法即根据体系规划及课程系统规划的要求利用各种工具方法制作各子系统的原型系统然后测试分析原型系统最后根据原型系统的风格框架等完成网络考试的全部内容。根据需要利用ASP、SQL SEVER等技术使用数据库完成交互式模块的设计。基本信息管理包括用户管理员义工等对于此类信息提供了添加修改删除查看等四种功能 二、课程设计要求： 需要我们实现的功能有： 1、系统的用户登录及身份验证要求。 a)系统用户注册 b)验证用户的注册信息 c)系统用户进入系统时身份验证 d)系统用户在不同页面浏览时的身份验证 2、在线图书销售系统要求。 a)允许用户浏览所有图书 b)允许用户按图书种类进行查找 c)允许用户购买自己喜欢的图书 d)允许用户对购物车进行管理 e)系统实现订单的处理 f)系统完成整个购物流程 3、图书销售系统的管理子系统要求。 a)对管理员的身份进行验证 b)对数据库中的图书信息进行管理 c)对数据库中的用户信息进行管理 d)对数据库中的订单信息进行管理
3.1需求分析 本系统设计的主要实现网上图书产品的展示与在线定购以及对不同身份的人员包括管理人员，注册用户和普通浏览者进行管理。图书产品展示能分页分类进行显示。系统采用ASP在网络上架构一个网上的书店，通过网上书店可以轻松实现图书信息的查询和采购。 3.2模块设计 3.2.1 SQL数据库的创建 创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。
基于ASP动态网站设计与实现
摘要 在知识经济时代，信息和人才一样重要，而网站是信息资源最重要的发布和获取途径之一。因此，及时的、有效的、连续的、安全的信息资源，成为保持和增进社会活力的可行、有效途径。传统的静态网站己越来越不能满足现代社会发展的要求，采用基于ASP的动态网站技术来改变传统网站，已经成为改善可用性、降低管理成本和提升单位知识平台的迫切需要。为实现单位信息化，下一代网站将广泛使用基于ASP等技术的数掘驱动的动态网站系统。 动态网站并不是指具有动画功能的网站，而是指通过数据库进行架构的网站。动态网站除了要设计网页外，还要通过数据库和编程序来使网站具有更多自动的和高级的功能。通过将网站上各种动态内容区域封装成页面元素，实现样式与内容的彻底分离。提供的核心功能使单位能够对存储在数据库中的永久信息资源进行搜索、查询、分类、统计。 作者通过本部门员工工作动态网站的开发工作，从本部门的基本需求入手，对员工工作部的网站进行了一定的削析，提出了改进方案。通过动态网站的开发，从工作原理着手，实现了使用ASP结合SQL Server 2008数据库数据访问技术，综合运用SQL Server 2008数据库来开发基于B／S模式的动念网站。通过对动态网站的测试和试用，解决了原静态网站无法实现的员工管理工作需求：远程管理与查询、各部门协同工作等。本文首先，阐述了当前动态网站的现状、存在的问题及解决对策，介绍了动念网站的功能特点及工作原理。其次，结合网站开发实践给出了员工工作网站系统设计与实现的主要技术和理论基础，建立了系统运行和管理的逻辑模型，提出了网站整体的功能需求和框架结构。再次，针对系统功能的要求，对数据库进行了选择和结构设计，建立了相关的数据库表。最后，按照设计思想，实现了网站服务器基本功能配置及系统各功能模块。 关键词：动态网站；ASP；数据库
动态网页设计技术实训报告 好好学习论坛 学生姓名：李娟 系（部）: 计算机科学与工程系 专业：0832信息管理 学号：200809205257 班级：计算机网络技术0801 指导教师：王旭辉 实训时间：2010.12.27—2010.12.31
1.绪论 通过制作这个好好学习论坛，学会运用VS制作一个小的动态网站，并结合与后台数据库的连接，掌握SqlData类，运用DataList绑定技术，掌握运用DataReader对象从数据源中获取数据，学会如何配置Web.Config,掌握熟练运用各种HTML、WEB控件，以及用户自定义控件。 意义：由于现在信息化的迅猛发展，原有的软件项目已经不能满足现今越来越多的需求，更多的厂商都将软件应用基于互联网进行开发和使用。随着互联网的发展，越来越多的用户已经可以使用互联网进行信息交互，也促成了越来越多的基于浏览器的应用程序，企业可以使用服务器/客户端的开发模型进行系统的开发，https://www.doczj.com/doc/8d10447465.html,好好学习论坛就是为了解决信息交互复杂和交互困难的问题的而诞生的。帖子本解决了现有的人与人之间通过互联网的交流需求，并且简单，实用，还能运用于企业，使企业与企业之间，企业与个人之间进行信息交互。2．系统设计时间、地点 第十八周（12.27—12.31） 实验楼3C412 3．系统内容设计 3.1系统需求分析 3.1.1系统可行性分析 技术可行性：论坛系统是用VS 2005软件中的C#语言进行编程的，SQL 2000数据库连接的。VS中的C#语言的使用，分级的配置系统，使你服务器环境和应用程序的设置更加简单，一般的电脑上都可以进行编程。页面的设计简单，需要的模块较少，工作量较少，完全可以在规定的时间内完成。 经济可行性：进行这个系统的开发，不需要什么经济成本，一般的机器上就可以进行编程。 社会可行性：开发的系统能使用户可以在论坛上发表一些自己的看法，而访问者可以对用户的看法及时做出回应，具有良好的互动效果。 3.1.2用户功能需求分析 管理员用户在前台页面通过验证后，可以直接登录到后台，对帖子内容进行