网站设计实训报告

网站设计实训报告（共9篇）

网站设计实训报告 篇1

网页设计实训报告总结网站建设实训报告总结网页设计实训心得体会

网站建设实训报告总结网页设计实训心得体会

网页设计实训报告总结总结的目的在于应用、发展和提高。

“成绩不讲跑不掉，问题不讲不得了。

”在总结成绩的同时，要客观地查找工作 中存在的不足和问题，以警示今后的工作，少走弯路，切忌 “一路颂歌，满地鲜花”。

网页设计实训报告总结一： 本学期的网业设计课程，开展了动态思维训练教学活动，对于我们学生来说，可以激 发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。

总体来说，整个学 期的学习过程，我学会了很多知识，虽然过程比较艰辛，但 在 INTENET 领域中，有了一个展示自我的空间，我觉得很开 心、很有成就感。

一.充分发挥动手能力 作为网页设计的初学者，我对网页设计非常感兴趣，一 心想设计出一个美观、实用、内容丰富的个人网页。

本学期 的教改方案由以前学生单纯接受知识变为主动

参与教学活 动。

在这样的压力和动力下，通过自己动手、动脑，通过网 络资源，老师的指导，在不断发现问题和解决问题的过程中 学到了很多知识，也增强了我的创作能力和动手能力，在网 页设计过程中，从构思到设计、完善、维护，整个过程我都 全身心投入，使我真正学到了网页设计的知识。

二.在设计过程中不断提高网页设计水平在本次网页设计中，我不仅学到了很多关于网页设计方 面的知识，也从中学会了关于网络、编程等方面的知识。

我 从 最 初 开 始 运 用 FrontPage 设 计 网 页，到 后 来 运 用 Dreamweaver、Flash、Fireworks 等网软件设计网页，完善 网页。

在这个过程中，我通过自学教材、上网查询，学习了 Dreamweaver、Flash、Fireworks 等网页软件的应用，学会 了管理、维护自己的站点，以及一些简单动画、控件的制作 等等。

在设计过程中也出现了很多的问题，但通过看书，上 网查询，请教老师等方式，不断的学习、解决、提高，设计 出的网页不论是外观还是内容，都在不断的进步、改善。

可 以说在自己动手，不断实践的过程中，网页设计水平得到了 很大的提高。

三.不足之处 由于平时工作比较繁忙，学习时间比较少，对于网页设 计软件的强大功能运用得还不够。

在网页设计过程中，由于 没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。

在网页制作过程中，想 提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师 能简单介绍一下代码，让我也对它有个初步的认识，以后再 加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有 遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的 热情和执着，我将来设计出的网页会更加专业，更完善。

也 希望老师在今后的日子里多指导。

网页设计实训报告总结二： 现在，计算机和网络已经深入到了我们生活中的方方面面，也已经成了生活中不可 缺少的一部分，网络成了我们获取知识和信息的一种便捷工 具，现在的网民也在不断的增多，所以，了解和学习网络知 识是我们作为一名大学生迫切所需的，我利用寒假的时间，对网页设计进行了初步的认识和了 解，并基本掌握 Dreamweaver 的应用。

通过对网页设计书籍的翻阅，我学习到了一些关于建设 网站和制作网页的知识，在实践查阅资料时，对 flash 也有 所了解。

我还了解了一些基础的网络技术。

通过学习，我对 计算机有了更深层次得到了解，也有了更浓厚的兴趣。

尤其 是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。

在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程 的综合，他是、Flash、Fireworks 等网页软件的综合应用。

下面阐述一下我在翻阅《 Dreamweaver 》时的一些关于 网页设计的见解。

在具体的制作一个网页时我了解到一个优

秀的网页设计应该具备一些基本原则。

首先，要·确定网页设计的内容一个优秀的风站要有一 个明确的主题。

整个网站围绕这个主题,也就是你在网页设 计之前要明确你这个网站有什么目的,用来做什么，所有页 面都是围绕着这个内容来制作，有了明确的内容对排名有很 重要的

作用;其次，要了解你网站所在行业的客户，及你的 网页属于哪个类别。

用户是一个网站成败的关键 ,如果用户 要花很多时间进入你网站很有可能用户会立即关掉你网站 , 或者你网站操作很不方便用户也会马上离开 ,这种网站是很 失败的设计,只会让用户失望的离去.在完成以上的基本内容之后网页的基本框架便成形成 了，下面要开始的便是优化工作，内容是整个网页的核心。

在网页设计之前必须明确网页 的内容安排。

优秀网页设计是要建立在平凡的基础上的。

然 后在具体的规划一个网页时，可以用树状结构先把每个页面 的内容大纲列出来，尤其要制作一个大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能 的扩充性，免得做好以后又要一改再改整个网站的架构，很 浪费时间和财力。

大纲列出来后，还必须考虑每个页面之间 的链接关系。

是星形，树形，或是网形链接。

这也是判别一 个网站优劣的重要标志。

链接混乱，层次不清的站点会造成 浏览困难，影响内容的发挥。

框架定下来了，然后开始一步 一步有条理，有次序地做来，就胸有成竹得多，也会为主页 将来发展打下良好的

基础。

下一步，就以动手制作具体内容 了，题材选定，框架选定，接下来就开始往主页里面填内容。

如果是个人主页，有能力的人完全可以靠自己来创作所 有的内容。

大部分人的方法是：从报纸，杂志，光盘等媒体 中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到搜索引擎上查 找相应的关键字，就可以找到一大堆的资料。

在准备材料的 时候我们可以用一些小的动画和动态图片，Flash 提供了功 能齐全的绘图和编辑图形工具。

可以直接在编辑区里绘画，编辑修改非常灵活，它的另一大特点是“交互性”强。

在动 画播放时，可以用鼠标或键盘对动画的播放进行控制，效果 可以很直观的反映出来。

然后是开始正式制作主页。

