《网页设计实验报告.doc》由会员分享，可在线阅读，更多相关《网页设计实验报告.doc（16页珍藏版）》请在三一办公上搜索。
1、实验一 熟悉环境与网页中站点的相关操作学号：太原工业学院0920561 姓名：刀锋战士 日期：2012/5/131、实验目的：熟悉网页开发环境尤其是Dreamweaver，掌握站点的相关操作和功用，了解HTML的基本语法。2、实验环境：Windows XP、Dreamweaver3、实验内容：（1） 使用记事本开发自己的第一个网页（2） 使用Dreamweaver开发自己的第一个网页，对比两种方法的不同（3） 利用iis发布网站（4） 利用Dreamweaver连接iis服务器管理站点4、实验过程：（1）、新建记事本文件（2）、在记事本中写入如下代码我的地盘听我的！（3） 、将记事本进行保存然
2、后将后缀名改为index.html（4） 、双击该文件在浏览器中打开（5） 、在Dreamweaver中新建一个站点并新建了一个html文件写入以上代码后进行调试并对比两种方法的不同效果图：5、实验总结：掌握站点的相关操作和功用，了解HTML的基本语法。实验二 网页中文本、表格的相关操作学号： 太原工业学院0920561 姓名：刀锋战士 日期：2012/5/151、实验目的：掌握网页中文本、表格的相关操作，学会利用表格布局网页2、实验环境：Windows XP、Dreamweaver3、实验内容：（1） 将课本上一段文字放置到网页（2） 设置这段文字的颜色、字体、字号、对齐方式（3） 设置网页
3、的背景颜色、背景图片（4） 在网页中设计一个表格（5） 设置表格的边框、高度、宽度、对齐、合并单元格等（6） 以上操作均使用Dreamweaver和HTML两种方法（7） 利用表格布局一个网页4、实验过程：编写代码实现：代码部分：无标题文档有服章之美謂之華 有禮儀之大故稱夏 汉服的基本特点是交领、a target=_blank href= target=_blank href= target=_blank href= target=_blank href= target=_blank href= target=_blank href
4、= target=_blank href= target=_blank href=一套完整的汉服通常有三层：小衣（a target=_blank href= target=_blank href= 汉服基本结构介绍 大衣 a target=_blank href= target=_blank href= target=_blank href= target=_blank href= target=_blank href= target=_blank href= 外出、礼衣 中衣 襦裤、裙襦、a target=_blank href= target=_blank href= target=_bl
5、ank href= 衬托、保暖 小衣 汗衣（a target=_blank href= target=_blank href= target=_blank href= 贴身衣服 效果图：5、实验总结：在本次实验中加强了对文字和表格的是排版与布局掌握网页中文本、表格的相关操作，学会利用表格布局网页实验三 网页中超链接、表单的处理学号：太原工业学院0920561 姓名：刀锋战士 日期：2012年5月20日1、实验目的：掌握网页中超链接和表单的使用方法，理解相关概念。2、实验环境：Windows XP、Dreamweaver3、实验内容：设计下列超链接（1） 网页超链接（2） 锚点超链接（3） 热点
6、超链接（4） 文件超链接（5） 邮件超链接设计一个采集人员基本信息的界面。（1） 利用文本框采集姓名（2） 利用日期控件采集生日（3） 利用二级下拉列表采集籍贯（4） 利用复选框采集爱好（5） 利用单选钮采集性别（6） 显示采集的信息（7） 可以根据自己的想法添加一些其它信息和控件4、实验过程：(1)、建立站点并新建网页命名为index.asp(2)、添加表格进行布局(3)、添加超链接并实现功能(4)、进行测试5、实验总结：（1）、相关代码无标题文档朋友网注册 姓名： 生日： 籍贯 河北 山西 北京 上海 广东 深圳 爱好 ： 上网 看书 运动 性别 ： 男 女 显示结果： 姓名：刀锋战士 性
7、别： 男 生日： 1990/03/10 籍贯： 河北 爱好：上网 身份证照片 联系我们 回到顶部（2）截图（3）小结经过本次实验基本掌握了网页中超链接和表单的使用方法，理解相关概念。实验四 网页中框架技术和图层技术的运用及网页的美化学号：太原工业学院0920561 姓名：刀锋战士 日期：2012/6/21、实验目的：掌握网页中框架技术和图层技术的运用，了解网页常用美化工具2、实验环境：Windows XP、Dreamweaver、Flash、Photoshop3、实验内容：（1） 利用框架制作论坛的导航和内容页面（2） 利用层以及js脚本制作可显示、隐藏的菜单效果（3） 利用Flash制作简单
8、动画（4） 利用Photoshop制作网页logo4、实验过程：（1）使用框架做出布局（2)编写代码完成功能（3）利用photoshop和flash制作logo和动画5、实验总结：（1）部分源代码框架： a href= TB.Global.writeLoginInfo(); a href= 我要买 发现宝贝 专辑 寻找同好 商品分类 (2)实验五 利用CSS技术、模板和库设计网页学号：太原工业学院0920561 姓名：刀锋战士 日期：2012/6/101、实验目的：了解CSS技术、模板和库的相关概念和操作方法，理解站点统一风格的重要性。2、实验环境：Windows XP、Dreamweaver
9、3、实验内容：（1） 利用CSS设置文字效果（2） 利用CSS+DIV布局网页（3） 利用模板统一站点风格（4） 利用库制作网站统一logo4、实验过程：（1）、制作logo(2)、编码实现文字效果以及网页的布局5、实验总结：部分源代码：Css:pcolor:#FF0000;bodybackground-color: #000000;tableborder: 3px;Div:效果图：实验六 利用ASP制作动态网页学号：太原工业学院0920561 姓名：刀锋战士 日期：2012/6/151、实验目的：通过搭建一个完整的小型系统，熟悉ASP系统开发的流程，掌握ADO的操作技巧。2、实验环境：Win
10、dows XP、Dreamweaver3、实验内容：（1） 利用ADO技术连接数据库（2） 编写代码完成用户登陆、注册功能（3） 编写代码完成用户密码修改、删除功能（4） 利用Dreamweaver数据库操作向导完成以上功能4、实验过程：下面的代码是链接数据库的语句dim strsql ,objrs,objconnset objconn=server.createobject(adodb.connection)objconn.connectionstring =Provider=Microsoft.jet.OLEDB.4.0;&Data source= & Server.mappath(database/myaccess.mdb)objconn.openset objrs=server.CreateObject(adodb.recordset)strsql=select * from 表1 where name=&username&and mima=& ypass&5、实验总结：这次试验基本实现了动态网页的制作以及链接数据库的过程，通过写代码，总结出来，任何程序是需要实践才能起作用的。
