web网站设计(任务书及实训报告)001

湖南娄底职业技术学院web网站设计课程设计报告设计题目：个人网站系部：电信系专业：计算机网络学生姓名：罗斌学号:208160209起迄日期：09年12月25日~10年1月1日指导教师：罗金玲教研室主任：-1-《个人网站制作》实训报告班级08网大二班姓名罗斌实训地点:实训楼503指导教师:罗金玲年月日10-01-01第一部分:实训目的通过制作网页复习和巩固本学期所学知识，更好的提申自已的网页制作能力，色彩搭配能力。掌握了网页三剑客制作动态网站的基本常识与方法，以及数据库的连接、网站测试及Photoshop处理图片等内容第二部分:实训准备1.装有DW软件、photoshop、flash的计算机一台。第三部分:实训要求网站要有用户注册，登陆。在线调查，聊天室系统，统计在线人数，设为-2-首页，加为收藏。第四部分:实训内容(步骤及程序)一、服务器的配置装好IIS后，1、打开电脑，在D盘下建立一文件夹luo（这个夹子就是你的站点存放点了），并且在里面建几个子文件夹（就好似你网站的子目录）2、回到luo的根目录，右键选择“共享和安全”（其实是快速地建立虚拟目录）3、出现属性对话框后，选择“Web共享”标签，点选“共享文件夹”，出现共享别名对话框，选择默然设置，确定即可-3-二、创建站点1、利用DW创建站点，点击“站点”选择“新建站点”输入站点名字点“下一步”使用服务器技术选择“aspvbscript”,点“下一步”选择站点根目录。然后输入站点的名字。测试一下URL是否成功。三、数据库的创建1、SQL数据库的创建创建一个空数据库，然后编辑数据表的内容在动态网页面中，一般应用这种方式。⒉、数据库的连接四、wangzhanbujuwangzhansheji①、插入LOGO图片，导航条（用photoshop先处理好）然后加入一个登陆框，公告栏，在线调查，版权信息，为“设为首页”“加入收藏”“联系站长”加入代码，主本留空白。设为首页代码：Atitle=设为首页onClick=this.style.behavior='url(#default#homepage)';this.setHo-4-mePage(');href=□设为首页/A加入收藏代码：onClick=”window.external.addFavorite(‘’,’mysite’)”联系站长代码：mailto:[e-mail]②保存为模板，然后定义一个可编辑区域。保存的模板可以到Templates文件夹中找到。五、网页设计①“修改”-“模板”-“套用模板到页”选择模板文件即可创建一张网页，加入图片，文字，flash文件等文件之后将网页保存到站点目录下，取名“index.asp”既可创建首页。②在站点目录下新建一个网页，取名为“xiangche.asp”创建相册页面。新建一下2行1的表格。在第一个单元格里插入一个1行8列的表格。插入8张图片。在第2行第2个单元格里插入一张大图。然后实现“小图滚动鼠标放到上面下面显示该图片的大图”核心代码如下（以两张图为例）：tdvalign=topimgsrc=images/IMG0028A.jpgwidth=64height=60onMouseOver=MM_swapImage('zhu','','images/IMG0028A.jpg',1)/tdtdvalign=topimgsrc=images/IMG0032A.jpgwidth=64height=60onMouseOver=MM_swapImage('zhu','','images/IMG0032A.jpg',1)/td-5-插入以上代码后即可实现。③在线调查效果实现核心代码如下：inputtype=radioname=radiobuttonvalue=1onClick=MM_popupMsg('谢谢您的鼓励！我将继续努力！')非常好！brinputtype=radioname=radiobuttonvalue=2onClick=MM_popupMsg('我将尽力提高制作水准！')一般，有待提高。brinputtype=radioname=radiobuttonvalue=3onClick=MM_popupMsg('看来我还要好好学习才行！')太差了！④利用模板分别创建“riji.asp”“shiping.asp”“jianli.asp”在“shiping.asp”中插入一个flash文件。在“jianli.asp”中插入一张大图。保存后既可创建了三个字页面。⑤注册系统的创建。在网站根目录创建一个“zhuche.asp”做一个表单，创建注册内容。为了使注册的信息能够插入到Access数据库中，并且保证数据库不重复。在“服务器行为”面板中加入二个行为，分别是：“检查用户名”“插入记录”就可以实现将用户提交的数据添加到数据库中。-6-⑥登陆系统的创建由于登陆系在首页模板里面。我们修改模板，在模板页面添加一个“登陆用户”的“服务器行为”设置好登陆成功和登陆失败所要返回的页面。⑦创建聊天室系统新建一个“main.asp”的页面创建一个底部框架。保存框架，分别取名“liaotian.asp”“main.asp”“say.asp”“liaotian.asp”核心代码：%=application(show)%“say.asp”核心代码：%ifrequest.Form(say)thenmessage1=trim(request.Form(say))application.Lock()xm3=session(xm2)application(show)=xm3&在说：&message1&br&application(show)application.UnLock()-7-endif%通过以上代码既可实现聊天室功能。⑧对各个页面进行网页背景，文字颜色的设置，做一些网页美工的工作。网站既完成。第五部分:实训结果(结果分析)网站制作完毕之后既可进行网站测试与调试。可能也现的问题有以下：1、网站数据库连接不到，注册的信息不能插入到数据库中？解决方法：重新检查数据库是否连接好。查看“数据库”里面是否有你所创建的数据表。检查是否添加“插入记录”服务器行为，插入的表有没有选错。2、网站登陆不进，提示无法找到页面或点击“登陆”按钮没反应？解决方法：检查数据库是否连接好。是否连接到正确的数据表。是否添加了“登陆用户”服务器行为。第六部分:实训心得这次是我第一次实训，第二次做网站，也是自己最投入、最用心的一-8-次，与以前的相比，以前的都是以掌握静态网页制作技能为主，而这次则不仅掌握了动态网站的制作技术而且还制作出了自己的成果，自己非常高兴。经过这次实训，我领悟到任何东西都要“学以致用”，学习了还不行还要看自己掌握了没，掌握了还不行还要看自己熟练了没，熟练了还不行还要做出一定成果。进入大学以来，能接受这么一次有意义的实训感觉很充实。附:指导教师评语、实训报告成绩:指导教师(签字):年月日娄底职业技术学院