通过 Dreamweaver 作为制作软件，只需要用到软件中的一些基本 的功能：图片插入和对齐设置;文字的格式、颜色、背景颜 色的设置等就可以制作出一个简单的网页。

总体来说，通过这个假期对网页设计的学习，有收获也 有遗憾。

但是，我已经迈入了网页设计的大门，只要我再认 真

努力的去学习，在今后的闲余时间学习制作网页的更多知 识以实现自身技能的提高，我坚信将来设计出的网页会更加 专业，更加华丽，使它最终成为自己的一项技能。

网页设计实训报告总结三：不知不觉,二个星期的《网页设计与网站建设》课程的实操即将过去 ,回顾这一段 日子,真的令我体会很深,也学会很多东西,懂得很多以前不 懂的东西,也明白了一些事情.自从第一天接触《网页设计与网站建设》课程 ,我以下 定决心要把网页这门课学好 , 做出一个优秀的网站.所以我 时刻没有错过任何学习的机会 , 无论在课堂上 , 还是在课外 上.更何况这一次实操.回顾今次的实操我觉得我过得很充 实 , 很有意义 , 因为我可以诚实的说我在实操没有玩过一次 游戏,我每时每刻都在设计网站,还记得晚上做网站做到一、二点，可能有人会说我傻，但正因为这个傻的行动，令我学 会很多东西，学会别人不懂的东西，做出一个令自己满意的 网站，可能跟别人比还需要继续完善，但我不会因为实操结 束，就把网页设计抛到九霄云外，我会继续学习网页设计技 术，把它变为自己的一项特长。

回顾第一天的《网页设计与网站建设》课程实操，老师 叫我们继续完善以前设计的网站，做出留言板、注册的功能。

我很快就完成了，但可能我是一个追求完善的人，所以尽管 一个网站做好可以马上交给老师。

但我做出一个别人都不赞 同的决定，从头开始做一个网站。

因为我觉得以前那个真的 不是太好，尽管实操的时间过去了一半，尽管别人对我说你 交原来这个不就行了吗!何必再做一个呢 ? 但真因为我的执

著，追求成功，追求完善的人，才会使我今天交出一个令自 己满足的答卷。

在制作个人网站时我们首先：

一、必需进行个人网站前台功能设计 包括个人网站主题的确定，前台功能设计与管理、个人 网站主页设计、个人网站留言板、注册、忘记密码、搜索等 网页设计与管理。

二、对个人网站后台管理功能设计 包括个人网站后台管理功能的设计、后台管理信息系统 功能的设计、后台系统权限管理、后台文件管理、个人网站 后台管理系统主页设计。

三、网站的发布 通常我们发布一个网站可能以能过域名注册，但我们也 可以利用自己主机，装了 iis 别人就可以通过我的 ip 地址 来访问我的主页。

第一次做的那个网页我已经发布在上网了。

四、个人网站推广 一个网站做好了，就要对个人网站

进行推广，这是一个 电子商务网站必需做得的一步，因为如果你不对你的网站进 行推广，就算你发布了也没有人会知道的。

在设计这个网站时真的体会很多东西，从一开始网页主 题的确定，到主页总体的设计、搜集资料、前台功能设计与 管理、后台功能设计与管理、每个分页面的设计等。

我都一

一进行了规划，因为如果你不规划好，想做什么就做什么，是不会做得好的。

因我为体会到这一句话： “机会中属于有 准备的人”。

我详细到一个表格宽度都一一列明。

例如：775 宽度，分三栏，每一栏占多少。

因为我深深懂得“细微处才 见真功夫”。

在这次实操过程中令我印象最深的是做留言板，因为刚 好在上一个星期 sql 数据库实操做过了，所以今次在做就比 较轻松，但我以前是经过一个比较长的练习，做完了 n 次，可能有人会想，肯定是不会才做这么多次啦!但我想告诉这 位同学我每次做得都不是不同的方法。

第一次我用的是 access 数据库，第二次我用的是 sql 数据库加权限管理，第 三次我用的是数据源名称的连接，第四次我用的是自定义连 接字符串，第五次……每一次用的方法都是不同的，可能有 人会说我傻，会一种方法就行

了，还要那么多吗 ?但我想说 的就是不是这么多次的练习，不是之么多次不同的方法，也 就不会造就出今天熟能生巧的我，也不会对同学提出的问题 解决到，也不会轻松教会同学，因为你自己首先学会，学通，学广，才能把问题一一的解决。

网站设计实训报告 篇2

关键词：铁路,信号施工,质量,控制

铁路信号施工是一个复杂的系统工程, 由于其具有一定的特殊性, 而使得施工过程的影响因素较多。国家对铁路六大提速要求的提出, 对铁路信号设备的维修和施工来说是一项更严峻的挑战, 为减少对交通运输的影响, 信号设备的更新、改造、更替过程要求在极短的时间内完成, 协调好设备更新改造与运输生产的关系, 解决二者之间的矛盾, 是信号工程亟待解决的问题。因此要对施工工程采取行之有效的控制措施, 提高工程质量, 确保列车安全行驶的基础上, 提高铁路运输效率。

1 铁路信号施工前期的质量控制

1.1 严格审查施工设计

审核设计是铁路信号施工中质量控制的重中之重, 在审核设计环节中, 需要审核的内容主要有:首先, 设计文件是否与相关规定相违背;第二, 施工图纸是否与实际的施工要求相符, 是否满足相关技术规范;第三, 设计方案中的工程数量和经费投入是否符合规定;第四, 设计中运用的技术和工艺是否具备可靠的理论基础, 是否经济合理;第五, 室内外设备的安装是否存发生矛盾或者存在违规现象;第六, 图纸中的电路设计是够清晰、全面。

1.2 签订施工安全质量协议和配合协议

