《网页设计实训》大一实训报告

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

网页设计实训报告

二零一零年一月 网站主题： 左手倒影右手年华

本次实训历时五天，首先上网查看他人网站，之后规划自己的网站，然后收集文字和图片资料，打开dreamweaver 8软件，选择新建站点，着手自己的网页制作，有时在做网页时会遗忘掉以前学过的知识，我还翻了以前的学过的知识点。这个网站，我多次使用到跑马灯，我还上网查了一些资料，本想找些代码运用到这个网站中，可是有些失败，就用了跑马灯的链接。

一、网站的主题说明

本次实训我是以郭敬明的小说集《左手倒影右手年华》为网页题材内容，网页分有五个类别，包括主页、小说集、留言板、作者简介和映像图画。主页主要是小说的序言，用跑马灯链接了郭敬明的新浪博客，小说集包含了《左手倒影右手年华》的一本小说文章：回首又见它、扬花、天下、一个仰望天空的小孩、庄周梦蝶、天亮说晚安、桃成蹊里的双子座人、剧本、冬日的幻觉、关于《生活在别处》的别处、思想的声音、毕业骊歌、某年某个春末夏初、八月天高人浮躁、猜火车、四季歌。

二、网站的总体规划

这个网站结合了小说安静、忧郁的内容，是以暗色格调为主，主要是黑色和灰色，由主页、小说集、留言板、作者简介和映像图画五个标题栏构成，分别用唯美的小图片做标题按钮，用黄色的字体突出鲜明。小说集里利用新页面的链接小说内容，运用的背景图像大多都是暗色的，为了形成鲜明的对比，比如：暗色的背景，我就使用白色文字；亮色的背景，我就使用黑色文字。有几篇文章，由于文字较少，我就把他们放在一个网页里，运用了锚点链接，以减少空间。

二、网站的设计、制作

（图1）

1.我在首页之前加入了一张进入页面（如图1），我的网站是类似于空间类型，在这里，我用一张图片就说明了我的网站主题，写出了小说名。

2.我的主页（如图2），运用跑马灯链接了郭敬明的博客，插入了时间，运用浮动框架插入了小说的序言。小说集、留言板、作者简介和映像图画，是保存了首页的模版来制作的，再制作相应的页面，进行相应的浮动框架插入界面。

 小说集里的每篇文章都链接到三级页面（如图3），在新的窗口打开，三级页面里都运用了CSS样板固定了背景图像。 留言板里，运用了表单。

 作者简介里着重介绍了作者的生平，图片运用了跑马灯。 映像图画主要运用跑马灯来播放图片。

（图2）

（图3）

四、心得体会

五天的实训课程结束了，此次实训检验了这一学期的学习，且对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本学会运用dreamweaver 8的一些简单操作。

在这五天的学习当中我觉得在制作过程中，发现自己学的东西太欠缺了，学习要有条不紊，要冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术。掌握网页设计基本概念和HTML的基本结构，了解网页技术概况、HTML的编辑和运行环境。掌握文字版面的编辑，掌握网页的超链接技术的应用，了解图像的处理，包括背景图案、图形、图象及其超链接等的设定和应用。了解列表的各种使用，了解表格的基本语法，掌握表格的定义、控制、分组、标题等的应用。了解表单在网页中的应用，了解如何在网页中加入各种动态效果，了解网页中CSS的基础知识，掌握CSS的各种属性应用。

但有些可惜，没有运用上音频，和视频的运用，希望在下次的实训中，能使用上，再接再厉了哈。

实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用心去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。

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

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

网页制作实训报告

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

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

重庆科创职业学院

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

题目：

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

完成日期：年月日

目录

一、课程设计目的....................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根据网页所需的内容 创建大致网站的框架，使之网页美观，干净，整洁