网页设计实践报告

1 网页设计技术与应用网页设计技术与应用 题目 题目 介绍长沙介绍长沙 网站开发与设计网站开发与设计 作者 作者 张旭张旭 专业班级 专业班级 劳动与社会保障劳动与社会保障 院系 院系 公共管理学院劳动与社会保障公共管理学院劳动与社会保障 学号 学号 4304150105 2 介绍长沙介绍长沙 网站开发与设计网站开发与设计 目录目录 摘要 2 关键词 2 一 网站开发设计思想 2 二 网站功能及网站系统设计 3 网站功能 3 网站系统设计 4 三 遇到的问题及解决办法 8 一 问题 8 二 解决方法 9 四 总结 9 3 摘要 摘要 网页制作 实训的目的主要是让我们通过这门实践课程 的学习了解和掌握网页设计的基本方法 通过不断上机实习训 练达到解决实际的问题 我所作的网页主题为 长沙 其中 主要是介绍关于长沙的美食美景 历史人物 人文景色等 在 主页面中展示的是整个页面的布局排版 在分页面中详细的介 绍了每个页面的主要展现的主题 在制作初期 主要是收集设 计素材 内容 下载关于长沙美食 交通 美景的图片 个人 介绍的视频和各种鼠标特性效果代码 中期 主要是创建主页 面和分链接 浏览色彩搭配的效果 页面是否美观 分析如何 使用框架和利用 Dreamweaver8 软件创建模板和布局表格 最 后 主要是细化各个页面 对各个页面的图像 表格 链接进 行适当的调试 是站点更加美观 并上传和测试整个站点运作 情况 做好所有链接工作 关键词关键词 Dreamweaver 动态网页 静态网页 链接 层 框架 提 交信息 浏览信息 层布局表格布局 一 网站开发设计思想一 网站开发设计思想 通过网页设计课程掌握的网站设计与制作方法 制作一个介绍 家乡 长沙的网站 这个网站网站能够全面展示家乡长沙的美丽景 色 美食小吃 交通建设 经济发展情况 同时网站里插入作者个 人的简介 了解网站制作者的信息另外还有留言板可以供浏览者留 4 言 以便达到展现自我和交流沟通的目的 同时展示一般的网页中 的特效 使其网站更加可观 二 网站功能及网站系统设计二 网站功能及网站系统设计 网站功能网站功能 区块功能 留言板可以提交个人留言信息并 且可以浏览查看留言信息 并且根据时间前后排序留 言 美食美食板块主要介绍长沙的 美食小吃和各大小吃的地 点 还提供小吃的制作方 式 交通介绍长沙的轨道交通 高 铁 火车 公交线路等 让浏览者可以了解长沙的 具体交通状况 视频本视频是作者的相关展示 网站作者介绍介绍网站作者 其他其他相关介绍 5 网站系统设计网站系统设计 介绍长沙 首页 背景音乐 视频中心 美食介绍 网站作者 交通 主要内容页面 二级内页面 作者介绍 美食图片及美食制作方式 交通运 输介绍 交通运输图片等 6 网站首页网站首页 7 8 二级网页 美食 交通 景色 二级网页 美食 交通 景色 9 三级网页 作者个人介绍等 三级网页 作者个人介绍等 三 遇到的问题及解决办法三 遇到的问题及解决办法 一 问题 一 问题 1 1 静态网页制作时静态网页制作时 1 1 表单的浮动设置出现错误 浮动时出现表单层叠表单的浮动设置出现错误 浮动时出现表单层叠 2 2 在制作导航条的时候 问题较多 首先就是导航条不能均在制作导航条的时候 问题较多 首先就是导航条不能均 匀占据屏幕 调整后导航条呈现竖条分布 另一个问题匀占据屏幕 调整后导航条呈现竖条分布 另一个问题 就是在制作导航条的时候 运行时鼠标点击处颜色无法就是在制作导航条的时候 运行时鼠标点击处颜色无法 10 变化 并且当设置的顺序出现先后错误时 之后的设置变化 并且当设置的顺序出现先后错误时 之后的设置 将无法修改 需要重新设置 而且对电脑数据不太敏感将无法修改 需要重新设置 而且对电脑数据不太敏感 的我无法及时发现错误的步骤 因此依照老师所做的导的我无法及时发现错误的步骤 因此依照老师所做的导 航条示例 一步步修改加上同学的帮助将此问题解决 航条示例 一步步修改加上同学的帮助将此问题解决 2 2 动态网页时动态网页时 1 1 动态网页制作时需要对本机进行环境设置即安装动态网页制作时需要对本机进行环境设置即安装 WEBWEB 服服 务器 本次实验需要的就是务器 本次实验需要的就是 IISIIS 服务器 设置时需要将每服务器 设置时需要将每 一个步骤都很仔细的去设定 起初的时候设置运行时出一个步骤都很仔细的去设定 起初的时候设置运行时出 现很多的运行错误 在阅读书本询问同学之后就解决了 现很多的运行错误 在阅读书本询问同学之后就解决了 2 2 动态网页动态网页 ASPASP 开始不知道怎么制作和打开 需要安装开始不知道怎么制作和打开 需要安装 WEBWEB 服务器 添加虚拟目录 需要对服务器 添加虚拟目录 需要对 IISIIS 管理器里的设置进行管理器里的设置进行 一系列调整 此步骤比较简单但是需要很细致 一系列调整 此步骤比较简单但是需要很细致 11 3 3 第三个问题就是数据库与第三个问题就是数据库与 ASPASP 动态网页相连接的时候 遇动态网页相连接的时候 遇 到了比之前多的运行错误 一是数据库无法连接 服务到了比之前多的运行错误 一是数据库无法连接 服务 器测试一项始终无法完成 二是在数据库链接时 路径器测试一项始终无法完成 二是在数据库链接时 路径 虽然是正确的但是始终显示错误 这一问题是在将文件虽然是正确的但是始终显示错误 这一问题是在将文件 修改为英文字体之后才的意解决 三是动态网页运行时修改为英文字体之后才的意解决 三是动态网页运行时 图片根本无法显示 四是在代码复制粘贴时需要将路径图片根本无法显示 四是在代码复制粘贴时需要将路径 代码全部修改一次转换成自己电脑的路径 四是数据提代码全部修改一次转换成自己电脑的路径 四是数据提 交与浏览遇到的问题就是提交的数据无法保存导致无法交与浏览遇到的问题就是提交的数据无法保存导致无法 浏览 这一问题在将数据库具体项与留言板对接后得到浏览 这一问题在将数据库具体项与留言板对接后得到 解决 解决 二 解决方法 二 解决方法 1 1 寻求老师帮助 寻求老师帮助 2 2 在电脑上寻找教程 在电脑上寻找教程 3 3 将运行的错误进行百度搜索和询问老师同学进行解决 将运行的错误进行百度搜索和询问老师同学进行解决 4 4 根据老师所提前制作的模版进行模仿制作 根据老师所提前制作的模版进行模仿制作 四 总结四 总结 网页设计与制作综合实训是教学过程中重要的实践性教学环节 网页设计与制作综合实训是教学过程中重要的实践性教学环节 它是根据专业教学计划的要求它是根据专业教学计划的要求 在教师的指导下对学生进行网页制作在教师的指导下对学生进行网页制作 专业技能的训练 培养学生综合运用理论知识分析和解决实际问题专业技能的训练 培养学生综合运用理论知识分析和解决实际问题 的能力 实现由理论知识向操作技能的培养过程 因此 搞好实训的能力 实现由理论知识向操作技能的培养过程 因此 搞好实训 12 教学 对实现本专业的培养目标 提高学生的综合素质有着重要的教学 对实现本专业的培养目标 提高学生的综合素质有着重要的 作用作用 训练和培养学生获取信息和处理信息的能力 充分培养和提 训练和培养学生获取信息和处理信息的能力 充分培养和提 高学生的动手能力高学生的动手能力 学会通过网站 书籍等方式收集所需的文字资料 学会通过网站 书籍等方式收集所需的文字资料 图像资料 图像资料 FlashFlash 动画 视频和鼠标特效等 培养学生运用所学的理动画 视频和鼠标特效等 培养学生运用所学的理 论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本 工作素质 培养学生理论联系实际的工作作风 严肃认真的科学态工作素质 培养学生理论联系实际的工作作风 严肃认真的科学态 度以及独立工作的能力 树立自信心 我通过这次实训中非常感谢度以及独立工作的能力 树立自信心 我通过这次实训中非常感谢 学校给了我这次制作网页的机会 通过这次实训 我学到了很多有学校给了我这次制作网页的机会 通过这次实训 我学到了很多有 价值的东西 我们通过小组分工合作已经完成了网站设计整体布局 价值的东西 我们通过小组分工合作已经完成了网站设计整体布局 深知要把整个网站建设好的重要性 在整个网站的建设中 我学会深知要把整个网站建设好的重要性 在整个网站的建设中 我学会 了怎么制作动态静态网页 我发现对于平时的知识有了很大的提高 了怎么制作动态静态网页 我发现对于平时的知识有了很大的提高 并且合理的在试验中进行了实践 在这次实验的过程中 我搜集了并且合理的在试验中进行了实践 在这次实验的过程中 我搜集了 大量的素材 图片和网页设计的制作整体布局方法 这些学习不但大量的素材 图片和网页设计的制作整体布局方法 这些学习不但 增加了我的知识面 而且使我在以后的设计过程中能博采众长 为增加了我的知识面 而且使我在以后的设计过程中能博采众长 为 制作出好的网页打下了基础 最后 我感受最深的是 想要最好一制作出好的网页打下了基础 最后 我感受最深的是 想要最好一 个网站 素材和技能都十分重要 好的素材需要多放面查找资料的 个网站 素材和技能都十分重要 好的素材需要多放面查找资料的 好的技能需要不断的实践 经常锻炼做网页 另一方面 想要做好好的技能需要不断