《网页设计与制作》实训设计报告word格式word格式.docVIP

湖北轻工职业技术学院 《网页设计与制作》实训设计报告 姓名:班级:学号:指 导 教 师:一. 实训设计目的 2 二. 实训设计题目描述和要求 4 2.1 实训设计题目描述 4 2.2 实训要求 4 2.3 设计思路 5 三.实训设计报告内容 6 3.1 设计方案 6 3.2 设计过程 6 3.3 设计结果 9 四. 结论与心得 10 五. 参考文献 11 实训设计目的 本次实训是运用网页制作的知识在掌握理论的基础上再加以实践，使之得以融会贯通，进一步提高自己的兴趣，设计一个，围绕一个主题体现出自己的个性Templates（存放模版文件） pages（存放网页文件） 其余视文件夹需要而添加，全部用英文命名。 站点文件夹中所包含文件： index （首页） 其文件余视需要而添加，全部用英文命名。 并且要求画出网站结构图。 2．网站题材选择 内容，题材不限，可以选择你所感兴趣的内容和专题，内容充实、健康。网站标题自拟。 3．网站技术要求 页面布局合理，色彩和谐，链接正确，图文并茂并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。 网站中必须制作一个留言簿 要求至少要有如下5个功能页面： 显示留言页面index.asp； 提交留言页面new.asp； 管理员登录页面login.asp； 删除页面del.asp； 错误提示页面sorry.asp。 2.3 设计思路 三.实训设计报告内容 3.1 设计方案 主页用表格布局，以张杰的图片为背景图片，突出主题，在主页中设置了移动字幕、背景音乐、背景图片、鼠标经过图像变换大小、跟随鼠标文字等一系列效果，增加了主页面的美观度。主页设有七个分栏目，五个小分页。七个分栏目分别链接到七个分页面，并且这七个分页面由模板生成，格调统一，色彩搭配协调。 3.2 设计过程 建立站点，规划主页 制作分栏目录 制作模板 利用模板生成分页面 分页之一 制作动态留言板 管理员登陆页面 提交留言页面 错误提示页面 删除留言页面 显示留言页面 3.3 设计结果 网站设计完成，静态网站能够实现主页与分页之间的链接，背景音乐、背景图片、页面动画效果等显示正确。动态网站能够实现管理员加密管理，能够实现留言显示。 显示留言成功 结论与心得 近一周的实训转瞬即逝，在这短暂的时间里，在老师的指导和帮助下，第一个完整版的自制网站圆满完成，同时，也让我们对于网页设计与制作有了进一步的了解。 整个网站设计中，我能把散乱的网页链接成框架体系，使平时学习的知识点由散到整，并且能够合理的在实训中进行实践。在本次实训的过程中，我搜集了大量的素材，也看了很多网页设计技巧方面的材料，增加了知识面，给我以后能够制作出更好的网页打下了基础。最后让我感触最深的是：想要做好一个网站，好的素材和技能是十分重要的。 整个网站设计由动静态网站综合组成。静态网站组成了整个网站的框架结构，由一个主页面然后链接到其他分页面。在静态网站中，设置了移动字幕、背景音乐、背景图片、鼠标经过图像变换大小、跟随鼠标文字等一系列效果。增加网站的美观度和色彩协调度。动态网站主要根据数据库来完成，总共制作了五个动态页面：显示留言页面、提交留言页面、管理员登录页面、删除页面、错误提示页面，达到了他人为本网站留言、管理员管理页面等作用，而且在每个静态网站中都有请登录或是请留言的字眼，点击后可进入到动态留言页面。 总体上说整个网站设计还是比较成功的，值得改进的是，可能内容上有些局限性，如果可以的话，还可以在网站中添加Flash视频。 这次网页设计与制作我们是利用Dreamweaver 8来完成设计的，在计算机上面操作，每换一台电脑我们都要重新配置服务器环境，所以说，没有耐心与耐力是无法完成这次实训的。这次实训不仅让我们将课本上的理论知识得到了实践，更重要的是让我们知道学习是一个步步渐进的过程，需要认真，细心，努力的去完成。 参考文献 /350977415 /fanclub/friends/35 《网页设计与制作》 主编 池同柱 栏目4 栏目3 栏目2 栏目1