网页实训报告

南京化工职业技术学院

实训报告

姓 名:臧彩文 班 级: 多媒体1223

实训时间: 2014.6.9-2014.06.13 实训地点: 3-803

指导老师: 曾妮丽 彭雪萍

实训名称:网页设计实训

南京化工职业技术学院信息系多媒体教研室

目 录

一、实训目的 二、实训安排 三、实训内容

3.1 项目一

3.1.1 基本要求 3.1.2 方法及步骤 3.1.3 最终结果 3.2 项目二

3.2.1 基本要求 3.2.2 方法及步骤 3.2.3 最终结果 3.3 项目三

3.3.1 基本要求 3.3.2 方法及步骤 3.3.3 最终结果 …… 四、实训总结

该实训前期课程是《平面设计与制作》课程,学生通过前期课程的学习对平面设计的基本原则及图形图像处理软件有了基本的掌握,实训课程主要通过项目任务的形式围绕前期课程进行综合训练。通过训练,学生对网站前期页面设计流程有了更清楚的认识,能根据网站主题和客户需求确定网站设计风格,能对网站内容进行合理组织及布局等,最终制作出客户满意的网站。实训以个人的形式进行,依托于真实的网站项目,模拟企业真实的环境,通过训练,提高学生的审美能力,培养学生的页面设计能力及训练其软件操作的能力,同时培养学生团结协作、解决问题的能力。

具体包括:

• 让学生了解网站的制作流程和基本技法;

• 学会站点的规划与创建,能自己创建个人网站和简单的企业网站; • 掌握静态网页的制作技术;

• 了解动态网页的制作技术,了解与数据库的链接及简单的数据处理。 • 培养学生的动手能力、综合应用能力和团队合作能力。

第一项 首页效果图设计

利用PS软件进行页面效果图的设计,要求为各图层建立图层文件夹,以方便管理

要求:最终提交PS源文件 各图层尽量不要合并

第二项 子页效果图设计

利用PS软件进行页面效果图的设计,要求为各图层建立图层文件夹,以方便管理

要求:最终提交PS源文件 各图层尽量不要合并

第三项 利用DWEAMWEAVER,完成首页的制作任务书

要求:

利用DWEAMWEAVER,完成首页面的的实现,要求利用表格和css的方式进行制作

第四项 利用DWEAMWEAVER,完成子页面的设计制作任务书

要求:

设计二级页面的效果,并利用table+css方式制作完成

第五项 完善及总结

要求:

页面的检查,实训报告的撰写

四、实训总结

通过这半年的网页课程学习和一个星期的网页实习中 在老师的指导下我们以大量明晰的操作应用实例,教会我们.使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通.所以本次实训中我结合所学专业的内容完成了首页的制作及子页设计与制作,作为实习的成果.其内容是多样化的.制作网页用的软件是Dreamweaver ,photoshop软件.

网页的布局通常指的是网页的整体架构,说的简单一点就是排版.如何突出最重要的内容,即让用户眼就看到这个网页所想要传达的信息.这一点至关重要.在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览。所以,在我的子页的设计与制作过程中,我沿用了主页的主体排版方式加以自己的改变,让首页与子页整体上是一致的。

在网页的制作中我还是有很多的不足之处,经常会出现不同的问题,有些问题都是我无法理解的,不知道从何下手也不知道如何解决,经常需要老师的帮助,从代码的编写到Dreamweaver的使用再到脚本的使用,我们学到了很多我们不曾知道的知识,了解了很多我们不知道的关于互联网关于网页的知识,受益无穷。

一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索.从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧.这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验.这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富.这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获.总体来说这次是对我的综合素质的培养,锻炼和提高.

