个人网站实训设计报告.doc

目 录 一、课程设计题目 1 二、课程设计目的 1 2.1专业能力目的 1 2.1.1知识目的 1 2.1.2技能目的 1 2．2通用能力目的 1 三、课程设计要求 2 四、课程设计概述 2 4.1系统中使用的硬件环境和软件环境 2 4.1.1 硬件环境 2 4.1.2 软件环境 2 4.2 对所开发系统的整体概述 3 4.3网站整体结构图 3 五、课程设计任务 4 六、课程设计步骤 4 6.1 网站需求分析 4 6.2 网站系统分析 4 6.3 系统开发环境介绍 5 6.4 网站总体功能设计 8 6.5 系统各页面的详细设计 9 6.6 网页调试 ………………………………………………………………………………9 七、结论 9 八、结束语 9 九、参考文献 10 十、附录 11 课程设计题目 个人网站设计 课程设计目的 2.1专业能力目的 2.1.1知识目的 网页设计与制作综合实训是教学过程中重要的环节。它是根据职业岗位的需求，在师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用知识分析和解决实际问题的能力，是对综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。我们读书就是为了获得知识，现在我们学习了网页设计，当然就是要能做一个精美的网页。在此次网页设计中，我们要能更加的了解Dreameaver强大的功能和更好的使用它。通过此次设计我们还要能够知道静态网页和动态网也的区别。诚然，次此设计的个人网页，一方面是为了完成我们的考试，但更重要的是把我们所学到的东西用在具体的实践之中，所以，这次设计的目的也是要我们更好的掌握和使用好的核心工具和技术，以便提高对网页知识的更深层了解。第三点也是最要的一点是，把我们在书本上学到的知识充分运用到此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上，把这些东西都用在所要做的网页上面。以达到老师要求的效果和学以致用。（1）掌握规划网站的内容结构、目录结构、链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 （4）熟练掌握网页页面布局的各种方法。 （5）熟练掌握在网页中输入、设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 （7）掌握建立各种形式超级链接的方法。 （8）掌握表单网页制作方法。 （9）掌握网页特效的制作方法。 （10）掌握网站测试的方法。 三、课程设计要求 课程设计的要求体现于整个工作的各个阶段中，可根据课题的特点而有所侧重，但应达到如下的基本要求： （1）在规定时间完成课程设计任务书中的全部任务（2）（3）（4）（5）（6）设计要做到文字通、论点正确、论述有据。课程设计、盘书面打印形式交给指导教师。（1）（2）（3） 硬件环境(1)主机上要求安装有等软件。(2)主机能与互联网相连、以便学生能够浏览优秀网站，搜集相关材料等。　　Dreamweaver将“设计”和“代码”编辑器集成在一起，既可以方便的进行源代码编辑，也可以使用鼠标方式添加和设置对象。 　　Dreamweaver是一种所见即所得的网页编辑器，既有效的减少了代码编写的工作量，也确保所设计文档的专业性和兼容性。 　　CSS样式可以有效的控制网页对象的外观，美化网页界面，如文本字体，颜色，表单样式、图像风格等。Dreamweaver中有强大的CSS样式表编辑器，可以比较轻松的编辑CSS样式。 　　Dreamweaver提供了强大的站点管理功能，可以安全，系统的维护和管理各种规模的网站。 　　Dreamweaver与Fireworks，Flash，Shockwave具有良好的集成性，可以在这些Web创作工具之间自由的进行切换。 　　在Dreamweaver文档中，可以灵活加入JAVA，Flash，Shockwave，ActiveX以及其他媒体元素，也可以对各种多媒体元素进行处理。 　Dreamweaver可以实现功能的扩展。利用Adobe公司免费提供的Dreamweaver插件，可以丰富Dreamweaver的媒体处理能力。　第一个为插入图象的按钮，点击后，会弹出对话框，标准对话框，选择想要的图象就行了。 　　第二个（横向走）为插入轮替图象，它弹出的对话框会让选择两副图，以及鼠标点击时的连接等。作好后，用鼠标移动到图象上面，图象就会变成另外的一副图象，点击它，就会连接到另外一个页面上去。 　　第三个为表格，点击后，在弹出的对话框中，添入想要的行数和列数以及表格边距颜色等。 　　第四个为插入表格式数据，可以将以前作成的表格形状的数据表，直接插入到网页中来，而不用