网页设计与制作.docx

1、网页设计与制作 网页设计报告书课程名称 网页设计与制作 题 目 设计个人网站主页 专业班级 电子商务 学号 201341440206 学生姓名 台俊宝 指导教师 王康哲 2016 年 6月 20日 目 录第1章 课程设计任务书 1一、课程设计题目 1二、课程设计工作 1三、课程设计的内容要求 11、课程设计要求 12、课程设计内容 1第2章 课程设计目的 2第3章 课程设计内容 3设计一 选题的基本原则 3设计三 选材 3设计四 正确运用DW和Ps 3设计五 课程设计心得 3第4章 课程设计步骤 4设计一 查找相关资料 4设计二 利用Ps进行切片 4设计三 利用DW编辑 5设计四 利用DW的站

2、点功能上传或用FTP工具上传站点 7第5章 课程设计心得 8第6章参考文献 9第1章 课程设计任务书专 业 电子商务 班 级 （2）班 姓名 台俊宝 一、课程设计题目 设计个人网站主页 二、课程设计工作：自 2016 年 6 月 12 日起至 2016 年 6月 20 日止三、课程设计的内容要求：1、课程设计要求 （1）通过课程设计把课堂上讲的内容融会贯通，掌握表格在网页布局中的特点及应用，掌握如何通过表格来布局一个完整的界面。学会使用Dreamweaver软件设计网页及Dreamweaver的表格功能进行网页布局。使整个网页页面清新自然，整体界面美观大方，简洁高效，使之达到界面动与静的搭配合

3、理，动而不乱，静而不僵和谐效果。2、课程设计内容（1）设计一 选题的基本原则。（2）设计二 选题范围。（3）设计三 选材。（4）设计四 正确运用DW和Ps。（5）设计五 课程设计心得。学生签名： 台俊宝 2016年 6 月 20 日第2章 课程设计目的通过本课程设计，全面帮助学生加强对网站的认识；学会设计和制作网站，包括完成设计报告，了解网站的软、硬件平台，会发布和维护一个实际的网站和掌握实际网页设计与制作开发流程和开发方法。具体的课程设计应达到以下目的：1提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。2在实际的项目任务中培养网页设计方面的素养。3在实际的项目任务

4、中使学生网页编程和制作的能力得到提高。4培养学生团队协作和人际交往方面的能力。5. 培养相关知识和技能的综合应用能力。第3章 课程设计内容设计一选题的基本原则（1）选题应反映本专业的培养目标，符合专业综合训练的要求。（2）选题要有利于深化所学的专业知识和拓展所学的知识面。（3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。 设计二 选题范围1、根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。2、相关网站查询。设计三 选材1、应选择相关材料。2、查找相关主页模板。设计四 正确运用DW和Ps1、

5、运用Ps进行切片。2、运用DW编辑。设计五 课程设计心得第4章 课程设计步骤设计一 查找相关资料1、 设计主页模板 图 4-1 设计二 利用Ps进行切片1、 先把图片放大到三倍2、 利用切片工具进行切片 图 4-2-13、 所得图片images 图4-2-2 部分图片设计三 利用DW编辑设计步骤1、在DW先建立一个站点 2、在DW插入一个表格(1) 插入一个7行4列的表格(2) 表格居中对齐(3) 表格的边框、填充、间距都设置为03、把图片素材插入表格(1) 把图片按次序插入4、把文字插入相关空白区 图4-3-1 插入图片和文5、预览效果 图4-3-2 设计四 利用DW的站点功能上传或用FTP

6、工具上传站点设计步骤1、申请“网页空间”。2、设置Dreamweaver的站点功能。3、利用FlashFXP应用软件的上传站点。第5章 课程设计心得通过这次个人网页设计与制作的课程设计，我对网页设计有了更加深刻的认识。本次网页课程设计，使我觉得我学到了很多，以前在课堂上学的东西以为都是一些枯燥无味的东西，直到进行了这次课程设计后我才明白了什么叫做“书到用时方恨少”，深深地感到自己上机操作能力很不足。但从中还是学会了一些有用的东西，学会书写课程设计报告书，以及更加了解使用PS 和DW进行操作。总之，这次课程设计提高了我对网页制作的综合能力和实际操作能力。第6章参考文献1 高林 网页制作案例教程（第二版）M 北京 人民邮电出版社 2009年6月