经过这次实训,虽然时间很短,可我学到的却很多。无论是专业知识上,还是为人处世上。在此首先非常感谢老师和同学们对我在实训中的指导和教诲,让我能够在遇到问题的时候得到更加准确的解答,在与同学进行沟通的时候能够将自己的想法和别人进行交流、探讨,从而获得更多的知识和对不解问题有了更加全面的认识,其次我们的知识也在此次的实训中得到了补充。这次实训将我们所学的知识和实际完美的结合在一起,让我们能够站在不同的角度去考虑问题,为我们在今后在社会上立足奠定了基础,留下了宝贵的经验和教训。

南京化工职业技术学院

实训报告

姓 名:臧彩文 班 级: 多媒体1223

实训时间: 2014.6.9-2014.06.13 实训地点: 3-803

指导老师: 曾妮丽 彭雪萍

实训名称:网页设计实训

南京化工职业技术学院信息系多媒体教研室

目 录

一、实训目的 二、实训安排 三、实训内容

3.1 项目一

3.1.1 基本要求 3.1.2 方法及步骤 3.1.3 最终结果 3.2 项目二

3.2.1 基本要求 3.2.2 方法及步骤 3.2.3 最终结果 3.3 项目三

3.3.1 基本要求 3.3.2 方法及步骤 3.3.3 最终结果 …… 四、实训总结

该实训前期课程是《平面设计与制作》课程,学生通过前期课程的学习对平面设计的基本原则及图形图像处理软件有了基本的掌握,实训课程主要通过项目任务的形式围绕前期课程进行综合训练。通过训练,学生对网站前期页面设计流程有了更清楚的认识,能根据网站主题和客户需求确定网站设计风格,能对网站内容进行合理组织及布局等,最终制作出客户满意的网站。实训以个人的形式进行,依托于真实的网站项目,模拟企业真实的环境,通过训练,提高学生的审美能力,培养学生的页面设计能力及训练其软件操作的能力,同时培养学生团结协作、解决问题的能力。

具体包括:

• 让学生了解网站的制作流程和基本技法;

• 学会站点的规划与创建,能自己创建个人网站和简单的企业网站; • 掌握静态网页的制作技术;

• 了解动态网页的制作技术,了解与数据库的链接及简单的数据处理。 • 培养学生的动手能力、综合应用能力和团队合作能力。

第一项 首页效果图设计

利用PS软件进行页面效果图的设计,要求为各图层建立图层文件夹,以方便管理

要求:最终提交PS源文件 各图层尽量不要合并

第二项 子页效果图设计

利用PS软件进行页面效果图的设计,要求为各图层建立图层文件夹,以方便管理

要求:最终提交PS源文件 各图层尽量不要合并

第三项 利用DWEAMWEAVER,完成首页的制作任务书

要求:

利用DWEAMWEAVER,完成首页面的的实现,要求利用表格和css的方式进行制作

第四项 利用DWEAMWEAVER,完成子页面的设计制作任务书

要求:

设计二级页面的效果,并利用table+css方式制作完成

第五项 完善及总结

要求:

页面的检查,实训报告的撰写

四、实训总结

通过这半年的网页课程学习和一个星期的网页实习中 在老师的指导下我们以大量明晰的操作应用实例,教会我们.使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通.所以本次实训中我结合所学专业的内容完成了首页的制作及子页设计与制作,作为实习的成果.其内容是多样化的.制作网页用的软件是Dreamweaver ,photoshop软件.

网页的布局通常指的是网页的整体架构,说的简单一点就是排版.如何突出最重要的内容,即让用户眼就看到这个网页所想要传达的信息.这一点至关重要.在大多数做的比较成功的网页中,一个共同的特点就是网页的整体架构十分的清晰明了,便于用户浏览。所以,在我的子页的设计与制作过程中,我沿用了主页的主体排版方式加以自己的改变,让首页与子页整体上是一致的。

在网页的制作中我还是有很多的不足之处,经常会出现不同的问题,有些问题都是我无法理解的,不知道从何下手也不知道如何解决,经常需要老师的帮助,从代码的编写到Dreamweaver的使用再到脚本的使用,我们学到了很多我们不曾知道的知识,了解了很多我们不知道的关于互联网关于网页的知识,受益无穷。

