网页设计实验报告

设计任务书系别:信息工程系专业：系统维护0901姓名张丽指导老师：时鸣2010-6-10目录一．————————————设计意义二、————————————设计目的三、————————————设计基本要求四、————————————设计步骤五、————————————设计总结主题：网页设计一、设计意义网页设计课程设计是计算机专业独立设置的集中实践性环节之一，是学习完《Dreamweaver》、asp,《Access程序设计》或《SQLServer2005》课程后进行的一次全面的综合设计。其目的在于加深对前台A页面基本理论和基本知识的理解，加深对后台数据库的开发和使用技术网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。二、设计目的（1）掌握规划网站的内容结构、目录结构、链接结构的方法。（2）熟练掌握网页制作软件Dreamweaver8的基本操作和使用技能。（3）掌握页面的整体控制和头部内容设置的方法。（4）熟练掌握网页页面布局的各种方法。（5）熟练掌握在网页中输入、设置标题和正文文字的方法。（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。（7）掌握建立各种形式超级链接的方法。（8）掌握表单网页制作方法。（9）掌握网页特效的制作方法。（10）掌握网站测试的方法。三、设计基本要求符合课题要求，实现相应功能；可以加以其他功能或修饰，使程序更加完善、合理；要求界面友好美观，操作方便易行；注意程序的实用性、安全性；随时记录设计情况（备查，也为编写程序设计说明书作好准备）；设计成果：a)上交课程设计报告书和课程设计小结各一份（含打印版和电子版）；b)上交作品（包括源程序，能编译成可执行文件并能正常运行）。四、设计步骤1．实训准备、制定实训计划（1）选题：确定网站主题（本次实训以“网页设计技术”为主题）。（2）根据实训时间的长短制定一个切实可行的网站开发计划。2．准备素材，搜集与主题相关的文字、图像、动画、音乐等资料。3．设计网站的内容结构、目录结构和链接结构，设计首页及其页面的版式结构。4．创建本地网站，建立网站的目录结构。5．制作首页。6．制作二级子页。7．制作内容页。8．创建超级链接。9．测试与浏览网页。10．书写实训报告书。

网站结构说明首页二级结构三级结构网站规划与开发网站开发流程网页设计原则网页页面元素设计文字设计网页图象应用网页布局技术表格布局技术框架技术普通框架和浮动框架技术DIV+CSS技术DIV+CSS技术文章模板与库模板的应用库的应用CSS技术CSS的作用及语法CSS应用规则技术文章网站测试与发布五天的实训课程终于结束了，此次实训检验了以前所学的知识，对以前所学的知识进行了汇总和温习。通过这次设计我基本上掌握了制作简单静态网页的过程，熟悉了运用各种软件工具的方法。五、设计总结网站设计的主要是班级网站，在网站的颜色上网页的颜色搭配关系到整个网站的生死存亡，如果颜色搭配不当，则整个页面给浏览者不好的映象，则不会停留在页面上继续浏览了。所以大的图片我尽量少用，除页头和页尾用了图片以外，我很用图片了，使用取色小精灵在两张图片上采集了几种颜色。开始设计时由于对整体把握不好，于是打算先设计二级页面，再来设计首页，但是发现不习惯这种设计步骤，网页设计进程缓慢。所以后来又打算先设计首页。首页几个板块我想好了，就是用JavaScript做成的滚动图片，题目为优秀网页设计欣赏，用marquee做向上滚动的文字，题目为网站公告。公告内容：本网站中的文章大多数为网上转帖的文章，所提供的照片、设计作品大多数也为网上转载，如需使用，请与原作者联系，版权归原作者所有，如有侵犯你的版权，请速联系我yinpan@，我将立即删除修改。

还有用表单做一个用户登录的表格。这就要做一个用户注册的单独页面了。还要用图像查看器做一个“平面设计优秀作品赏析”的表格的，后来电脑有点小问题，不能正常显示Flash文件，所以改为用JavaScript做了。实践出真知，以前以为做个网站很容易，现在明白了不是想象中的那么简单。每个步骤要一个个的去做，遇到了问题要自己去一个个去想办法解决，以前的设计不合适了要重新改过，没有耐心真的是很难完成的。实训的日子过去了，有点不舍和难忘，我发现自己所学的知识太欠缺了，所以在以后的学习