专业：软件技术 班级：10届 软件2班 姓名：郑丽

学号：45 网页设计与制作实训报告

一． 实训意义

通过校内的实际训练，使自己掌握在Windows环境下Dreamwaver8的基本操作和使用技能的基本方法，掌握相关理论知识；培养了自己设计网页的技能，提高自己学习课程的积极性，为今后学习其它有关网页设计与制作打下一个良好的基础。

二．实训目的

1、通过综合实训进一步巩固、深化和加强我们的理论知识与专业技能。掌握页面的整体控制和头部设置的方法。

2、运用 Dreamwaver 完成网站建设任务的方法，能独立设计一个内容完整、技术运用得当的网站；

3、在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的能力，培养创新能力和团队意识；

4、熟练掌握网页页面布局的各种方法（css内部样式和层的应用）；

5、作为学生学习这门课程的阶段性总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练我们的基本技能。

6、应用层+css样式外部文件实现该网站的各个页面定位，请同学们注意网页文件与css样式外部文件、资源文件存放的路径，要求网页文件与css样式外部文件、资源文件夹为同源路径（可定义网站文件夹为mysite）。

三．实训准备

安装有Dreamwaver的计算机；准备网页设计过程中一切可能用到的素材；计算好每个层的宽高，以免设计过程中出现差异。

四．实训内容

项目名称：学校网站

具体内容：具体内容：项目中所要设计的页面如下各图所示，请同学们按图示及相关说明完成各页面设计以及按老师给出的网页名称命名。

五．实训步骤 1.index.html 建立html页面，保存为index.html，再新建css样式表，保存为01.css，部分页面效果和代码如下所示：

代码：在此代码后面插入01.css样式

然后在…

天津电子信息职业技术学院 暨国家示范性软件职业技术学院

网页制作实训报告

重庆科创职业学院

《静态网站建设》 实 训 报 告

题目：

专业：班级：学号：姓名：成绩：指导教师：

完成日期：年月日

目录

一、课程设计目的....................1

二、课程设计题目描述和要求.....................1

三、课程设计报告内容...................1

3.1总体功能介绍...............................1

3.2总体框架结构设计..............................2

3.3页面设计.........................2

3.4总体测试与发布...........................2

四、结论......................2

五、结束语.........................3

六、主要参考资料....................3一、课程设计目的本课程是一门计算机科学与技术及相关专业实践性环节。以HTML和CSS为基础，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有一般网页制作的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对网页设计中所涉及的相关知识有一个全面的了解。通过本课程的学习，使学生全面了解网站建设与网页设计的基本概念、基本理论及业务运作模式，了解网站建设与网页设计的特点及工作过程，掌握网站的建立及网页设计制作的方法，能够完成一般性网站的建设，因此要求利用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累 Web 程序的编程经验，提高编程与调试能力，培养独立学习、吸取他人的经验、探讨技术的习惯和团队协作能力。

二、课程设计题目描述和要求

每个设计人员设计制作利用DIV+CSS网页布局方法制作的任意类型的网站（主题不限），制作网站所需的相关文字资料、图片资料等可以到相关类型的网站上进行采集或自行采集。

要求：根据上面指定的网站开发项目内容进行开发设计，网站栏目设置、网站要表达的具体内容和网站的风格根据小组确定的课题进行设计；要求根据网站设计规范和常用网制作页技术进行设计；设计的网站要求结构合理，版面美观大方，颜色合理，风格一致，并运用适当的动态网页技术进行修饰。

三、课程设计报告内容

3.1总体功能介绍

制作该网站的时代背景？该网站主要的功能是什么？可以实现哪些用途？主要使用的技术是什么？利用了哪些语言实现哪些效果……

3.2总体框架结构设计

该网站有多少个模块？层次关系是什么样子的？并且可以绘制一个流程图来进行进一步说明。

3.3页面设计

3.3.1首页（页面、设计思路、主要代码）

1．进行截图；

2．对设计思路进行说明。

3．将主要代码复制粘贴。

3.3.2各子页（页面、设计思路、主要代码）

1．进行截图；

2．对设计思路进行说明。

3．将主要代码复制粘贴。

3.4总体测试与发布

使用的测试方法是什么？

测试中遇到的问题以及解决的方法。

四、结论

写法要求：

1、概括地说明所进行工作的情况和价值，分析其优点和特色，指出创新所在，性能达到何种水平，并应指出其中存在的问题和今后的改进方向，特别是对工作中遇到的重要问题要着重指出，并提出自己的见解。篇幅不宜过长。

2、结论要简单、明确。在措辞上应严密，容易被人领会。应实事求是地介绍自己的工作成果，忌言过其实，在无充分把握时，应留有余地。

五、结束语

要求：在文章结尾处，通常以简短的文字，对设计过程中自己的收获，及工作过程中曾给自己以直接帮助的人员，例如指导老师、答疑老师及其他人员，表示自己的谢意。这不仅是一种礼貌，也是对他人劳动的尊重，是治学者应有的品质。

六、主要参考资料

[1]吴东伟等，《网页设计三剑客》，北京，清华大学出版社，2004年

[2]李宏，张敏，《网页设计与制作》，北京，化学工业出版社，2006年

[3]李桂杰，《网页设计与制作》，大连，大连理工大学出版社，2008年

[4]李英俊，《网页设计与制作》，大连，大连理工大学出版社，2010年

…………………………………………………………………………..(要求:五号字，宋体，1.5倍行距。按作者、书名、出版社、地点、出版时间格式逐一列出，中间用逗号格开)

《网页设计与制作》实训报告

实训题目:

专业:

班级：

学号:

姓名：

实训地点：

指导教师:

一、实训目的二、实训环境(软、硬件环境)

三、实训内容及相关技术

(具体的设计步骤及所使用的关键技术，要求附有图表说明)

四、实训结果及分析

五、实训收获、体会和问题

温州科技职业学院信息技术系

《网页设计》实训报告

班级：数字媒体12-2班

学号:120309215指导教师：李余党

姓名:李敏梓

一、实训目的与要求

通过实训使学生能够更进一步的领会网站建设和网页设计的基本知识，熟悉和掌握网站建设的基本流程和注意事项，熟练运用常用的网页制作和设计工具的使用，熟练掌握DIV+CSS网页布局设计技术,希望通过对网站的规划与设计来培养学生综合运用所学知识来建立网站的能力，掌握相关网页制作软件，为今后从事网站规划、设计和开发工作打下基础。

二.实训内容

制作好心情科技网页，要求该网站能基本满足该类型企业的某些需求能展示公司或产品的相关信息、宣传企业形象与产品性能。网站设计和开发过程中，可以采用网络素材，技术以静态为主，积极支持和鼓励使用动态技术

三.实训过程中出现的主要问题和解决办法

主要问题：在网页创作中，网站主页分布不规范，解决问题：利用div根据网页所需的内容 创建大致网站的框架，使之网页美观，干净，整洁