在铁路信号施工前进行严格的施工安全管理是十分必要的, 各个参建单位做好协调工作, 签订施工安全质量协议和配合协议, 制定统一的施工规范标准和技术标准, 进一步落实好需要相关部门配合的具体事宜, 明确各单位应承担的义务和责任, 确保施工过程安全、有序进行, 促进各工序间的有效衔接, 降低施工风险。

1.3 施工现场由专人进行调查与施工定、复测

施工前期的调查工作是信号施工不可或缺的环节, 施工前, 组织专业技术人员以及设计单位、监管单位对施工现场进行实地勘察, 对于发现的问题和隐患要及时采取解决措施, 确保施工定、复测质量。

1.4 认真编制施工组织设计

施工组织设计的编制决定着工程指标能否实现, 更是工程质量的基础保证, 确保工程的顺利实施。科学、完善的施工方案能够提高施工效率, 降低对铁路运输的影响。施工组织设计的编制是一个整体性工程, 制定过程中, 应由相关工程技术人员进行实地勘察, 充分调查研究施工现场情况, 明确具体的项目内容和工程质量要求, 了解现有信号设备的使用状况和安全隐患, 并确定出施工期间信停的影响范围。

有效核查信号设备组成部件和产品性能中的科技含量, 根据实际的施工的定、复测记录来, 并综合分析技术、管理、工艺、经济等诸多方面因素, 有针对性地制定安全可行的施工方案, 进一步确认相互关系和先后顺序, 对施工方案进行完善和优化, 最后施工组织设计方案还要经过建设单位的审批。

2 施工过程的质量控制

为了最大限度减小对铁路运输的影响, 在保证工程质量的前提下, 要提高铁路信号施工效率, 在规定时间限制内完成施工以及验收工作。铁路信号施工主要包括线路施工、地面设施固定、轨道电路施工以及室内设备施工等, 在这一系列施工过程中采取一定质量控制措施, 提高施工质量的同时, 缩短施工周期, 提高施工效率。

2.1 加强原材料的质量把关

铁路信号施工材料直接关系着工程质量, 信号施工涉及的材料比较多, 材料是整个工程的重点控制内容。选择材料时, 不仅要考虑其经济性, 更好确保它的可靠性, 能够满足施工要求;投入使用的材料必须三证俱全, 外观良好, 而且要经过仔细的检查和验收, 检查合格后才可进入施工现场。

2.2 合理利用施工中的机械设备

随着科学技术的不断发展进步, 铁路信号施工的机械化程度越来越高, 许多工作由原来的人工操作转变为机械操作, 施工中应用到的机械设备种类多样, 因此需要加强对机械设备的检查和维护, 确保其正常运行。

2.3 做好技术交底工作

施工技术交底是指导施工的重要依据, 技术交底工作是指在某一分项环节施工前, 技术主管人员向施工人员提供书面的技术性交代, 使相关人员了解施工技术和工程特点。信号施工过程涉及的环节较多, 所以要做好各个阶段的顺畅衔接, 严格细致做好技术交底工作, 技术主管人员必须按照针对性、完整性、可行性、预见性和告诫性的原则, 对开通施工范围内的各种设备、配线修改情况以及建设处试验内容等以书面形式提供给相关施工人员, 并且进行面对面的技术交底, 以免由技术交底工作不协调导致工程隐患的产生。

2.4 对模拟连锁试验进行严格检查

全面彻底的模拟连锁试验是信号施工不可或缺的重要环节。与普通的工程施工不同, 铁路信号工程正式施工之前要进行一次模拟联锁试验, 这是重要的施工准备工作, 能够检验出施工设计和施工质量的不足, 在信号工程施工中发挥重要的作用。联锁试验前需要工程技术人员充分掌握现场设备的布置、设备与战场间的关系、连锁图表等, 严格遵循连锁试验的标准规范要求, 实施全面的联锁试验。作为工程技术人员, 要在明确设计文件意图和相关技术要求的基础上, 在实际的信号施工中不断积累故障处理的经验, 学习新技术。

3 结束语

铁路信号施工是一项重要的项目工程, 铁路信号是确保铁路运输正常运行的基础保障, 而且关乎着铁路运输安全, 因此相关单位要提高对铁路信号施工的重视程度, 加强施工过程各个环节的质量控制措施, 提高施工效率的同时, 保证工程质量, 使铁路运输高效、安全运行。

参考文献

[1]李坤.浅谈铁路信号工程施工管理[J].中小企业管理与科技 (下旬刊) , 2011.

[2]龙凡.关于铁路信号工程施工的思考[J].中小企业管理与科技 (下旬刊) , 2011.

网站设计实训报告 篇3

关键词：汽车运用与维修 实训教学 一体化

加强职业院校学生实践能力和职业技能的培养，高度重视实践和实训教学环节，是《国务院关于大力发展职业教育的决定》中的要求。为了做好笔者学校汽车运用与维修专业实训教学工作，为职业教育改革做出贡献，笔者和同事一起在2013年对辽宁汽车运用与维修专业实训教学做了调研工作。

一、调查方式

1.实地调查

调查组在2013年6月～11月期间，对辽宁省5所有影响力的中等职业学校进行实地调查。

2.电话和网络采访调查

调查组利用网络、电话及骨干教师培训的机会对辽宁省20多家中等职业学校汽车运用与维修专业的负责人、骨干教师进行了采访。

二、调查结果

我们所调查的中职学校的汽车运用与维修专业中，实训教学主要采用的模式有：理实一体化实训教学、校内生产性实训教学、企业生产性实训教学等。实训教学存在的问题如下。

1.专业素养未融入实训教学

大部分学校在实训教学中没有特别强调融入培养学生良好的专业素养的内容。

2.“双师型”教师不足

实训车间授课教师既要有丰富的理论知识，又要具有丰富的实践经验，也就是“双师型”教师。教师授课时，示范动作的可视范围小，如果一个教学班按40～60人的班型设置的话，则至少应该配备3名“双师型”教师。所以原来按照一个教学班设置一名教师的师生比例，不能很好地满足实训的需要，致使实训教学效率降低。

