网页设计实训报告

实习报告

实习性质： 网页设计与制作课程实习 学生姓名： 何冬玲 专业班级：指导教师： 邵亮、杨雪平 实习时间： 2015年12月26日- 2014年12月31日 实习地点： 1211

重庆工程职业技术学院

学 生 实 习 考 核 表

目录

1 实习目的....................................................................................................................................... 1 2实习概况........................................................................................................................................ 2

2.1实习要求 ............................................................................................................................. 2 2.2实习时间 ............................................................................................................................. 2 2.3实习环境 ............................................................................................................................. 3 2.4开发环境 ............................................................................................................................. 4 3实习内容........................................................................................................................................ 5

3.1设计分析 ............................................................................................................................. 5 4实习总结...................................................................................................................................... 11

4.1学习所得 ........................................................................................................................... 12 4.2经验教训 ........................................................................................................................... 12 4.3实习体会 ........................................................................................................................... 12 5 心得体会..................................................................................................................................... 12

1 实习目的

通过这次实习，让我们掌握了实际操作能力，也提升了我们的动手能力。学习期间，应对其课程设计负责的态度。

大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。

通过实习，认识社会的需要，发现自身的差距，培养面对现实的正确态度和独立分析解决问题的基本能力；培养良好的职业精神，适应毕业以后的实际工作需求。

2实习概况

2.1实习要求

（1）总体设计要求绘制准确，设计信息传达

2.2实习时间

2014年12月26日-2014年12月31日

2.3实习环境

（1）实习单位：工程职业技术学院

（2）简介：重庆工程职业技术学院是由重庆市人民政府举办，重庆市教育委员会主管的公办全日制普通高等院校。

（3）所在部门：1211教室

2.4开发环境

 操作系统(Windows7)  Office 2010  开发工具（PS）

3实习内容

3.1设计分析

运动会专题

字体：

首部的字体用的渐变，突显出运动的活力和精神。

整个页面以橙色和小面积的黑色为主，橙色是运动活力的色彩，而黑色又能给人很稳重严肃，给人一种活力又不失为稳重的感觉。背景采用的是运动的人物，为了让这个画面充满活力。 如图1.1所示

图1.1

能源学院网站

整个页面用的蓝色为主，用的两部分组成。上半部分的背景图用了弧线，使背景变得生动一些，没有那么的死板。

之所以没有把导航放到页面的顶端，是因为想把能源的校徽放在正中央。下方的信息导航有一个鼠标放上去就有拉升开来的特效。

为了给页面增添一点活力，用了拉升的渐变色。使页面变得生动起来，小清新一些。 如图1.2

图1.2

蛙圃美客工作室专题

因为工作室的网页设计和其他设计不同，它需要走的风格属于有着属于自己个性的风格。因为橙色和黑色灰色比较能体现出高雅和酷炫，所有这次选用的是橙色和灰黑色的背景。

导航栏并没有如以往一样死板的用条框装起来，而是用的小箭头，随着鼠标的移动位置开始变色。 如图

1.3

图1.3

文委二期原型

整个页面是关于文化服务为方向的网站，所以导航栏选用了以红色为主导，再饰以花边是导航栏瞬间有了古色古香的气息。往下的内容部分则以水墨，轴书为元素，是整个画面充斥着古老的文化气息。页面布局依旧是常规的上中下，画面的主导色则是以红色为主，穿插着些许的橙色，搭配和谐，布局统一。 如图1.4

图1.4

圣诞专题网站

这是一个以圣诞为主题的护肤品专题网站，整个画面活泼，欢快，充满着浓浓的圣诞气息，整个画面的颜色是以圣诞为主题的标准色红，绿。整个画面温暖和谐，给人一种暖暖的心镜，这也是设计网页时的灵感

如图1.5

图1.5

手机网站蛙圃美客

以卡通动漫的俏皮的方式为主的手机网站，整个画面背景为活泼的红色，以动漫形式将内容融合与卡通中，给人一种俏皮感，欢快感。以转盘形式加内容划分为六个方向，及愉快的浏览者，也吸引了读者的眼睛。整个画面欢快，跳跃。 如图1.6

图1.6

4实习总结

我经过本次学习，加强了网页设计这门课程的理解，从理论变实际操作的同时增加了对软件的熟练程度，加深了对设计的理解，同时也提升了网页设计能力，提升了自己的实际操作能力。

4.1学习所得

