网页实训设计报告.docVIP

湖北轻工职业技术学院 《网页设计与制作》实训设计报告 姓名:班级:学号:指 导 教 师:一. 2 二.实训设计题目描述和要求 3 三.实训设计报告内容 4 3.1 设计方案 4 3.2 设计过程 4 3.3 设计结果 6 四.结论与心得 8 实训设计目的 网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求.在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用. 1. 通过综合实训进一步巩固,深化和加强学生的理论知识于专业技能。 (1) 掌握规划网站的内容结构,目录结构,链接结构的方法。 (2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。 (3) 掌握页面的整体控制和头部内容设置的方法。 (4) 熟练掌握网页页面布局的各种方法。 (5) 熟练掌握在网页中输入,设置标题和正文文字的方法。 (6) 熟练掌握在网页中插入图像,Flash动画和背景音乐的方法。 (7) 熟练建立各种形式的超级链接的方法。 (8) 掌握表单网页制作方法。 (9) 掌握网页特效制作方法。 (10) 掌握网站测试的方法。 2. 训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。 3. 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。 4. 培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。 二.实训设计题目描述和要求 我这次设计的网页设计是小说网站的建立，通过首页目录可以连接每个阅读的小说分页面，再通过建立动态网页，可以让客户发表留言，管理员可以管理留言。 网站主页上有流动的字幕； 有背景音乐； 跟随鼠标文字功能； 每个目录能链接； 客户可以发表留言显示在留言板上； 管理员可以通过密码来管理用户留言信息。 三.实训设计报告内容 3.1 设计方案 首先建立静态网页做链接到各个分页面，再建立动态网站通过数据库来发表留言，再由管理员来管理留言。下面是网页设计的拓扑图： 3.2 设计过程 制作管理员登录页面 管理员登录页用于限制非法用户登录到特定的管理页面，为网站的安全提供有利保证。 登录页由以下部分组成： 注册用户的数据库表。 让用户输入用户名和密码的HTML表单。 确保输入的用户名和密码有效的“登录用户”服务器行为。 当用户成功登录时，为该用户创建一个包含其用户名的阶段变量。 具体步骤如下： 启动DW MX 2004，制作login.asp客户登录页面。 ② 检查登录表单。 ④验证客户登录信息是否为客户登记表中的合法用户。 ⑤最后对完成的登录页面进行保存，便完成了登录页面的操作。 构建留言页面 获取客户留言页由以下部分组成： 一个允许用户输入数据的HTML表单（留言板）。 一个用于更新数据库的“插入记录”服务器行为。 插入页首先通过用户填写留言信息提交留言板表单。然后通过检查表单行为，验证表单的填写是否正确。如：是否输入用户名和留言内容等信息。输入有误或不符合要求则提示用户重新输入留言板信息，输入无误则将“留言板信息”插入到数据库表中。 ①启动DW MX 2004，制作客户留言页面new.asp。 ②打开“服务器行为”选项卡。 ③单击“+”按钮，从弹出的菜单中选择“插入记录”选项，在打开的对话框中做如下设置。 ④单击“确定”按钮，确定“插入记录”服务器行为的设置。在“服务器面板”中便会出现插入记录行为。 三、显示留言 显示客户留言页面由以下部分组成： 使用DW设计工具布置留言详细页面。 为页面定义一个记录集，详细页将从此记录集中提取记录的详细信息。 将记录集中的各项绑定到该页面。 留言页面首先通过记录集获取数据库表中相关的留言信息，在显示留言页面中显示出来。 3.3 设计结果 网站主页 客户留言页面 管理员登陆页面 显示留言页面 四.结论与心得 ⒈小说网站 ①站点的定义 ②数据库的连接 ③制作站点搜索引擎及搜索结果页面 ④制作列表 ⑤制作BLOG首页面，基本页面设计 ⑥定义并绑定记录集 ⑦界面的美化 ⑧设置重复区域 ⑨指定日期的内容页面 ⒉网站 ①站点的建立和连接字符串 ②用户登陆及用户登陆信息显示页面 ③错误信息页面设计 ④创建模板 ⑤添加登陆页面的嵌入框架 ⑥用户注册页面的实现 ⑦添加“密码”比较验证的代码 而这2个网站实现的功能大不相同，前者为一个网站，主要实现了站点搜索引擎、列表、站点日期等内容；后者为一个网站将2个网站整合