3.实训工位和参加实训的学生人数比例不当

随着汽车技术的不断发展，特别是一些高新技术在汽车领域的不断运用，使得汽车运用与维修专业涉及面广，而汽车车系品种又繁多，并且各具特色，在采购教学设备时，考虑到资金的限制及学习系统性需求，造成许多学校实训工位欠缺，影响实训教学效果。

4.教学环境影响教学协调性

教学环境不利于教学和实训，带来了教学的不协调，比如：在东教学楼学习再到西教学楼练习，学习与练习的场地距离较远，带来管理与教学的不便。

5.实训阶段割裂，没做到有机结合

有些学校各个实训阶段割裂，没有做到有机结合。例如，有的学校企业生产性实训交给了就业部门，而就业部门与教学部门缺乏沟通与交流，不利于提高实训的效果。

三、调查结果的启示与建议

1.在实训教学中融入专业素养的培养

作为为现代汽车企业培养初、中级技能型人才的汽车运用与维修专业，更要将职业特色教育作为教育的重点，那么，根据现代企业的要求，培养的学生不仅要具备出色的汽车专业技能而且还要具备抗挫折能力、创新能力、再学习能力。这就要求在实训教学的课程中融入专业素养的培养。

2.运用现代化教学手段，实现理论与仿真实训一体化教学

充分运用现代化教学手段，实现理论教学与仿真实训一体化。理实一体化教学是我国职业教育大力提倡的一种适合职业教育的教学方法，它打破了传统的一支粉笔，一块黑板的教学，开创了我国职业教育的新时代。但是，现阶段师资和设备的不足，造成如果直接实行理论和实操一体化教学，会大大影响教学效果。由于仿真实训教学所需的计算机可以和其他专业资源共享，容易满足每人一个工位的需求，而且操作次数可以无限增加。如果在实操之前先进行理论教学与仿真实训一体化教学，使在学生实操实训之前，充分地掌握其实训的操作步骤及其注意事项，减少实操失误，就能提高实训效果。例如，笔者校汽车专业在讲解发动机拆装的工艺过程时，先利用某公司制作的丰田发动机仿真拆装教学软件，将发动机拆装的步骤、方法，甚至螺栓拧紧的扭矩、顺序、使用什么工具，按照专业的维修手册，进行理论与仿真实训一体化教学，在实操时少走弯路，取得了很好的教学效果。

3.建立合理的实训教学环境

如建立专门的理实一体室、仿真实训室、校内实训基地，与企业合作，建立企业生产性实训基地。加强校企合作，建立企业生产性实训基地还可以有效地缓解校内实训设备的不足，缩短学生所学技能与企业对他们技能需求的距离。

4.教学过程循序渐进，有机结合

实训教学要由易到难，分层逐步，循序渐进，有机结合。例如，要有基本的零部件认识实训、拆装实训，也要有专业性较强的技能专门化实训。

5.大力培养“双师型”教师

加大“双师型”教师的培养力度，不仅做到数量够，而且素质要高，教师的理论和实践技能要适应专业人才培养的需求。

参考文献：

[1]常小勇.高职院校产学研合作教育现状与对策分析[J].中国高教研究，2008（2）.

[2]吴云溪.高职汽车专业实训基地建设模式探索与实践[J].职业教育研究，2009（8）.

网页设计实训报告 篇4

实训地点：一号教学楼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的痛苦和尴尬；然后，我发现了很多以前都不曾注意到的细节；其次，在实训中，我对作为一名网页设计师应该学习的内容做了一个更深层次的理解；最后，我还从这次实训中看到了自己很他人的差距，危机意识增强，为了不使这个差距拉大，甚至赶上前面的同学，我会努力的。

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

网页设计实训报告 篇5

学号：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样式

2013网站建设实训报告 篇6

专业：电子商务

姓名：XXX

学号：XXX

指导老师：XXX

一、实训目的本次实训主要是为了是我们能够充分的把所学的理论知识运用到实际操作中去，进一步认识和了解网站建设的相关知识与技术。为了是我们能够充分的把所学的理论知识运用到实际操作中去，在认识和了解网站建设的基础上对网站推广及优化相关知识和技术。与此同时培养我们的团队合作精神，明白团队合作精神在工作中是至关重要的。

在建立一个网站时，进一步掌握以下知识：

1、熟悉和掌握网站建设的基本流程和技术规范；

2.、巩固运用Dreamweaver网页制作软件制作网页、特别是制作动态网页的知识；

3、加强运用flash动画制作软件设计网页中动画的知识；

4、巩固综合运用Dreamweaver与flash软件完成网站建设任务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；

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

6、为今后从事网站开发、维护和管理奠定基础

二、实训步骤

1、明确建立商业网站目标及用户需求

在互联网中，建设一个网站的目的，是在Web站点设计展现产品形象、介绍产品和服务、体现网站发展战略重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者需求、市场状况、运营模式、自身情况等进行综合分析，牢记以“消费者(customer)”为中心，而不是以“美术”为中心进行设计规划。不管网站制作设计什么类型的网站时，都要考虑到网站是以客户体验为中心来建设的，而不是考虑到个人的想法或为了追求好看而去设计一些对用户体验很差的网页，要以消费者与产品向结合去设计。

2、网页设计：

展现产品的特点，充分结合消费者需求，设计网页。

3、设计主题鲜明：

在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色做出定位，规划网站的组织结构。做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。整体布局合理，流畅，表达和谐； 在网站设计中，网站的整体布局是至关重要的一环，这将关系到浏览者能否清晰地、容易地找到所需的信息和内容的关键。每一个栏目、每一幅页面之间的相关性、连接都要充分考虑。

4、网站版式设计