一个星期的实训将要结束,其中的酸甜苦辣我会在今后的日子里不断地去咀嚼,去回味,去探索.从制作网页过程中,我学到了新的美化网页的方法,运用了更多以前未运用的技巧.这使我学到了更多的知识,并且为我自己在制作网页这方面积累了一些经验.这些将是我人生中的一次重要的经历,将是我今后走上社会后的一笔巨大的财富.这次实习的收获对我来说有不少,我自己感觉在知识、技能等方面都有了不少的收获.总体来说这次是对我的综合素质的培养,锻炼和提高.

经过这次实训,虽然时间很短,可我学到的却很多。无论是专业知识上,还是为人处世上。在此首先非常感谢老师和同学们对我在实训中的指导和教诲,让我能够在遇到问题的时候得到更加准确的解答,在与同学进行沟通的时候能够将自己的想法和别人进行交流、探讨,从而获得更多的知识和对不解问题有了更加全面的认识,其次我们的知识也在此次的实训中得到了补充。这次实训将我们所学的知识和实际完美的结合在一起,让我们能够站在不同的角度去考虑问题,为我们在今后在社会上立足奠定了基础,留下了宝贵的经验和教训。


    相关文章

    2014最新毕业生美工实习报告总结

    书村网作文频道为同学们搜集整理了2014最新毕业生美工实习报告总结,供大家参考,希望对大家有所帮助! --北京瑞利宏达文化发展有限责任公司网站美工实习报告 一  实习目的 随着经济高速发展,社会的竞争也越来越激烈.适者生存,对于初出茅庐的大 ...

    网页设计开题报告

    在经济迅速发展的今天,internet显得更为重要它是人们发布信息与传递信息的重要渠道,为了与社会发展同步,为了让我们成为真正的技术性人才。学校在本周为我们安排了维持一周的网页制作专用周是实习,让我们把平时所学知识运用到实践中做到真正的学以 ...

    网页设计调研报告

    网页设计调查报告 姓名:章稷坚 班级:艺设2班 学号:100802201 指导老师:葛书河 网页设计--网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子设计的基础设施和信息平台,离开网站(或者只是利用第三方网站)去 ...

    网页设计工作实习报告范文

    毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了很多,也比以前的变得更有自 ...

    网页设计实训报告(模板)

    重庆科创职业学院 <网页设计与制作> 实 训 报 告 题目: 个 人 网 站 专 业: 计算机信息管理 班 级: -------------- 学 号: ---------- 姓 名: ------------ 成 绩: 指导教 ...

    中南大学网页设计课程设计报告

    中南大学 本科生课程设计(实践)任务书.设计报告 (大学计算机基础) 题 目 可爱的安庆,美丽的太湖 学生姓名 戴恒洋 指导教师 李小兰 学 院 公共管理学院 社会学 专业班级 1201班 学生学号 4301120126 计算机基础教学实验 ...

    网页设计社会实践报告总结

    网页设计社会实践报告总结 毕业后,我来到了社会这个汇集众多江河湖水的大海,感受到了独立生活的好处与艰辛,同时我自己也更深的理解了,家长和学校老师对我们的殷切希望,在社会实习的这段日子,我吃了些苦,受了些罪,可是整个人在肉体上和精神上却升华了 ...

    网页制作实习报告

    一 实验过程 1.资料的搜集. 2.熟悉制作软件. 3.构建站点框架. 打开dremweaver后第一步便是新建站点 4设计主页及二级页面. 5实现网页间的链接 链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自 ...

    多媒体技术及应用--课程设计报告

    <多媒体技术及应用> 课程设计报告 课程名称 多媒体技术及应用 设计题目 网页设计与制作 专业班级 学生姓名 学号 指导教师 起止日期 2013 年 9月 2日至 9 月 5日 数理与信息工程学院 目 录 摘要„„„„„„„„„ ...