网页设计与制作模板

存档资料成绩：

课程设计报告书

课程名称网页设计与制作

题目设计个人网站主页

分院电信分院

专业班级电子商务

学号

学生姓名

指导教师

2011 年 6月 20日

课程设计评阅意见

评阅人__________职称________

年月日

目录

第1章课程设计任务书 .................................. 错误!未定义书签。

一、课程设计题目..................................... 错误!未定义书签。

二、课程设计工作..................................... 错误!未定义书签。

三、课程设计的内容要求............................... 错误!未定义书签。

1、课程设计要求.................................. 错误!未定义书签。

2、课程设计内容.................................. 错误!未定义书签。第2章课程设计目的 .................................... 错误!未定义书签。第3章课程设计内容 .................................... 错误!未定义书签。

设计一选题的基本原则............................... 错误!未定义书签。

设计三选材......................................... 错误!未定义书签。

设计四正确运用DW和Ps............................. 错误!未定义书签。

设计五课程设计心得................................. 错误!未定义书签。第4章课程设计步骤 .................................... 错误!未定义书签。

设计一查找相关资料................................. 错误!未定义书签。

设计二利用Ps进行切片.............................. 错误!未定义书签。

设计三利用DW编辑.................................. 错误!未定义书签。

设计四利用DW的站点功能上传或用FTP工具上传站点.... 错误!未定义书签。第5章课程设计心得 .................................... 错误!未定义书签。第6章参考文献 ....................................... 错误!未定义书签。

专业电子商务班级（1）班姓名肖恢邦

一、课程设计题目设计个人网站主页

二、课程设计工作：

自 2011 年 6 月 12 日起至 2011 年 6月

20 日止

三、课程设计的内容要求：

1、课程设计要求

（1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合理，动而不乱，静而不僵和谐效果。

2、课程设计内容

（1）设计一选题的基本原则。

（2）设计二选题范围。

（3）设计三选材。

（4）设计四正确运用DW和Ps。

（5）设计五课程设计心得。

学生签名：

年月日

通过本课程设计，全面帮助学生加强对网站的认识；学会设计和制作网站，包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站和掌握实际网页设计与制作开发流程和开发方法。

具体的课程设计应达到以下目的：

1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。

4．培养学生团队协作和人际交往方面的能力。

5. 培养相关知识和技能的综合应用能力。

设计一选题的基本原则

（1）选题应反映本专业的培养目标，符合专业综合训练的要求。（2）选题要有利于深化所学的专业知识和拓展所学的知识面。（3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。

设计二选题范围

1、根据课程的教学大纲和教材内容，结合网站在生产、科研、

管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。

2、相关网站查询。

设计三选材

1、应选择相关材料。

2、查找相关主页模板。

设计四正确运用DW和Ps

1、运用Ps进行切片。

2、运用DW编辑。

设计五课程设计心得

第4章课程设计步骤设计一查找相关资料

1、设计主页模板

图 4-1

设计二利用Ps进行切片

1、先把图片放大到三倍

2、利用切片工具进行切片

图 4-2-1

3、所得图片images

图4-2-2 部分图片

设计三利用DW编辑

设计步骤

1、在DW先建立一个站点

2、、在DW插入一个表格

(1) 插入一个7行4列的表格

(2) 表格居中对齐

(3) 表格的边框、填充、间距都设置为0

3、把图片素材插入表格

(1) 把图片按次序插入

4、把文字插入相关空白区

图4-3-1 插入图片和文5、预览效果

图4-3-2

设计四利用DW的站点功能上传或用FTP工具上传站点设计步骤

1、申请“网页空间”。

2、设置Dreamweaver的站点功能。

3、利用FlashFXP应用软件的上传站点。

第5章课程设计心得

通过这次个人网页设计与制作的课程设计，我对网页设计有了更加深刻的认识。

本次网页课程设计，使我觉得我学到了很多，以前在课堂上学的东西以为都是一些枯燥无味的东西，直到进行了这次课程设计后我才明白了什么叫做“书到用时方恨少”，深深地感到自己上机操作能力很不足。但从中还是学会了一些有用的东西，学会书写课程设计报告书，以及更加了解使用PS 和DW进行操作。

总之，这次课程设计提高了我对网页制作的综合能力和实际操作能力。

第6章参考文献

[1] 高林网页制作案例教程（第二版）[M] 北京人民邮电出版社 2009年6月