网页设计作为一种视觉语言，要讲究编排和布局，虽然主页设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳视觉表现效果，应讲究整体布局合理性，使浏览者有一个流畅的视觉体验

5、使用软件，硬件和技术分析说明

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。当您正使用Dreamweaver在设计动态网页时，所见即所得的功能，让您不需要透过浏览器就能预览网页。Dreamweaver集成了程序开发语言，对ASP、.NET、PHP、JS的基本语言和连接操作数据库，都是完全支持的。

Access的优点

（1）存储方式简单，易于维护管理 Access管理的对象有表、查询、窗体、报表、页、宏和模块。

(2)面向对象 Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中的各种功能对象化，将数据库管理的各种功能封装在各类对象中。

（3）界面友好、易操作.Accessd的风格与Windows完全一样，使用鼠标进

行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。

（4）集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。

（5）Access支持ODBC可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。

（6）支持广泛，易于扩展，弹性较大Access是可以开发方便易用的小型软件，也可以用来开发大型的应用系统。

7、网站空间的构成和虚拟现实

网络上的虚拟空间是一个假想空间，网站只能通过这个空间来把他展现到互联网上，让每一个人都能在网络上看到你的网站设计与网站中的信息，这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。制作网站的同时，都要上传页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计比较规范、简明的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。

8、多媒体功能的利用

传统的宣传也就是永远不可缺少的，多媒体宣传方面真正是一个品牌宣传的不重要模式，同时网络资源优势之一是多媒体功能。要吸引浏览者注意力，页面内容可以用三维动画、FLASH等来表现。但要注意，由于网络带宽限制，在使用多媒体的形式表现网页内容时应考虑客户端的传输速度。

9、网站内容要保持更新

一个网站建设已完成了，那就要去增加和丰富网站的内容，在Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助网站建立良好形象。同时，要认真回复用户的电子邮件和传统的联系方式如信件，做到有问必答。最好将用户用意进行分类，如售前一般了解、售后服务等，由专门区域处理，使用站访问者感受到网站产品的真实存在并由此产生信任感。注意不要许诺自己实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。如果要求访问者自愿提供其个人信息，应公布并认真履行个人隐私保承诺。

三、实训中遇到的问题和解决方法在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。计算机将具备更多的智能成分，它将具有多种感知能力、一定的思考与判断能力及一定的自然语言能力。除了提供自然的输入手段(如语音输入、手写输入)外，让人能产生身临其境感觉的各种交互设备已经出现，虚拟现实技术是这一领域发展的集中体现。我们更应该掌握

或了解一些基本知识，顺应时代的发展，经过这次的实训，在建设网站，其中遇到的种种问题，在查找资料、浏览相关网站、老师的指导、同学的帮助之下完成了自己组的网站建设。从制作过程中，我学会更多以前从未使用的技巧，让我学到了更多的知识。与此同时在网站建设积累了许多经验，为我以后的工作，在走上社会时积累了一些丰富的经验。通过这次实训我获得了许多，我自己感觉在知识、技能等方面都有了不少的收获。

不管是什么样的情况下，让我更加进一步的了解相互合作的重要性，相互分工合作比起之前各做各的所用时间少了很多，也让我们知道相互配合的重要性，其实我也遇到的问题很多，但通过老师于同学的帮助下解决了，在此是否感谢我们的老师和同学。另外该网站还有许多不尽人意的地方，网站还存在以下一些问题:

1、系统在安全性方面还有一些问题；

2、系统的某些功能还不能够很好的实现，同时本系统还某些方面没有考虑到；

盾构操作实训平台的设计 篇7

1 盾构实训平台的建设

1.1 主机系统的设计

主机系统采用主动铰接,刀盘采用辐条式软土刀盘结构,开挖直径1520mm,配有中心鱼尾刀、切刀、撕裂刀。刀盘驱动采用中心驱动,转速可实现0~4.5rpm无极调速,具备正反转功能。主驱动采用两台7.5k W变频电机驱动,额定转速2.5rpm,额定扭矩57k Nm。主驱动密封采用一道唇形密封和一道旋转隔莱圈组合。螺旋输送机采用轴式螺旋机,筒体内径200mm。螺机驱动为液驱,采用尾部中心驱动形式。螺机前端配置一道闸门,尾部出渣口设置一道闸门。管片拼装机满足管片拼装的要求,具备前后移动、伸缩抓取、左右旋转200°的功能。拼装机采用液压马达驱动。盾体采用直筒式设计,盾体直径1500mm。推进系统采用四组单缸布置,油缸行程600mm;前盾和尾盾通过主动铰接形式连接在一起,铰接缸行程50mm,设置一道铰接密封。主机结构设计图如图1所示。

1.2 电气系统设计

1.2.1 控制系统总体方案

主控制站采用西门子S7-400PLC及配套模块组成,并设有4组西门子S7-300PLC从站。其中,2组位于主控制柜中的从站负责采集操控台和管片拼装机控制台发出的指令信息和盾构主机系统中的监控信息。2组位于相应控制柜中的从站负责采集教师机后台发出的故障设置信息。主从站之间采用PROFIBUS总线连接。另外,增加一个网络交换机可以进行远程数据监控和故障诊断。图2为控制系统总体方案示意图。

1.2.2 操作台

操作按钮及工业电脑安装,依照盾构机实际情况布置。这里,安装四台PPC1561工业电脑。下面两台为上位机,显示内容依据盾构机实物,配合琴台按钮操作盾构。上面两台电脑中,右边一台将导向系统更改为3D动画模拟显示界面,主要演示泡沫系统、注浆系统、盾尾油脂系统、膨润土系统等主机系统中不能在实验室内进行操作控制的动作。演示的动画通过琴台发送指令,然后在PLC中运算后传递到3D动画中。按照编制的程序,手动输入土质如上软下硬、左右偏移等虚拟显示盾构掘进姿态。左边一台电脑则采用四分屏显示控制界面,依据信号反馈,选择显示下面2台电脑的监控界面或者教师机后台故障设置界面进行教学。具体地,上位机和操作台布置图如图3所示。

