下载文档原格式
Web 动态网页设计编程环境的熟悉实验日志实验题目：编程环境的熟悉实验目的：1、学会使用Macromedia Dreamweaver 软件，了解并掌握该软件的各种功能，为以后的网页设计打下基础。
2、重点学习使用“页面创建”和“设置服务器信息”功能。
实验要求：按照Macromedia Dreamweaver MX软件使用说明，练习使用Macromedia Dreamweaver MX软件。
实验主要步骤：1、起始页的打开和关闭：操作：（1）运行Dreamweaver，将显示起始页，单击“不再显示”。
（2）打开菜单栏“编辑”选项>“首选参数”>“常规”选项。
2、工作区布局常用两种：编码器和设计器。
操作：(1)运行Dreamweaver，可以进行编码器或设计器的选择。
(2)打开菜单栏“窗口”选项>“工作区布局”进行选择。
3、在本地站点中浏览网页的快捷键是F12。
4、创建本地站点：（1）可以使用“站点定义向导”设置Dreamweaver 站点，该向导会引领您完成设置过程。
（2）也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。
5、安装IIS服务器（1）选择“开始”>“设置”>“控制面板”>“添加或删除程序”，或者选择“开始”>“控制面板”>“添加或删除程序”。
（2）选择“添加/删除Windows 组件”。
（3）选择“Internet 信息服务(IIS)”，然后单击“下一步”。
（4）按照安装说明进行操作。
6、配置IIS服务器（1）启动ASP的父路径。
（2）配置IIS的站点。
（3）设置网站端口。
（4）设置网站默认文档。
7、发布站点：1）设置远程文件夹：远程文件夹通常具有与本地文件夹相同的名称，因为远程站点通常完全就是本地站点的副本。
（1）在您的远程服务器上，在服务器的Web 根文件夹中创建一个空文件夹。
将新的空文件夹命名为cafe_townsend（与本地根文件夹的名称相同）。
动态网页的设计与实现论文2014年03月16日动态网页的设计与实现摘要随着网络技术的发展，通过互联网实现棋类的人机博弈成为了当前计算机博弈领域迫切需要的一项关键技术，就此，项目拟研究棋类人机博弈的动态网页技术，并开发实现一个可通过互联网登陆进行人机博弈的动态网站。
项目将使用HTML5来编写前台，JSP为主要语言编写后台，结合Photoshop、Flash、JavaScript等技术完善网页设计。
为实现人机博弈技术而采用C/S结构来增强交互性，提高软件效率，并采用多线程技术从而满足多用户共同安全使用的需求。
最终实现一款人机博弈动态网站，即中央民族大学博弈网站。
本网站页面主要由Dreamweaver软件设计的静态html页面和利用JSP技术制作的动态页面构成。
其中详细介绍了关于用户注册、用户登录、信息发布、留言板的设计与实现。
关键词: Dreamweaver JSP技术MYSQL数据库The design and implementation of a dynamic WebpageABSTRACTWith 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)1.2.编程环境 (2)2.动态网站的工作原理 (3)2.1.WEB工作原理 (3)2.2.动态页面工作原理 (4)3.JSP简介及JSP技术工作原理 (6)3.1.JSP简介 (6)3．1．1.JSP页面的结构 (6)3．1．2.JSP的运行环境 (6)3.1.2.1.JSP对硬件的要求 (6)3.1.2.2.JSP对操作系统的要求 (7)3.1.2.3.JSP对软件环境的要求 (7)3．1．3.JSP的内置组件 (7)3.2.JSP技术工作原理 (8)3.3.JSP访问数据库 (8)4.需求分析 (9)4.1.系统功能分析 (9)4.2.各个模块具体功能 (10)4.2.1.会员注册与登录模块 (10)4.2.2.留言模块 (10)4.2.3.信息发布模块 (11)5.数据库设计 (11)5.1.数据库需求分析 (11)5.2.数据表的设计 (11)6.动态网站系统实现 (13)6.1.系统编码原则 (13)6.1.1.编码实现原则 (13)6.1.2.代码编写规范 (13)6.2.系统实现 (13)6.2.1.网站首页 (13)6.2.2.用户注册页 (14)6.2.3.信息发布页面 (15)6.2.4.留言板页面 (16)6.2.5.后台管理页面 (16)结束语 (16)引言最早互联网出现时，站点内容都是以HTML静态页面形式存放在服务器上，访问者浏览到的页面都是这些实际存在的静态页面。
动态网页的基本知识现在互联网上完全由HTML静态网页构成的站点，越来越少了。
大多数网站都增加了ASP、JSP、PHP的动态网页，有些站点甚至以动态网页为主。
动态网站的开发已经成为当前站点开发的主流。
学习JSP动态网页的开发设计，首先要弄清什么是动态网页，他和静态网页有什么区别，动态网页能够干什么，才能进行JSP动态网页的学习。
一、什么是动态网页一般完全由HTML超文本语言构成的网页称为普通网页，也就是静态网页。
网页中如果插入GIF、Flash动画，或者插入了“时间轴”、“行为”等就可以使一些页面元素动起来，有人错误的认为这就是动态网页，这种认识是片面的。
从网页的结构角度说，在普通网页的HTML代码中，插入其他一些脚本语言的代码，使网页具备了一定的功能，才能称为动态网页。
这里说的还是广义的动态网页。
广义的动态网页可分为客户端动态网页和服务器动态网页，客户端动态网页运行在浏览用户的客户机上，文档中插入的代码一般是JavaScript、VBScript、Applet等，文档的扩展名仍然是.htm或.html，用户访问的这些网页时，要下载到自己机器上才能浏览运行。
他起到作用一般是增加网页的一些特殊效果，能使页面更加生动活泼。
也有些代码可以使网页增加些简单的功能，但和我们常说的动态网页仍不是同一个概念。
我们常说的动态网页，一般指的是服务器动态网页。
服务器动态网页运行在服务器上，文档的扩展名现阶段一般是.asp、.jsp或是.php。
他和普通静态网页、客户端动态网页有着本质的区别。
服务器动态网页最突出的特征是具有“交互性”，他依赖于专用的服务器，经过编译或解释才能运行。
他的特征归纳起来有如下几点：●具有交互功能，为用户和网站的主人建立了沟通的渠道。
使网站由单向发布信息，发展成为能使用户和网站双向交流信息。
●使用脚本语言编程，以接收信息、存储信息、加工处理信息为主，一些动态网页甚至没有显示界面。
动态网页主要提供的是综合信息处理功能。
摘要在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 网页布局技术 (9)2.4网页配色 (9)2.5 网页设计流程 (10)3 动态网页开发环境和技术 (11)3.1 了解Dreamweaver开发工具 (11)3.2 Php语言基础知识 (12)3.3 开发环境介绍 (13)4 设计及具体代码实现 (14)4.1网页结构设计 (14)4.2创建数据库 (15)4.3主要模块的代码实现 (16)4.3.1 注册代码的实现 (16)4.3.2 登陆及退出登录代码的实现 (18)4.3.3留言代码的实现 (20)4.4运行测试 (22)4.4.1 注册 (22)4.4.2 登陆 (23)4.4.3留言 (24)4.5遇到的问题及解决方法 (25)结束语 (27)致谢............................................... - 28 -参考文献............................................ - 29 -1 引言网页是网站信息发布与表现的一种主要形式。
CATALOGUE目录•动态网站开发概述•动态网站开发技术•动态网站开发流程•动态网站开发工具与平台•动态网站开发最佳实践•动态网站开发案例分析01定义特点定义与特点1 2 3提高网站的交互性和用户体验提高网站的竞争力和品牌形象提高网站的安全性和可靠性动态网站开发的重要性动态网站开发的历史与发展历史动态网站开发起源于20世纪90年代末期，随着互联网技术的不断发展和普及，逐渐成为网站开发的重要方向之一。
早期的动态网站开发主要基于CGI（Common Gateway Interface）技术，后来逐渐演变为基于PHP、ASP、JSP等技术的开发。
发展随着互联网技术的不断发展和普及，动态网站开发的技术也在不断进步和完善。
目前，动态网站开发已经成为了网站开发的重要方向之一，各种技术和框架也不断涌现，使得动态网站开发更加高效和灵活。
同时，随着人工智能、大数据等技术的不断发展，动态网站开发也将迎来更多的机遇和发展空间。
02Web1.0Web2.0Web3.0030201Web开发技术关系型数据库非关系型数据库数据库优化数据库技术后端框架如Apache、Nginx等，负责处理HTTP请求和响应，以及提供Web 服务的功能。
服务器云服务和虚拟化后端开发技术UI/UX设计通过设计工具如Sketch、Figma 等实现界面设计和用户体验优化。
前端框架如React、Vue等，提供了一套完整的解决方案，包括组件化、状态管理、路由等功能。
前端自动化测试使用工具如Jest、Mocha等对前端代码进行单元测试和集成测试。
前端开发技术03进行市场调研确定技术框架确定项目目标和功能需求项目需求分析设计数据库模型设计系统架构制定开发规范设计网站架构03实现数据操作01选择数据库管理系统02设计数据库表结构数据库设计实现业务逻辑根据项目需求和设计的系统架构，实现业务逻辑代码，包括数据处理、接口开发、权限管理等。
连接前后端编写接口文档，将后端代码与前端代码进行对接，实现数据的传输和交互。
动态网页设计——习题和实训参考答案第1章概述1第2章HTML语言根底2第3章语法根底3第4章效劳器控件6第5章验证控件7第6章常用置对象9第7章访问数据库10第8章开发实训12第1章概述实训：本章的实训容主要是建立的运行和编辑环境。
具体包括以下几项任务：1、建立以各自名字命名的文件夹，作为本课程学习目录2、安装IIS，安装完后在IE中输入localhost，看能否翻开欢送页面，检测是否安装成功。
localhost也可用“127.0.0.1”代替。
答：安装IIS的步骤详见教材P5。
3、建立一个虚拟目录，以第1步建立的文件夹为物理目录，虚拟目录名用的拼音答：建立虚拟目录的步骤详见教材P8.4、建立.NET运行环境(1)下载和安装MDAC答：MDAC的安装详见教材P10。
(2)下载和安装.NET Framework 1.1版可发行组件包答：.NET Framework 1.1版可发行组件包的安装详见教材P11。
5、安装Dreamweaver 8答：Dreamweaver 8的安装详见教材P14。
6、在Dreamweaver 8中建立站点答：Dreamweaver 8中建立站点的步骤详见教材P18。
习题：1、解释动态网页和静态网页的含义。
在网页中插入动画或影视媒体是否就称其为动态网页？答：根据网页的容是固定的还是程序生成的，网页分为两种：静态网页和动态网页。
这两种网页的制作语言不同。
静态网页使用语言是HTML(超文本标记语言)，网页的容是事先编制好的。
动态网页的网页容不是固定不变的，而是由程序动态创立的。
根据实现技术，动态网页又可以细分为客户端动态网页和效劳器端动态网页。
在网页中插入动画或影视媒体并不是动态网页。
2、ASP与有什么不同？答：与ASP有很大的不同。
ASP程序是解释执行，未经优化；而是编译执行，程序效率得到提高。
在第一次访问网页时，由于需要编译，因此，在第一次连接访问时，网页的连接速度比ASP网页慢。
《动态网页设计》实训报告1《动态网页设计》实训报告1《动态网页设计》实训报告1实验项目：IIS的安装和设置实验时间：201某年3月2日学生姓名班级成绩学号批阅教师一、实验基础知识：1、WEB是：WEB是WorldWideWeb的缩写，它是一种基于超级链接技术的超文本和超媒体系统，利用一些包含图形、图像、音频等素材为用户提供了一个易于使用的标准图形化界面，它主要由WEB 客户机WEB服务器组成，2、静态网页是指：它是标准的HTML文件，他可以包含文本、HTML标记、客户端脚本,l.动态网页是指：它除了包含静态网页中金额已出现的文本、HTML标记、客户端脚本等内容外，还可以包含只能在WEB服务器上运行的服务器端脚本,动态网页的文件扩展名有.asp、.php、.jsp等二、实验步骤：实验步骤1快捷方式在D盘上新建一文件夹：MYWEB，将WEB服务器主目安装Internet信息服务管理器，并在桌面创建启动IIS的备注截图1截图22录设置为D:\\MYWEB制作一个静态网页，名为test1.html,存放到D:\\MYWEB中，4并打开浏览器输入网址浏览该网页在D:\\MYWEB下再建一个文件夹ec,制作一个静态网截图3567页，名为test2.html,将test2.html复制到D:\\MYWEB\\ec中,并打开浏览器输入网址浏览该网页在默认文档中添加一个文件名：test1.html截图4截图5重复第四步，并说明两次输入的网址有什么不同？三、动态网页的工作原理是什么？当用户打开浏览器在地址栏输入所要访问的URL地址，并按Enter键或单击WEB页上某个超链接时，WEB客户机就将这个动态HTTP文件请求发送给WEB服务器，WEB服务器接收请求，然后再硬盘或内存中找到相应得动态网页，WEB服务器将执行动态网页中的服务器脚本，并根据执行结果生成静态网页，然后WEB服务器发送静态网页给浏览器，用户的浏览器解释这些HTML文件并将结果显示出来。
ASP 动态网页设计 ASP 内建对象面向对象技术目前已遍及计算机软件的各个领域，除程序设计语言外，还广泛应用于数据库、计算机辅助设计工程、多媒体技术、计算机网络等诸多领域的软件系统开发。
对象是在软件开发中对客观世界中存在的各类实体的抽象，一个对象具有自己的静态特征（对象属性）和动态特征（对象方法）。
属性描述了对象的状态，方法表达了对象对外提供服务的能力。
ASP 提供了以下五个常用的内置对象，这些对象的实例由ASP 页面自动创建，每个对象都提供了一系列的属性、方法和集合，利用这些内建对象能够非常方便的实现很多常用的功能。
Request 对象：在 HTTP 请求期间，检索客户端浏览器传递给服务器的值，用于从客户端浏览器获取信息。
Response 对象：和Request 对象的功能相反，用于向客户端浏览器发送信息。
Server 对象：提供对服务器上的方法和属性的访问，其中大多数方法和属性是作为实用程序的功能服务的。
Session 对象：存储特定用户会话所需的信息，当用户在应用程序的 Web 页之间跳转时，存储在 Session 对象中的变量将不会丢失，而是在整个用户会话中一直存在下去。
Application 对象：用于在一个给定的ASP 应用程序中让所有的客户端用户共享信息。
5.2.1 Request 对象要动态生成用户所需要的页面，首先必须获取用户从客户端浏览器提交的信息。
通过Request 对象，服务器可以获取客户端相关信息。
这些信息包括能够标识浏览器和用户的HTTP 变量、存储在客户端的Cookie 信息以及附在URL 后面的值（URL 参数或页面中表单元素的值）。
Request 对象是动态页面编程的基础。
使用Request 对象的语法如下：Request [ . 集合 | 属性 | 方法 ] [ ( 变量名 ) | .count ]集合是存储字符串、数字、对象等值的地方。
集合与数组非常相似，它与数组的不同之处在于：集合被修改后，集合项的位置将会发生改变。
ASP动态网页设计课程教学设计一、教学目标1．知识与技能：初步了解动态网页的基本技术及工作原理；理解静态网页、动态网页基本概念及区别；理解ASP网页的工作流程；了解网站发布方式。
2．过程与方法：根据HTML的基本应用，能通过实践自主学习，能够通过比较研究得出静态网页和动态网页的区别。
学会网页发布，实践并总结网页发布的特点及意义。
3．情感态度价值观：通过问题的提出、思考、解决，提高学生分析生活和学习中实际问题的能力。
利用动态网页的实际应用，激发学生科学探索的热情，形成积极主动地学习和参与信息活动的态度。
二、教学资源1.制作运用ASP代码创设一个留言板环境，学生进行留言计数，导入整个课程，并围绕这个模拟投票环境展开教学。
2.学生自学的学件，其中包括两个驱动任务，引导学生自主学习。
另外利用图片、动画形象地阐述静态网页和动态等网页较难知识点。
三、教学重点动态网页及ASP网页工作流程四、教学难点静态网页和动态网页区别网页发布方式五、教学过程1．创设情景、激发兴趣设计意图：展示投票模拟环境，引导学生进入课程，并在操作中设置问题，为后面动态网页概念的提出埋下伏笔。
利用学生善于网络交流和对丑陋的事物的向往，激发学生学习积极性。
同时也增强了学生作为普通公民对他人的关心，适时渗透了德育教育。
2．任务引导、实践操作师:引导学生使用学件(设计意图：放手给学生操作，给予学生自己动手的空间，同时设置实践操作有一定的难度，进一步激发学生的求知欲。
任务一中的设计意在为后面提出静态网页和动态网页区别奠定基础。
)师：我们一起来找找问题出在哪里，首先我们想一想刚才这位同学在本机运行的网站，除了自己能看到之外其他同学能不能看到？若想让其他同学在别的电脑上都能看到他修改的网页，该怎样做？请大家仔细观察一下学件的内容，回答我的问题。
生（根据学件内容理解网页发布的概念：网站的发布就是把在本地硬盘中建好的网站文件通过网络传送到Web服务器上。
