网页设计实训报告

第一篇：网页设计实训报告

重庆科创职业学院

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

题目：

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

完成日期：年月日

目录

一、课程设计目的....................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倍行距。按作者、书名、出版社、地点、出版时间格式逐一列出，中间用逗号格开)

第二篇：网页设计实训报告

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

网页制作实训报告

姓名：系别：专业：班级：指导教师：完成时间：2012 年 6 月 1日

第三篇：网页设计实训报告

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

实训题目:

专业:

班级：

学号:

姓名：

实训时间：

实训地点：

指导教师:

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

三、实训内容及相关技术

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

四、实训结果及分析

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

第四篇：《网页设计》实训报告

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

《网页设计》实训报告

班级：数字媒体12-2班

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

姓名:李敏梓

一、实训目的与要求

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

二.实训内容

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

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

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

第五篇：网页设计实训报告

实训时间：2011年6月20日——2011年6月24日

实训地点：一号教学楼5楼实训室

实训目的：

1．要求学生独立制作有一定思想和创意网页。

2．掌握网站建设的基本思路和流程。

3．网站基本架设、发布、维护。

实训主要内容

1．使用Dreamweaver编辑网页。网站要求包含二级页面，8-10个页面。使用Dreamweaver布局视图，设置本地站点。使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用CSS样式统一网页中文字样式，插入Fireworks中的GIF 文件及导入Flash中的SWF文档，设置文档间的超级链接。

2．编辑要有一定的创意，能符合观赏的视觉感受；网页结构清晰，主题突出，美观大方，内容丰富，制作规范，色彩协调。

3.页面制作完整，外观力求精美，访问速度快，无HTML语句错误。

4．撰写实训报告。

操作步骤：

1、利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。

2、使用Dreamweaver编辑网页。网站要求包含二级页面，8-10个页面。

3、用到框架、表格或层排版技术、Flash技术和图像处理技术，使网站具有合理的外观和功能。

4、主页基本要求：网页标题动画，可以制作成GIF动画或者Flash动画；

5、制作一个表单页面。

6、某个页面有滚动字幕。

7、至少添加一种行为效果。

8、整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。实训效果：

设计开始，想法不全面,主题，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了。

开始时布局总是不能做到很美观，后来，发现页面属性改了左边距没有设为，上边距为0，刚好把背景图片里面的那些亮丽的钮扣图案显示出来，改变了表格背景图的灰暗，使网页的整体看起来更美观了。

在做CSS样式表的时候，做字的颜色的时候，尤其体现出来色彩学的作用。这次实训中，我也有许多收获。首先，我体会到了作为一个网页设计师，不会用css的痛苦和尴尬；然后，我发现了很多以前都不曾注意到的细节；其次，在实训中，我对作为一名网页设计师应该学习的内容做了一个更深层次的理解；最后，我还从这次实训中看到了自己很他人的差距，危机意识增强，为了不使这个差距拉大，甚至赶上前面的同学，我会努力的。

个人心得：

这次实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

作为在电子商务专业的大专生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的创新能力和合作能力等，自己有了能力，到时候才会是“车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空！

在设计中遇到了很多的技术问题，最后在老师的辛勤指导下，终于豁然开朗。同时，在老师的身上我学得到很多实用的知识，在这次实训中，我也有许多收获。首先，我体会到了作为一个网页设计师，不会用css的痛苦和尴尬；然后，我发现了很多以前都不曾注意到的细节；其次，在实训中，我对作为一名网页设计师应该学习的内容做了一个更深层次的理解；最后，我还从这次实训中看到了自己很他人的差距，危机意识增强，为了不使这个差距拉大，甚至赶上前面的同学，我会努力的。

本次实训，给我最深刻、最刻骨铭心的感觉就是累，不仅每天白天要一整天对着一台机器，我时常想，以后的日子里，如果我成为了一名网页设计师也会是这样吗？好像很无聊的样子啊。好动的我一定坐不住吧。可是，我也知道，为了衣食父母，为了生存，为了未来，现在我还没有任何的资格想这个问题，时间不对，而现在最最应该想的是——我要怎样成为一个顶级的网页设计师。当我终于有能力的时候，才是考虑无不无聊的问题，我还是明白这一点点。

总之，这此实训让我明白作为在校网页设计师专业的大专生，我能做的就是好好的吸取知识，努力的提高自己的技术水平和自身的综合素质，提高自己的表达能力、写作能力和合作能力。如此，出了社会，自己有了能力，到时候才会是 “吃嘛嘛香”，并且是自己选公司，而不是悲惨的等待公司来选。我相信在不久的未来，会有属于我自己的一片天空。