1.2.3 教师机控制台

上位机和教师机界面采用WINCC7.2设计的人机界面,可以根据控制需求重新进行设计。该界面设计了油温、水位、过滤等方面的故障问题,可以触击相应的故障按钮,考察操作的熟练度。图4为人机界面示意图。

1.2.4 控制柜

电气控制系统主要包括1套三开门主控制柜和1套响应控制柜。主控制柜中配备一组西门子S7-400和2组西门子S7-300PLC。为了全面学习电机启动的方式方法,本系统中刀盘启动电机设有2台施耐德变频器。螺机启动电机设有软启动器,4块42寸显示屏,1套矩阵控制器,1套管片机及推进油缸操作系统。其余皮带机系统、注浆系统、膨润土系统、泡沫混合液系统、内循环水系统、控制泵、辅助泵、循环过滤泵等功能,均采用0.5k W以下电机模拟实现。

2 对盾构实训平台的掘进参数处理

对于掘进中土压参数的处理,根据土压平衡盾构在粉质粘土、富水砂卵石和硬岩盾构施工的中参数进行统计分析,建立土压、刀盘转速以及推进速度之间的关系函数。通过修改PLC400中的程序段,模拟显示盾构在实际掘进中的土压参数。

对于推进系统压力和位移、主驱动密封油脂加注方式和加注量、螺旋输送机的转速和压力、螺机门的开度、泡沫用量、盾尾油脂用量等重要参数,则需在程序中给于设定。

对于泡沫系统、注浆系统、盾尾油脂系统,建立3D模型,然后通过PLC进行控制,达到动态演示的效果。

3 结语

本实训平台填补了国内盾构操作培训中的硬件短板,能够有效进行盾构主司机的培养,而且还可以开展PLC等相关知识的学习和研究。

参考文献

[1]廖常初.S7-300/400 PLC应用技术[M].3版.北京:机械工业出版社,2011.

[2]于英华.基于Pro/ENGINEER2001的减速器虚拟装配与运动仿真[J].机械设计与制造,2006,(1):103-104.

网站设计实训报告 篇8

关键词：电子技能实训 “教、学、做”一体化设计 实践技能 职业综合能力

中图分类号：G421 文献标识码：A 文章编号：1674-098X（2012）12（c）-0-01

电子技能实训是提高学生职业综合能力的有效途径。让学生在实训过程中，把知识、技能、素质融为一体，提高其学习能力、动手能力、创新能力和职业素质，从而全面提高人才培养质量和学生职业综合能力，提升综合竞争力。

1 进行教学管理设计，注重素质培养

实训时，要求三个人一组，即符合生产安全的需要，又能培养学生团结协作的意识。在实训中电路制作时，既强调工艺又要求节约，培养学生严谨的操作习惯和节约意识；在测量实训数据时，培养学生严肃认真的学习态度和科学严谨的工作作风；每次实训中和结束后，都要求学生做到物品摆放整齐，卫生收拾干净，在努力营造良好实训环境的同时，对学生进行爱岗敬业等良好职业道德的培养，使素质教育与技能培养相融合，教学过程与实际工作过程相融合，实训环境与企业文化相融合，融知识、技能、素质为一体。

2 进行教学环节设计，能力培养贯穿始终

在电子技能实训教学中，精心设计每一个环节，实现“教、学、做”一体化，具体方案如下。

教师首先集中讲解实训要求和安全操作规程，使学生充分意识到安全操作的重要性。接着通过复习提问环节使学生获得实训所需要的知识和技能，讲解实训电路原理和电路制作要领。培养学生的安全意识和主人翁责任感。然后进行分组实训，分组时根据学生学习、性格及工作要求等具体情况合理搭配，组织学生在教师的指导下自行进行分组。并选取有责任心、动手能力强的学生担任组长，使学生能相互检查和相互帮助，完成实训。通过分组实训，培养学生的团结合作精神和组织能力。

分组后，引导学生识别实训设备、测量仪表及元器件。学生领件后，先给组长演示元器件的检测及实训电路的连接与测量，并由组长负责指导其他同学完成，待教师检查电路无误后，再通电实验。培养学生科学严谨的工作态度和爱岗敬业精神。

实训过程中教师巡回检查、指导。在学生举手示意下再提供建议，但避免给予具体的帮助或直接给出答案，要发挥学生的主导作用。

学生认真听教师讲解实训要求和安全操作规程，自觉准备好实训所需要的知识和技能，掌握实训设备、测量仪表及元器件的使用及检测方法，熟悉所做实训电路的原理和制作步骤。并按照教师的指导，对于分配的任务，能够与教师和组员进行讨论达成共识，敢于提出自己的见解。在教师的指导下会查阅相关的学习资料，能够对特定的學习辅助手段进行选择、分类和比较，把学到的知识和技能运用到实践中去。在老师示范后，学生通过对新知识和技能模仿操作，并立即实施应用，正确进行元器件的检测及电路制作、测量与维修。培养学生的逻辑思维能力（计算、识图），提高动手能力（测量、焊接、维修），培养自学能力和创新能力。然后按照要求处理实训数据，在教师的引导下，进行实训结果分析，归纳总结并对实训结果进行修正。

整个实训过程中，教师巡回检查、指导，并根据学生的操作情况，给予适当的帮助。对出现问题比较多的学生，教师逐一手把手地教，同时鼓励学生保持耐性和注意力集中，增强自信，使学生能够克服困难、专注的、坚韧的达到目标。成功的经历会激励学生主动的、自愿的承担复杂的新任务，并把以前的经验创造性的应用到实践中去。另外，教师时刻进行质量控制，安全检查。根据规定的标准，要求学生自我评估，对自我评估进行抽查，或让学生互相评估。培养学生克服困难、迎接挑战的信心和勇气；培养学生分析问题和解决问题的综合职业能力。

