课程名称:网络技术及应用

实验日期:2015/10/22  实验名称:网站开发环境搭建、HTMLCSS+Div布局   指导教师:吴志祥(产品1401、工业精益1401、工业1401

                                                                                                张俊(产品1402  关波(工业1402、地理1401、矿加1402

一、实验目的
1. 掌握PHP网站的开发及运行环境的搭建,主要是安装WAMPDreamweaver CS6
2.
掌握常用HTML标记的使用;

3. 掌握CSS样式的三种使用方式;

4. 掌握CSS+Div布局页面和页内框架的使用方法

二、实验内容及步骤

(提示:根据实验目的,结合会员管理项目MemMana的运行及代码分析,说明其相关用法)项目 MemMana源代码下载

1.       安装WAMP后的主要文件系统。

(提示:使用默认站点、用户站点、Web服务器、MySQL服务器和PHP脚本引擎等关键词描述)

2.       写出项目中用到的用于产生页面实体对象的主要HTML标记。

(要求:列出的HTML标记的数目不少于5个)

3.       根据CSS样式定义的位置,说明CSS样式的三种使用方式。

(结合项目MemMana中应用内部样式和外部样式的页面加以说明)

4.       分析主页头部和主体的布局。

(参见项目MemMana的头部文件header.php和前台主页文件index.php

1:系统主页效果截图:

2:主页头部文件header.phpDW中的设计视图:

 

三、实验小结及思考
(由学生填写,重点写上机中遇到的问题)

如:HTML标记属性与CSS样式属性的区别、页面的标题与表格标题、<iFrame>应置于<Div><td>内等。

 

实验日期:__2015/11/19__                实验名称:客户端脚本及应用    指导教师:(同上)

一、实验目的
1.
掌握JavaScript脚本的作用(交互效果、动态效果和表单数据有效性的客户端验证);

2. 掌握客户端脚本的三种使用方式;
3.
掌握JS内置对象与浏览器对象的常用方法与属性。

二、实验内容及步骤

(提示:根据实验目的,结合会员管理项目MemMana与其它案例的运行及代码分析,说明其相关用法)

1. 主页头部实时时间显示。

(参见项目MemMana前台主页头部文件header.php

2. 在页面同一位置交互地显示一组图片。

     源文件下载

3. 内联式脚本的使用。

(参见后台管理的会员删除页面mDelete.php中的删除确认)

三、实验小结及思考

(由学生填写,重点写上机中遇到的问题)

如:表单提交的数据,有些可以在客户端验证(如年龄输入时就为数字),有些需要在服务器端验证(如会员注册时查重)。

 

实验日期:__2015/12/10_        实验名称:PHP动态网页设计   指导教师:(同上)

一、实验目的
1.
掌握PHP程序接收表单提交数据的方法;

2. 掌握PHP文件包含的用法;

3. 掌握PHP接收向请求页面传递方法的方法;

4. 掌握PHP访问MySQL数据库的相关函数的用法;

5. 掌握在动态网页里实现页面跳转的方法;

6. 掌握HTML代码与程序代码混合编程实现记录集输出的方法;

7. 掌握PHP中文显示乱码的解决方案。

二、实验内容及步骤

(提示:根据实验目的,结合会员管理项目MemMana的运行及代码分析,说明其相关用法)  项目源代码下载

1. PHP文件包含。

(参见项目里的主页文件index.php对文件conn.phpheader.php的包含)

2. 用户会话跟踪。

参见项目里的会员登录页面mLogin.php(建立Session代码)和信息修改页面mUpdate.php(使用Session代码)

3. 访问MySQL数据库。

参见项目里的后台文件夹admin里的会员删除页面memDelete.php(删除记录、查询表和显示记录集代码)。

4. 在动态网页里实现页面跳转的方法。

(参见项目里的会员注册页面mRegister.php等)

5. 数据库中文显示乱码的解决方案。

(参见项目里的会员信息修改页面mUpdate.php包含的conn.php中字符集设定代码,做屏蔽时出现数据库中文乱码的试验)

6. 混合编写HTML代码和程序代码,实现记录集的输出。

(参见项目里会员信息显示页面memInfo.php中服务器代码与表格的HTML代码的混合编程)

附:在输出记录集时,HTML代码与程序代码混合编程的好处是在DW中的设计视图清晰(实际上,另一种方法是不混编,直接将HTML代码作为特殊的文本用echo()输出到客户端)

      

三、实验小结及思考
(由学生填写,重点写上机中遇到的问题)

如:如当会员人数很多时,应使用CSS+Div布局并做分页导航。