通过本次实习，了解到了在设计中排版，字体、颜色在画面中的重要性，怎样去突出重点，表达想要表达的东西，做出满意的东西需要耐心，细心和一种探索精神。

4.2经验教训

设计一个作品是一定要画草图，只有这个作品成熟于心，做起来才得心应手，做用ps软件一定要事实进行保存，细节决定成败。

4.3实习体会

通过此次实习，我感受到了网页设计的独特魅力，和PS软件的强大功能，此次实训也让我体会到了设计的乐趣，无论是从排版还是字体颜色都让我成熟了很多。想要成为一个优秀设计师要走了路还很长，但是我还是很有信心慢慢成长为一个很棒的设计师。

5 心得体会

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于

自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。 当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。

实习报告

实习性质： 网页设计与制作课程实习 学生姓名： 何冬玲 专业班级：指导教师： 邵亮、杨雪平 实习时间： 2015年12月26日- 2014年12月31日 实习地点： 1211

重庆工程职业技术学院

学 生 实 习 考 核 表

目录

1 实习目的....................................................................................................................................... 1 2实习概况........................................................................................................................................ 2

2.1实习要求 ............................................................................................................................. 2 2.2实习时间 ............................................................................................................................. 2 2.3实习环境 ............................................................................................................................. 3 2.4开发环境 ............................................................................................................................. 4 3实习内容........................................................................................................................................ 5

3.1设计分析 ............................................................................................................................. 5 4实习总结...................................................................................................................................... 11

4.1学习所得 ........................................................................................................................... 12 4.2经验教训 ........................................................................................................................... 12 4.3实习体会 ........................................................................................................................... 12 5 心得体会..................................................................................................................................... 12

1 实习目的

通过这次实习，让我们掌握了实际操作能力，也提升了我们的动手能力。学习期间，应对其课程设计负责的态度。

大学的学习基本上都是理论的接受，而缺少能力的熟练与加强，我们缺少的并不是知识的储备，而是能力的积蓄。

通过实习，认识社会的需要，发现自身的差距，培养面对现实的正确态度和独立分析解决问题的基本能力；培养良好的职业精神，适应毕业以后的实际工作需求。

2实习概况

2.1实习要求

（1）总体设计要求绘制准确，设计信息传达

2.2实习时间

2014年12月26日-2014年12月31日

2.3实习环境

（1）实习单位：工程职业技术学院

（2）简介：重庆工程职业技术学院是由重庆市人民政府举办，重庆市教育委员会主管的公办全日制普通高等院校。

（3）所在部门：1211教室

2.4开发环境

 操作系统(Windows7)  Office 2010  开发工具（PS）

3实习内容

3.1设计分析

运动会专题

字体：

首部的字体用的渐变，突显出运动的活力和精神。

整个页面以橙色和小面积的黑色为主，橙色是运动活力的色彩，而黑色又能给人很稳重严肃，给人一种活力又不失为稳重的感觉。背景采用的是运动的人物，为了让这个画面充满活力。 如图1.1所示

图1.1

能源学院网站

整个页面用的蓝色为主，用的两部分组成。上半部分的背景图用了弧线，使背景变得生动一些，没有那么的死板。

之所以没有把导航放到页面的顶端，是因为想把能源的校徽放在正中央。下方的信息导航有一个鼠标放上去就有拉升开来的特效。

为了给页面增添一点活力，用了拉升的渐变色。使页面变得生动起来，小清新一些。 如图1.2

图1.2

蛙圃美客工作室专题

因为工作室的网页设计和其他设计不同，它需要走的风格属于有着属于自己个性的风格。因为橙色和黑色灰色比较能体现出高雅和酷炫，所有这次选用的是橙色和灰黑色的背景。

导航栏并没有如以往一样死板的用条框装起来，而是用的小箭头，随着鼠标的移动位置开始变色。 如图

1.3

图1.3

文委二期原型

整个页面是关于文化服务为方向的网站，所以导航栏选用了以红色为主导，再饰以花边是导航栏瞬间有了古色古香的气息。往下的内容部分则以水墨，轴书为元素，是整个画面充斥着古老的文化气息。页面布局依旧是常规的上中下，画面的主导色则是以红色为主，穿插着些许的橙色，搭配和谐，布局统一。 如图1.4

图1.4

圣诞专题网站