实训结束后，要求学生将所用物品归位，包括桌椅的摆放，保证实验台和实训室整洁，使教学过程与实际工作过程相融合，实验环境与企业文化相融合

这样由简到繁，层层递进，环环相扣的教学设计，使学生易于理解和掌握，符合其认识规律。技能的形成要有多次反复的练习，在操作环节我们设计了多个单元线路，每个单元线路都互有异同，并对每一单元进行操作考核，使学生在完成电子技能实训的每个环节中，提高学生的动手能力、创新能力和职业综合能力。

3 进行成绩评定方法设计，以能力考核为中心

成绩评定应客观地反映学生的学习效果。根据电子技能实训的特点，不仅对学生完成的每个实训环节及最终实训结果进行评价，还要把学生参与教学活动的态度和课堂表现纳入考核体系，看学生是否具有严肃认真的学习态度和科学严谨的工作作风；看学生是否严格按照实训要求和安全操作规程进行实训；团结协作及创造性解决问题的职业能力，使素质教育与技能培养相融合，实训环境与企业文化相融合，融知识、技能、素质为一体。

总之，电子技能实训是机电类专业不可缺少的的实践环节，对突出实践技能，提高教学效果以及学生将来从事相关工作起着举足轻重的作用。在教学中以职业素质培养为基础，以真实工作过程为核心，企业管理模式为样板，使素质教育与技能培养相融合，教学过程与实际工作过程相融合，能力考核与成绩评定相融合，实训环境与企业文化相融合，融知识、技能、素质为一体，实现教、学、做统一，提高学生学习能力、动手能力、创新能力和职业素质，从而全面提高人才培养质量和学生职业综合能力，提升综合竞争力，实现职业人才的可持续性发展和人才发展的实效性，促进职业教育与经济发展的有机融合与平衡，以适应企业未来发展的技术和文化的不断要求。

参考文献

[1]邱利军.电工操作技能[M].北京：化学工业出版社，2011.

[2]曹祥富.电工技能与训练[M].高等教育出版社.

[3]肖锋.学会教学—课堂教学技能的理论与实践[M].浙江大学出版社.

网页设计与制作实训报告 篇9

设计题目：起止日期： 工作室或公司网站设计

2013.12.23-2013.12.27

目录

一、关于网站 ···························· 3

1、网站的主题 ·························· 3 2.网站材料 ··························· 4

二、网站的规划设计 ························· 5 1.网站的功能定位 ························2.站点的内容 ··························3.站点的风格 ··························4.网站功能模块图 ························三．网站技术解决方案 ························

1、网站的制作工具 ························

2、所用技术 ···························四．网页介绍 ····························

1、制作网站的网页 ························2.第二层展示 ··························3.动漫排行榜展示 ························4.第三层展示 ··························5.关于短片的插入： ·······················五.关于我们： ···························六．实训总结： ··························· 2 5 5 6 6 7 7 8 9

13 14 14

一、关于网站

1、网站的主题

我的网站的主旨在于从各个方面全面的介绍动漫，展示动漫产品以及漫画，包括有动漫排行榜，小短片，另外，网站里还有漫画，以及周边产品。建立一个展示动漫的平台。同时，网站里的每一个网页都有统一的风格，每一个网页的主题都是图片加上文字介绍，用以展示自己性格的效果。最重要的是做出自己的风格，给浏览者好的欣赏感受。

动漫，是动画和漫画的合称与缩写，取这两个词的第一个字合二为一称之为“动漫”。

现可考证，该词语出处为1993年创办的动漫出版同业协进会与1998年创刊的动漫资讯类类月刊《动漫时代（Anime Comic Time）》，后经由漫友杂志传开，因概括性强在大陆地区的使用开始普及起来。在中国以外，并没有此种说法。国外习惯性将动画（anime）、漫画（comic）、游戏（game）三者合称作ACG，或加上轻小说（novel）合称为ACGN。

由于漫画本身的发展形成了现代故事漫画的表现形式，将影视艺术融入漫画之中，使得漫画与动画更容易结合，影视艺术独特的地方在于它能通过镜头的推拉摇移和片段剪辑的蒙太奇技巧来表达想法和感受。

漫画正是吸收了影视艺术的这两个特点。当要讲述的故事越发复杂、人物越发丰富的时候，用传统单线式叙事的方法就越行不通，蒙太奇的介入就成为一种需要了； 当漫画家在传统表现手段中无法找到更合适的抒发感情的方法的时候；当读者需要作品有更强的冲击力和表现力的时候，各种镜头的灵活运用就成为一种必需了。一部现代故事漫画往往集远、中、近、特四种镜头于一身，漫画家往往能熟练地运用镜头的移动和各种蒙太奇剪接，对故事特定部分的情绪和氛围进行渲染。这就是现代故事漫画容易和动画结合的一个原因，因为它天生就像动画的分镜头剧本，读者在看漫画时仿佛就是在看一部电影。正是有着这样的相似性，所以如今将动画和漫画合称为“动漫”。

动漫领域衍生出的许多术语均已经被广泛应用，例如：正太，萝莉，御姐，百合,BL等。

动漫产业日益与游戏产业结合紧密，在日本已经形成一个成熟的产业链，动漫已经 3 从单单的平面媒体和电视媒体扩展到游戏，书籍，网络，玩具等众多领域。许多动漫游戏应运而生，例如《死神bleach》PSP平台的游戏，也有许多GALGAME被改编成动漫作品。

Manga（まんが，manga）为日语“漫画”的罗马字注音。另外，英文词cartoon的中文音译“卡通”，也是漫画与动画的合称，但被用来特指美国动画。版面有限，相关词条，详见：“动漫概论” 按类型分类：

情感；推理；动作；战争；后宫；宠物；历史；搞笑；机战；少年；冒险；治愈；童话；格斗；

少女；悬疑；科幻；竞技；社会；神魔；热血；校园；耽美；原创；魔法；教育；恐怖；惊悚；

政治；哲理；经典；励志；伦理；恶搞；血腥；言情；暴力。按版本分类： 电视动画（TV）：

电视频道上播映的动画作品。

剧场动画（MOV）：影院公映的动画作品，是日本动画按传播方式分类的一种，在中国又被称为剧场版。

OVA（OAD）：原创动画录影带，其中OVA是单独发售，OAD是随书发售的。网络动画（NET）：以网络为播放平台的动画。

动画音乐：一部动漫作品中的音乐，包括主题音乐和背景音乐（BGM）。

动画原创：依漫画改编的动画，由于动画的更新速度比漫画快的关系，当动画的剧集快赶上漫画时，动画的剧情就要脱离漫画剧情，开始动画原创。

同人：也叫二次创作，由漫画、动画、游戏、小说、影视等作品甚至现实里已知的人物、设定衍生出来的文章及其他如图片影音游戏等等，或“自主”的创作。COS：全称COSPLAY，装扮成漫画、动画、游戏、小说等中的人物，也可以是原创。

2.网站材料

主要在网站上搜集所要的网页信息，包括图片、文字、相关的产品。同时，查询相关的动漫、百度等方式收集所需的文字资料,图象资料,网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

二、网站的规划设计

1.网站的功能定位

我的网站共有5个主页面：首页、动漫之家、动漫排行榜、动漫连载、周边产品。每一个页面用图片来做。

我是用素材拼音命名网站名，用以方便存储和转发。网站主页整体色调为梅红色，配上深沉的背景图，搭配出一种层次感。然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。

2.站点的内容

我们动漫汇主要是要向客户介绍动漫，包括动漫的介绍，动漫的周边产品，动漫的图片及动漫的漫画或是动漫片段。站点里面包括：

首页：第一层网页，画面主要有动漫汇的logo，logo下方是一个横幅，鼠标经过会有光亮，点击仍将是动漫的主页。左边是一个动态动漫图，显得主页可爱又有动漫气息等。下方是会员登录，点击登陆跳转至输入账号及密码界面，如不是会员，点击注册跳转个人用户注册界面。主页的背景图是动漫海报，由两层叠加。主图是6幅动漫图，6种动漫的介绍。鼠标进过动漫图时，会有相应的动漫简介。

跳转页：第二层和第三层，主要的主页的过渡。里面有动漫的详细介绍，有动态图欣赏左侧是关于动漫的周边产品。点击看漫画或动漫，即可欣赏相关动漫。

3.站点的风格

整个网页色彩明显，我们添加了gif图，这样网页稍微有活力，背景都是用动漫海报。其中使用翻看图片的特效，使得看漫画不那么单挑。同时也插入视频，使得网站有活力一些。

首页的标题插入闪光效果，鼠标经过时能出现，不容易产生无趣感。首页的图片不只有图片，鼠标放至图片上会有文字出现，是动漫的简介。使得网页有活力。

4.网站功能模块图

三．网站技术解决方案

1、网站的制作工具

做网页时主要使用的是Dreamweaver CS3另外，为了处理网页中的其他元素，还使用了Photoshop、FLASH等软件。

2、所用技术

动漫汇需要大量的图片及相关的话题。我们需要插入图片，大小要适合，以动漫海报为网页的背景，则设置好页面设置，选好准备好的海报图。插入gif图片，需要时在ps中做gif图。插入视频时需要设置好相关的，视频名称中不能有中文，是flv格式的。图文介绍的需要经过ps的加工，使得首页的图片有生机活力。插入表单，是关于用户的登录，点击跳转至登录或是注册界面。首页标题都有链接，点击进入相应的网站。首页下方是关于动漫汇，为了突出字，用ps进行加工。

四．网页介绍

1、制作网站的网页

素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“web”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了各类动漫的文件夹来存放图片。同时，由于漫画页面中的信息太多，于是建立了一个专门的文件夹存放相册信息，网页中的css 样式文件也应统一管理，做到有条不紊，我设计的网站的首页如下图：

根据自己的网页风格，在网上搜集合适的图片，另外网页的页宽一般没有超过900像素，以保证左右不出现滚动条。右下边插入的是表格，表格中添加了浅红色的背景图片。用以体现网站的主题色彩，表格还定位了网页特效、系统时间和flash动画。

2.第二层展示

页面中，中间的页面主要包含动漫介绍，周边产品，但浏览者有了新的认识后，可以点击下方的“点击看漫画”按钮来进入第三层页面（漫画页面）。而背景图必须选择横图，而且两边的位置要有良好的视觉效果，我们的排版虽然精简，但是非常有视觉效果，使页面的整体布局合理，既突出网站的主色调，又给人以凝重的感觉，同时增加页面的可看性。

动漫介绍页面

3.动漫排行榜展示

动漫排行榜是为了让浏览者更方便更快更准确地了解到动漫的最新信息而制作的，红色的为最热门的TOP5，分别有：总排行、日本漫画排行、香港漫画排行、大陆漫画排行等排行榜榜单。我们也会定时更新榜单，为了让广大读者更快更直接地了解最新的动漫信息。

4.第三层展示

看漫画页面，是我们制作的重点，并且为了让大家能看漫画，我们专门找了类似翻页的网页特效，方便读者的翻阅，而且让网站更炫，也不容易觉得无趣及疲劳。第三层部门动漫是漫画欣赏，有的是动漫观看。主要是看我们更新的是什么哦~ 也可以让各位动漫迷提前看到剧情的发展，好看又过瘾啊！亲。定时进入查看最新动漫吧~注册用户账号，方便随时进入看哦 送上一幅漫画图： 第三层页面的设计代码如下：