这是一个以圣诞为主题的护肤品专题网站，整个画面活泼，欢快，充满着浓浓的圣诞气息，整个画面的颜色是以圣诞为主题的标准色红，绿。整个画面温暖和谐，给人一种暖暖的心镜，这也是设计网页时的灵感

如图1.5

图1.5

手机网站蛙圃美客

以卡通动漫的俏皮的方式为主的手机网站，整个画面背景为活泼的红色，以动漫形式将内容融合与卡通中，给人一种俏皮感，欢快感。以转盘形式加内容划分为六个方向，及愉快的浏览者，也吸引了读者的眼睛。整个画面欢快，跳跃。 如图1.6

图1.6

4实习总结

我经过本次学习，加强了网页设计这门课程的理解，从理论变实际操作的同时增加了对软件的熟练程度，加深了对设计的理解，同时也提升了网页设计能力，提升了自己的实际操作能力。

4.1学习所得

通过本次实习，了解到了在设计中排版，字体、颜色在画面中的重要性，怎样去突出重点，表达想要表达的东西，做出满意的东西需要耐心，细心和一种探索精神。

4.2经验教训

设计一个作品是一定要画草图，只有这个作品成熟于心，做起来才得心应手，做用ps软件一定要事实进行保存，细节决定成败。

4.3实习体会

通过此次实习，我感受到了网页设计的独特魅力，和PS软件的强大功能，此次实训也让我体会到了设计的乐趣，无论是从排版还是字体颜色都让我成熟了很多。想要成为一个优秀设计师要走了路还很长，但是我还是很有信心慢慢成长为一个很棒的设计师。

5 心得体会

经过一个学期的网页设计的学习，我们的专业基础更加扎实了，我们对于

自己的专业学习更加有信心了。一开始对于网站设计我是抱着好奇以及兴趣认真地学习，刚开始接触网页设计会觉得很神奇，平时上网接触到的网页可以通过自己的努力来建成。一心想着设计一个美观大气的大网站，可以与其他网站媲美。对于我这种初学者，有这种天真的梦想促使我更努力的学习网页设计。

平时老师授课，讲解了有关网页设计的理论知识以及实际操作的示范。网页设计更着重于实际操作，我们在机房通过每次上课的学习运用，已经有了一定的基础。一开始我们都是看着别人的网站去模仿建设，到后来每个人在设计自己的网页时都有自己的人个人风格，这就是网页设计的乐趣。他不仅可以激发同学们的兴趣，还可以把自己的风格更大胆地展示出来，是一个可以展示自我的空间，使我们更有成就感。

这两个星期我们实训课让我们更清楚地认识到自己的建站水平。实训任务是建立自己班级的网站，刚开始觉得两个星期足够我们去建成一个网站，但是我们都太高估我们自己了。一开始设计网站时不知道从何下手，之前老师上课讲的知识一时不知道怎么灵活运用起来，我才发觉对我软件功能的不太熟悉，除了基本的框架构建，其他的设计都需要比较长的时间去思考以及翻查书本。但是同学们都很积极地向老师提问，把自己存在的问题一一的解决掉。虽然建立网站不是很顺利，也只有这样我们才可以正视自身，把平时半桶水的听课方式给改掉。在这次的网站建设过程中，我发现自己对于知识不能灵活运用，不能巧妙地结合起来，对代码的不熟悉，这更加是一个大问题。建站过程中会遇到代码出错，代码位置写错之类的问题，当测试的时候出现了错误但是不能看懂出错原因，只能靠网上搜索。因为对于这种程序的东西我会比较抗拒，从小就不喜欢思维性太强的学习，所以建站会遇到比较多这种问题，但是我只能积极去面对才能完成任务，毕竟这是我的专业，为了专业而专业，不能说不喜欢就不愿意去学，这次实训我反省了自身的存在问题。我们建立网站的时候都发挥自己的创新力、想象力，用心地完成这个大项目。会遇到很多的问题，经常因为一个细小的步骤而出错，做动态网页的时候会遇到更多类似的问题，通常都会花费我很多时间来解决出错原因。打个比方，我会一个上午都在弄留言板，因为不知道出错原因，当请教老师或是同学的时候才恍然大悟，原来是这么简单的。当然，最终可以解决困难我还是很欣慰的。 当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

我可以说网页设计给了我很大的收获，我是用我的热情去学习，也是用我的真心去设计，属于自己的东西永远是最美好的。网页设计不是用嘴巴就可以设计的，更需要的我们的坚持、创新、用心，才能收获更大的胜利。