网站建设实训任务表格（网站建设实训心得体会）

网页设计项目计划书

网页设计项目计划书1

网页策划书出应该尽可能涵盖网页策划中的各个方面，网页策划书的写作要科学、认真、实事求是。网页策划书包含的内容如下：

一、建设网页前的市场分析(企业自行处理)

1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。

2、市场主要竞争者分析，竞争对手上网情况及其网页策划、功能作用。

3、公司自身条件分析、公司概况、市场优势，可以利用网页提升哪些竞争力，建设网页的能力(费用、技术、人力等)。

二、建设网页目的及功能定位(企业自行处理或与专业公司商议)

1、为什么要建立网页，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网页?是企业的基本需要还是市场开拓的.延伸?

2、整合公司资源，确定网页功能。根据公司的需要和计划，确定网页的功能类型：企业型网页、应用型网页、商业型网页(行业型网页)、电子商务型网页;企业网页又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网页功能，确定网页应达到的目的作用。

4、企业内部网(Intranet)的建设情况和网页的可扩展性。

三、网页技术解决方案(与专业公司商议)

根据网页的功能确定网页技术解决方案。

1、采用自建服务器，还是租用虚拟主机。

2、选择操作系统，用Window2000/NT还是unix，Linux。分析投入成本、功能、开发、稳定性和安全性等。

3、采用模板自助建站、建站套餐还是个性化开发。

4、网页安全性措施，防黑、防病毒方案(如果采用虚拟主机，则该项由专业公司代劳)。

5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP;数据库SQL、ACCESS、ORACLE等。

四、网页内容及实现方式(与专业公司商议)

1、根据网页的目的确定网页的结构导航。

一般企业型网页应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。

2、根据网页的目的及内容确定网页整合功能。

如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、信息搜索查询系统、流量统计系统等。

3、确定网页的结构导航中的每个频道的子栏目。

如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等;客户服务可以包括：服务热线、服务宗旨、服务项目等。

4、电子商务类网页要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。

5、如果网页栏目比较多，则考虑采用网页编程专人负责相关内容。注意：网页内容是网页吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网页发布后调查人们对网页内容的满意度，以及时调整网页内容。

6、确定网页内容的实现方式。如产品中心使用动态程序数据库还是静态页面;营销网络是采用列表方式还是地图展示。

五、网页设计

1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业CI规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。

2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

六、费用预算

1、 企业建站费用的初步预算一般根据企业的规模、建站的目的、上级的批准而定。

2、 专业建站公司提供详细的功能描述及报价，企业进行性价比研究。

3、 网页的价格从几千元到十几万元不等。如果排除模板式自助建站(火山动力通常认为企业的网页无论大小，必须有排他性，如果千篇一律对企业形象的影响极大)和牟取暴利的因素，网页建设的费用一般与功能要求是成正比的。

七、网页维护

1、服务器及相关软硬件的维护，对可能出现的问题进行评估，制定响应时间。

2、数据库维护，有效地利用数据是网页维护的重要内容，因此数据库的维护要受到重视。

3、内容的更新、调整等。

4、制定相关网页维护的规定，将网页维护制度化、规范化。

5、说明：动态信息的维护通常由企业安排相应人员进行在线的更新管理;静态信息(即没用动态程序数据库支持)可由专业公司进行维护。

八、网页测试

网页发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：

1、服务器稳定性、安全性

2、程序及数据库测试，网页兼容性测试，如浏览器、显示器。

3、文字、图片、链接是否有错误。

九、网页发布与推广

1、网页测试后进行发布的公关，广告活动。

2、搜索引掣登记等。

十、网页建设日程表

各项策划任务的开始完成时间，负责人等。

以上为网页策划中的主要内容，根据不同的需求和建站目的，内容也会在增加或减少。在建设网页之初一定要进行细致的策划，才能达到预期建站目的。

网页设计项目计划书2

一、设网站前的市场分析

1、公司自身条件分析、公司概况、市场优势，建设网站的能力（费用、技术、人力等）。

2、相关行业的市场是怎样的，市场有什么样的特点。

3、市场主要竞争者分析。

4、市场前景分析。

二、建设网站目的及功能定位

1、明确建设网站的目的，确定网站的功能，确定网站规模、投入费用。

2、根据网站功能，确定网站应达到的目的作用。

三、网站技术解决方案

根据网站的功能确定网站技术解决方案。

1、采用自建服务器，还是租用虚拟主机。

2、选择操作系统，分析投入成本、功能、开发、稳定性和安全性等。

3、网站安全性措施，防黑、防病毒方案。

4、相关程序开发。

四、网站内容规划

1、根据网站的目的和功能规划网站内容，一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本内容。

2、电子商务类网站要提供会员注册、具体的商品服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。

3、假如网站栏目比较多，则考虑采用网站编程专人负责相关内容、注重：网站内容是网站吸引浏览者最重要的因素，无内容或不实用的信息不会吸引匆匆浏览的访客。可事先对人们希望阅读的信息进行调查，并在网站发布后调查人们对网站内容的满足度，以及时调整网站内容。

五、网页设计

1、网页设计美术设计要求，网页美术设计一般要与企业整体形象一致，要符合ci规范。要注重网页色彩、图片的应用及版面规划，保持网页的整体一致性。

2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。

3、制定网页改版计划，如半年到一年时间进行较大规模改版等。

六、网站维护

1、服务器及相关软硬件的维护，对可能出虚拟主机现的问题进行评估，制定响应时间。

2、数据库维护，有效地利用数据是网站维护的重要内容，因此数据库的维护要受到重视。

3、内容的更新、调整等。

4、制定相关网站维护的规定，将网站维护制度化、规范化。

七、网站测试

网站发布前要进行细致周密的测试，以保证正常浏览和使用。主要测试内容：

1、服务器稳定性、安全性。

2、程序及数据库测试。

3、网页兼容性测试，如浏览器、显示器。

4、根据需要的其他测试。

八、网站发布与推广

1、网站测试后进行发布的公关，广告活动。

2、搜索引掣登记等。

九 、项目小结

这次的实训是有关项目规划的，在此之前从来没有接触过，虽然老师上课时也有讲过，但等到自己要做时却手忙脚乱了，不知从何起，所以参考了某些文章，但对于自己还是有所启发的。

一些以前没注意到的细节会突然发现，原来是这样子的心里偶尔窃喜。

一个网站的建设是很不容易的，里面错综复杂，不是一朝一夕就可以完成的，期间也会遇到很多意想不到的困难虚拟主机但只要团队同心协力，相信成功会属于自己。

网页设计项目计划书3

一个大型的济南企业网站的成功与否与建站前的网站策划有着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的策划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。

如果你是一个网站项目经理，应该在项目初期预测到项目实施中的主要问题，并提出实施方案。

网站策划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出策划。网站策划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。

网站策划书出应该尽可能涵盖网站策划中的各个方面，网站策划书的写作要科学、认真、实事求是。

网站策划书包含的内容如下：

一、建设网站前的市场分析

1、相关行业的市场是怎样的，市场有什么样的特点，是否能够在互联网上开展公司业务。

2、市场主要竞争者分析，竞争对手上网情况及其网站策划、功能作用。

3、公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。

二、建设网站目的及功能定位

1、为什么要建立网站，是为了树立企业形象，宣传产品，进行电子商务，还是建立行业性网站？是企业的基本需要还是市场开拓的延伸？

2、整合公司资源，确定网站功能。根据公司的需要和计划，确定网站的功能类型：

企业型网站、应用型网站、商业型网站（行业型网站）、电子商务型网站；企业网站又分为企业形象型、产品宣传型、网上营销型、客户服务型、电子商务型等。

3、根据网站功能，确定网站应达到的目的作用。

4、企业内部网（Intranet）的建设情况和网站的可扩展性。

三、网站技术解决方案（与专业公司商议）

根据网站的功能确定网站技术解决方案。

1、采用自建服务器，还是租用虚拟主机。

2、选择操作系统，用Window2019/NT还是Unix、Linux。分析投入成本、功能、开发、稳定性和安全性等。

3、采用模板自助建站、建站套餐还是个性化开发。

4、网站安全性措施，防黑、防病毒方案（如果采用虚拟主机，则该项由专业公司代劳）。

5、选择什么样的动态程序及相应数据库。如程序ASP、JSP、PHP；数据库SQL、ACCESS、ORACLE等。

四、网站内容及实现方式（与专业公司商议）

1、根据网站的目的确定网站的结构导航。

一般企业型网站应包括：公司简介、企业动态、产品介绍、客户服务、联系方式、在线留言等基本内容。更多内容如：常见问题、营销网络、招贤纳士、在线论坛、英文版等等。

2、根据网站的目的及内容确定网站整合功能。

如FLASH引导页、会员系统、网上购物系统、在线支付、问卷调查系统、在线支付、信息搜索查询系统、流量统计系统等。

3、确定网站的结构导航中的每个频道的子栏目。

如公司简介中可以包括：总裁致词、发展历程、企业文化、核心优势、生产基地、科技研发、合作伙伴、主要客户、客户评价等；客户服务可以包括：服务热线、服务宗旨、服务项目等。

4、确定网站内容的实现方式。

如产品中心使用动态程序数据库还是静态页面；营销网络是采用列表方式还是地图展示。

网页设计项目计划书4

21世纪是一个信息时代，互联网把企业驰入了全球信息高速公路，让企业信息通过互联网通达世界各个角落。企业通过互联网发布企业最新的商业信息，供全球检索，以此来宣传自己的企业，宣传企业的产品，宣传企业的服务，全面展示企业形象，并通过网络与各行各业进行交流、推销和合作， 同时通过互联网寻找货源和新客户。许多企业都在互联网上找到了机会，创造了辉煌。“与其临渊羡鱼，不如退而结网”。你准备好了吗？

一：企业为何要建立自己的网站呢？

首先，从销售的观点上看，网络可以减少交易的中间环节，降低成本。企业网站还可以扩建成为网上销售和售前售后咨询服务中心。

其次，企业将信息咨询开设到网上，专人值守，提供信息服务。可与外部建立实进的、专题的或个别的信息交流渠道。客户能够通过电子邮件或BBS联系企业，同时也可以发表意见。如此一来，客户就能全面和客观地了解企业和企业的服务及产品。又因为是直接对话，具有增进感情的作用。

再者，通过自己的网站本身就是广告，一些企业在网上建立自己的网页，或者开设自己的网站，把企业信息集中起来，分类分栏，方便浏览。

所以，企业上网，这是时代发展的必然，为了不被竞争对手建立网站抢占先机，任何一家企业要想跟上时代发展的潮流，必须尽快上网。

可以想像，一个企业没有网站，没有与外围的沟通，而传统的通讯方式已经跟不上网络时代：没有网站，你无法轻松获取信息，你将不再有快人一步的先机；没有网站，你的产品销售费用将比别人高，价格将不再具有优势；没有网站，你将在商战中失去主动权。

二：企业建立网站的10点优势

企业可降低广告宣传费用，让客户快捷地找到企业资料。

企业随时可获取和发布商业信息，寻找潜在客户，促成贸易。

企业可提供每天24小时的产品宣传服务。

企业利用互联网扩大自己的知名度。

企业在网上出售商品，降低销售费用。

企业更快捷地了解客户需求。

企业有利于开拓国际市场。

企业更好地与供应商、销售渠道和合作伙伴沟通与交流。

企业改善组织结构和管理体系，提高工作效率，及时适应市场变化。 企业可以树立现代化形象

三：网站整体框架规划

网站整体为标题型框架设有：公司概况、产品展示、在线订单、业务联系、客户信息反馈、计数器。

首页创意：

采用世界上最尖端的网页动画制作软件FLASH 及FIREWORKS可为企业将枯燥、呆板的网页广告设计成精美绝伦的动画广告，让浏览者在欣赏动画的同时将商品信息潜移默化的传递过去。

公司概况：

以图文并茂版面，叙述公司发展过程，规模与服务宗旨。公司基本资料：包括公司商标、名称、行业性质及其它资料。（由企业提供该部分内容资料，并确保资料真实性，由我们负责外理制作。）

产品展示：

产品展示为网站的主要栏目，通过Falsh动画，详细展示产品包括：产品图片、产品规格尺寸及详细介绍。（由企业提供该部分内容资料，并确保资料真实性，由我们负责处理制作。）

在线订单：

这是一个客户反馈单，浏览用户如果对厂家的`商品感兴趣，可直接在网上下单联系。该系统可准确迅速地把订单信息通过电子邮件发送给厂家。

业务联系：

厂家的业务联系方式，可加入如总公司、分公司等联络资料或配上简易地图。（由企业提供该部分内容资料，并确保资料真实性，由我们负责外理制作。）

访客留言：

客户双向交流查询系统。（由我们统一开发用户留言系统。）

计数器

可准确计算企业的网站浏览量、用户可自行查询浏览者信息，其中包括：访问数量、访问者IP、日统计，月统计、访问百分比等。（由我们统一开发用户留言系统。）

网页设计项目计划书5

一、网站目标与期望

1、帮助我公司建立有效的企业形象宣传、企业风采展示，打造“马鞍山易高车用能源有限公司”新形象。

2、充分利用网络快捷、跨地域优势进行信息传递，对公司的新闻进行及时的报道，介绍本行业国内外发展的最新信息和技术成果，推广国内外先进经验。

3、为企业和客户提供网上开放平台，增进系统内外信息互通、经验交流，配合企业的精神文明建设，增加客户的美誉度，提高企业员工的凝聚力。

网站的整体规划及框架设计是具可扩充性的，前台页面的设计能保证企业网站在增加栏目后不会破坏网站的整体结构。后台数据库的设计具有高度的扩充性，企业能够根据需要对栏目、类别的增、删、修改。

在具体实施方案上我们将采用“整体设计、分步实施”的方法，即先完成网页的整体设计、版面制作、(内部)试运行，及时解决使用过程中出现的问题和困难，逐步适应我公司业务管理的实际需求，为以后全面推广奠定坚实的基础。

二、拟建网站整体布局

首页

第一层栏目

第二层栏目

三、功能说明

一、走进易高

1、成长经历

展示公司基本情况

2、公司大事记

3、资质认证

4、公司荣誉

5、公司概况

二、企业资讯

公司新闻

展示公司最新动态、行业最新动态

行业新闻

三、企业文化

展示公司企业文化建设

四、政策法规

让用户了解相关CNG常识

五、常见问题解答

对常见的问题进行解说和解答

六、联系我们

提供企业的联系信息，方便访问者与企业联系及投诉。

七、论坛

与客户实时交流，了解客户心声

八、浮动模块

主要在网站首页漂浮，发布最新消息(例如场站停气、车辆排队信息等)

三、网站建设前期费用预算：

网站建设及相关设备配置 约3000元，

英文国际域名，网站备案投入费用约500元

虚拟空间(500兆)，维护等费用预算为800元

后期网站维护1000元/年

网页设计项目计划书6

网页创意是网站的灵魂所在，关系到企业的形象、品牌、企业文化和企业竞争力那么到底什么才是创意呢？如何确定品牌网站建设风格呢？网站的风格是指网站的整体形象给访问者的综合感受。这个整体形象包含非常多的因素：网站的标志设计、色彩、版面布局、浏览方式、交互性、文字和价值等。例如：儿童教育类网站是生动活泼的，大多商业网站，是专业严肃的，不同的网站给访问者留下的感受也不相同。

首先网站的设计风格要有创意

（1）创意是传达信息的一种特殊手段。创意并不是天才的灵感，阿是设汁有长期思考利经验的积累。设汁舒首先实搜集有关资料，然后根据以往的经验，启发新思路，再将思考的结果进行消化，进而使意识自由发腿，任恿结合，最终产生创意。

（2）创意是将现行的要素更新组合。网络上最多的创意是与现实生活祁结合，例如网上购物、电子衬区、电子病历、乔线拍卖等。而且资料越丰富，越容易产生创意。所以任何人，都可以有不向凡响的创意。

其次网页色彩搭配要符合网站和浏览者的特点。

颜色搭配是体现网站风格的关键。网页色彩搭配应考虑以下因素：

（1）色彩的鲜明性。网页的色彩搭配要合理，容易引人注目。

（2）色彩的独特性。网页中要有与众不同的色彩，体现创意的魅力。

（3）色度的合适性。色彩和所要表达内容的气氛要一致。

（4）色彩的代表性。网站的色彩要代表公司形象，不能滥用。

以下是网页色彩搭配的技巧。

（1）用一种颜色：首先选择一种颜色，然后调节它的透明度和饱和度，以产生新的颜色，这个原理一般用于网页，这样的网页看起来色彩统一、风格一致，又能体现出很好的层次感。

（2）用两种颜色：首先选择一种基色，再选择它的对比色，使整个网页的色彩丰富，但不刺眼。

（3）同一色系：近似颜色的搭配，能给人柔和的感觉。色彩总的应用原则应该是“总体协调，局部对比”，也就是说，主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比，以达到既不显得呆板，又不至于过于亮丽而造成过强刺激的视觉效果。

色彩的搭配是一门艺术，灵活地运用能让网页更具亲和力。

最后在制作网页前，确定网站的整体风格时需要注意以下几个方面：

（1）网站标志要放在醒目位置，如左上角，而且要保持不变。

（2）能够有一句反应网站精髓的标语，并动态显示。

（3）导航部分应该放在每一张网页的相同位置，便于访问者浏览网站的全部内容。

（4）确定网站的主体颜色，并注意颜色搭配要让人感觉舒服但不要太刺眼，同时还要突出显示需要强调的内容。

（5）页面布局是风格展现的一个重要标志，需要考虑网页各个组成部分的位置，还要考虑主页的可扩充性，以方便将来再添加栏目。一般采用左边导航、右边文字，或者上面导航、下面文字的方法，也可以两者结合使用。

（6）内容结构越简单越好，分类要简而精。一切都围绕访问者能够最快地找到访问的资料而考虑。

要一份网页实训报告

一、实习目的：

通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks

、Flash和Dreamweaver三个软件进行静态网站的设计。

二、实习内容：

1.用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式，制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为html。

2.用Flash制作标题动画。首页中的动画不超过20M。制作按钮来超级链接到其他页面。

3.使用Dreamweaver布局视图，设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图，在标准模式中插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画，使用CSS样式统一网页中文字样式，插入Fireworks中的GIF

文件及导入Flash中的SWF文档，设置文档间的超级链接。

三、具体要求：

1、利用Dreamweaver制作一个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。

2、 作一个主页面，至少5个次页面。

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

4、 主页基本要求：

　页头Logo，准确无误地标识站点和企业标志；

　网页标题动画，可以制作成GIF动画或者Flash动画；

　导航条；

　E-mail地址，用来接受用户垂询；

　联系信息，如普通邮件地址或电话；

　版权信息。

5、制作一个表单页面。

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

7、为一个页面添加背景音乐。

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

9、整个网站各页面之间保持风格一致，页面之间要有合理的超级链接。

10、进行站点测试后申请免费空间并发布到网络。

四、网站设计思路：

本站应该算是一个个人主页的小型网站。关于本站站名的来源：微言微语个人主页，因为，我觉得这个网站里面的所有文字都是像一个人在自言自语，在低声地向某人诉说着什么，没有主题，没有目的。取这个站名，是做了网站的大概构思后才取的，觉得，这个名字与网站的图片、背景音乐还有文字都很相符。

个人主页，一般都会包括首页，相册，链接，一些个人喜欢的文字加图片，我的个人主页也不例外，包括次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个FLASH动画），文章（一些自己喜欢的文章），相册（Firworks处理过的相册），关于（关于自己的文字，关于本站的一些说明），链接（世界著名网站的有关链接），反馈表（浏览者信息反馈表）。

五、网站设计过程：

把所有的素材都整理好（图片，文章，相片），开始布局。此站大多数用的是“三”字型的，三字型是我给它取的名字，因为，最开头是一张带有导航条的图片，用Firworks处理过的HTML文件，中间一大片用于放正文，下面就是版权信息，E-mail地址用来接受用户垂询；联系信息，如普通邮件地址或电话，像被分开的三个部分，所以我叫它三字型。这种布局方式看起来比较的整齐，简洁美观。

首页本想做一个动态网页，由于时间有限所以还没完全成功。只好用了一张与次页面一样的背景图片做背景，加上从下向上的滚动字幕，背景图片是用Firworks处理过的图片，大片的灰色墙壁加上颜色艳丽的钮扣图案，首页加了状态栏逐字出现的效果，加了“加入收藏”、“设为首页”等代码。

次页面包括如下些内容：首页、作品、文章、相册、关于、链接以及反馈表。这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。中间是两个可编辑区域。

在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！”，做布局大多使用表格布局，使用了少量的css样式，字体，字号，颜色都统一套用相应的样式。

首页中添加背景音乐，小说音乐《我在那一角落患过伤风》，一边看慢慢上移的文字，一边听这轻柔的音乐，给人一种意境美。其实次页面添加《虫儿飞》，轻快而活泼。首页禁止右键复制功能，右键单击没有反应。

次首页，就是进入次页面的第一个页面。主题算是与青春有关的三种感情，三张图片，用Firworks处理，加上相应的文字。要用到两个表格，分别放在两个可编辑区域里面，一个1*2的表格，一个2*2的表格，第一个表格放一张有关于亲情的图片加一小段文字，第二个表格放一张有关于友情的图片加一小段文字,还有一张有关于爱情的图片加一小段文字。作品页面是三个FLASH动画，第一个是左右键控制的图片移动按钮，可以单击来链接到主页面（代码见附录），四个图片经过裁剪、高斯模糊。第二个是光芒四射（代码见附录），要用到ActionScript语言，长短不一的线条加上透明度的改变组成光芒四射。第三个是鼠标跟随特效（代码见附录）。文章页面，就是简单的文字页面，没有什么特别的。相册页面，上面是一个用Firworks处理后的一组图片，鼠标移到小图片上，下面做出现相应的大相片，中间有少量文字，底部是用FLASH做的一组循环滚动图片（代码见附录），图片跟着鼠标的移动而左右移动。关于页面，也是简单的文字页面，没什么特别的，“个人简历”文字链接到WORD文档“个人简历”(代码：a

href="my.doc")，下面有个信息反馈的链接，链接到有关的“浏览者信息反馈表”，此信息反馈表用表单做的，用到单行文本域，多行文本域，单选框，复选框，按键，此表单可以用邮件方式反馈信息（mailto:redcarrot2001@163.com）。链接页面，前面是我的个人主页LOGO，一张用Firworks做的LOGO，并建立有关链接，中间是一些文字，下面是世界著名网页的有关网址以及相应链接。

附录：源代码

(1) 状态栏逐字出现的效果代码：

script language="JavaScript"

var msg = "欢迎来到☆※◎~~~微言微语~~~☆※◎个人主页，请多提意见。谢谢! "

;

var interval = 120

var spacelen = 120;

var space10=" ";

var seq=0;

function Helpor_net() {

len = msg.length;

window.status = msg.substring(0, seq+1);

seq++;

if ( seq = len ) {

seq = 0;

window.status = '';

window.setTimeout("Helpor_net();", interval );

}

else

window.setTimeout("Helpor_net();", interval );

}

Helpor_net();

/script

(2) 首页收藏代码：

onClick="window.external.addFavorite('','微言微语个人主页')"---收藏本站br

（3）设为首页代码：

onclick="var

strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---设为首页/span/p

（4）滚动字幕代码：

marquee align=left direction=up

behavior=scroll height=400

width=550 hspcace=5 scrollmount=2 scrolldelay=200

vspce=5 loop=-1

pspan class="css"1、真的很喜欢那些记录多于表达的人。

br /

…………

…………

183、希望每一个新的一天，醒来的那个你都神清气爽。/span

/p

/div

/p

/marquee

（5）添加背景音乐代码：

bgsound src="aa.mp3" loop=1

（6）禁止右键复制功能代码：

script language="JavaScript"

!--

document.oncontextmenu=new

Function("event.returnValue=false;"); //禁止右键功能,单击右键将无任何反应

document.onselectstart=new

Function("event.returnValue=false;"); //禁止先择,也就是无法复制//--

/script

style type="text/css"

（7）光芒四射代码：

duplicateMovieClip("line","line"+i,i);

setProperty("line"+i,_rotation,random(360));

setProperty("line"+i,_alpha,random(100));

i++;）

if(i100){

gotoAndPlay(1);

}else{

i=1;

}

（8）鼠标跟随代码：

movie._visible=0;

i=0;

i++;

if(i100){

i=1;

}

movie._x+=(_xmouse-movie._x)/30;

movie._y+=(_ymouse-movie._y)/30;

duplicateMovieClip(movie,"movie"+i,i);

this["movie"+i]._x=movie._x;

this["movie"+i]._y=movie._y;

gotoAndPlay(2);

（9）循环滚动图片：

onClipEvent (enterFrame) {

this._x-=(_root._xmouse-300)/15;

if(this._x1371.1){

this._x=this._x-1371.1;

}

if(this._x-1371.1){

this._x=this._x+1371.1;

}

}

（10）左右键控制的图片移动按钮：

on(release)

{getURL("index.html","_blank");}

六、实训中遇到的难点及解决办法：

在设计开始的时候，想的太多，不知道怎么开头，定哪个主题，背景，色调，文字，布局都没有头绪，后来，开始做，而且觉得越做越有头绪了，所以我觉得，还是不要想的太多，太复杂了，不要追求完美，不要做的网页太多，搞到最后，别人都不知道，你这个网站的主题是什么了。

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

在做CSS样式表的时候，做字的颜色的时候，老是不知道用哪种颜色才搭配的起这个背景，后来，看到那个背景的钮扣颜色与灰色配起来很好看就用吸管取了钮扣的颜色了。

七、实训心得：

在我看来，设计网页，应该先策划，策划很重要，加上创意，配色很重要，技术与鉴赏能力是最主要的。建立站点的时候，各个文件夹取名的时候，最好用相应的英语，见名知意，如图片文件夹用image，网页文件夹用html。

在所有配色当中，不同的颜色传达着不同的意义也有不同的象征。如白色代表着：清洁、天真、洁净、真理、和平、冷淡、贫乏；灰色让人联想到灰尘、石头、水泥、白银，象征着中庸、平凡、温和、谦让，它给人以中立和高雅的感觉。太多的颜色会给人带来视觉上的疲劳。所以，在我下载准备素材的时候，就选择用灰色做背景颜色，灰色太贫乏，就加上亮色的钮扣起到“中和”的作用。

通过此次实训,我觉得平面设计的创意思维、版面设计、色彩配置、图形创意等方面都有很重要，对于网页制作来说，我觉得是一个以多学科设计为基础，受到包括视觉艺术、技术、内容的多种影响。网页设计的技术不算什么困难，真正困难的是网页的设计创意，文字我觉得也很重要，有些人浏览你的网页不是喜欢上你的艳丽漂亮的图片，也许是喜欢上你的文字，那种感动人心的，唯美的文字。文字与图片要搭得上调，不可能用一张美女图做背景，上面却写有关于亲情的文章。也就是整体的搭配问题。

通过此次实训，使我对于网页制作的三大软件有了进一步的了解，各功能都能够实现。提高了自己的鉴赏能力，综合搭配能力，也对以前学过的内容进行了综合的复习。

通过此次实训，我更了解到，生活中有许多色彩，搭配颜色的时候，联想到生活中的东西会做的更漂亮，给人一种亲切感，现在看到什么东西，我就会联想到做网页的时候，还有怎么布局。反正此次实训收获很多。

最后，我想，如果此次实训老师是要我们分组来做的话，也许，我们可以做得更好，因为，一个想的毕竟不全面，而且，一个人的申美有限，我们可以分工合作，一个人做一个方面的东西，也可以根据他所善长的方面来分工，善长动画制作的人做动画，善长图片处理的人做图片，善长文字与布局的就来布局。但是，也许那样，有些同学会懒的动手，推着给别人做。

网页设计实训心得三篇

网页设计实训心得一：

这两个星期是我们的网页设计实训时间，这正是考验我们实力的时候了。

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

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

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

当我真正建立起自己的网站的时候，我看着自己的作品非常地兴奋，这是我用心血完成的只属于自己的网站，特别地欣慰。因为过程的困难，我更加珍惜自己第一次的作品，做每一步都会小心翼翼，就像母亲生怕会失去自己的孩子一样，我就是这样的感受。

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

网页设计实训心得二：

转眼间，已到了期末，学习网页设计这门课程也要结束了，虽然时间有点短，但是学过这个几周以后我受益匪浅。

记得最初接触dreamweaver的时候，我很茫然，因为刚接触陌生的软件心里会很害怕跟不上老师的进程。刚开始几节课，老师讲得比较基础，还能跟得上，渐渐的老师授课的进程开始加速，有些跟不上了，需要下课后自己补上，问老师和周围的同学。渐渐的，在老师的悉心教导下，我们开始熟悉这个软件了。老师布置的第一个任务，要求做一个自我形象网站。由于学习的时间较短，老师只要求用PS做好模板即可，任务相对简单。但也要求设计感强，色彩搭配和谐，并且尽可能的做成实用又符合实际的漂亮网页。

第二个网页设计老师要求相对较高，用dreamweaver做一个比较接近真实的网页，还要做一个二级页面。于是开始收集各方面的资料。确定了主题就开始布局了。最开始使用了一个表格，然后在表格内进行拆分合并处理，接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。

中间时预览，问题出现了，发现版头与下面的图片文字之间出现了很大的一段距离，但是在软件中已经把距离缩小为0了，多次尝试后没有效果。最后想到可以另外再加一个表格，把版头放在一个表格内面，这样问题就解决了。预览是效果还不错。但是总觉得首页做得太普通，一次浏览学长做的网页时，觉得他们的文字滚动窗口做得效果做得不错，于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码，把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成，但是却出现大问题了。

因为需要滚动的文字占的空间太大，把左边的那部分表格全部占满了，而在实际的网页预览中，这个有文字滚动的框只占了左边Oeasy教你玩转网页设计浏览的工具建站程序三分之一，左边有三分之二留白了。我就想可不可以把文字这样一层层的放在上面，试了很多 方法 ，在网站查了很多资料，可能因为没有专业术语作为搜索的关键词，查不到任何相关的资料，试过div标签，试过不停的拆分表格，最后还是没有效果。就这样试着试着，突然想到了层这个概念。于是在布局中点击了绘制层，结果成功了，经过一些加工，终于成功的完成左边的布局。印象还比较深刻的是插入声音，记得老师曾经给我们讲过很多次怎样插入声音，可是等到自己做网页的时候却忘记了，于是问其他人，结果居然都忘记了，于是自己在百度上收。最后终于找到了一个可以使用的代码，但是在加入声音路径时出现了问题。在属性内加入源文件，结果就是加不进去MP3的音乐文件，然后自己就尝试加入了一个视频，记下了路径格式，然后照着这种格式写下了指向声音源文件的路径，最后成功了。在设计过程中还出现了很多的问题，但通过看书，上网查询，请教同学等方式，不断的学习、解决、提高，设计出的网页不论是外观还是内容，都在不断的进步、改善。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大的提高。热情和执着，我将来设计出的网页会更加专业，更完善。

网页设计实训心得三：

科学是发展生产力的根本前提，当今的社会是互联网蓬勃发展的世界，每当我们上网的时候，那一个个精美别致的网页给人是多么流畅顺利的感觉，无论是寻找资料还是网上商城购物，都给我们带来了方便快捷的好处，我想，科学技术的发展，离不开互联网的发展，而互联网的发展也离不开网页制作的发展，而只有把两者结合起来才是正确的。

首先，了解网页并不是单纯的认为他仅仅只是为人们服务的，而它的存在也是给我们带来了利益和好处。当然，了解网页首先也从几个软件开始：

1. dreamweaver m_ __ (或dreamweaver 8)。

2. flash m_ __ (或flash 8)

3. fireworks 8

而网页制作就是开始从这些软件开始着手的，今天，我终于可以学习网页制作了，我们在杜奕老师的教导下，各位同学们也都在聆听老师的讲解和指导我们运用以上这些软件的功能和网页的剖析。所谓网页，就是指一个可以浏览内容并且可以使用ie浏览器打开的内容称之为网页。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实，但是只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver m_ __ 很难理解，不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。如：布局表格、绘制层、制作css样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘，每天上网看着那样多的网页，于是我才下定决心选择了网页制作这一门课程，目的就是希望以后能够做出一个完美的网页来。

“路漫漫其修远兮，吾将上下而求索”学习的道路是艰苦漫长的，更何况这是关于一个科学技术的一个代名词，随后，课堂的气氛慢慢的好转，耐心的老师和专心的学生在课堂上都尽情的发挥各自的才能，老师也为了能教好每一位学生，而学生也不辜负老师的使命，就这样，网页制作这一门课程进行的很顺利，学习了dreamweaver m_ __ 对它如何彻底的剖析和分解，我们终于认清了它的原理，摸清了应该怎样去完全的使用它，而我们在老师的指导和训练的结果下，终于开始做属于自己的网页了。

慢慢的快接近尾声了，我们也快临近期末了，老师给我们的任务却是需要我们每人至少做出三个网页来，且内存不能超过3m，刚开始我以为我会对着感到很是吃力，不知道该如何是好，毕竟网页才是刚刚起步，根基不稳，怎么能够做出这样的网页呢?而我对dreamweaver m_ __ 它也不是很熟悉，心里真是很担忧。

在这最后的时间里，我仔细掂量了一番，网页制作给我的结论是：要想制作一个能够像网上的那样，还得需要经过长时间的刻苦努力和不断地检验及实践，否则，如果只靠老师在课堂上讲的那些知识是远远不够的。毕竟网页是一个技术性的知识，不像文学那样的纯理论知识。通过这个课程的学习，我从中得到了一些对网页知识如功能、概念的理解，原来要做出一个简单可行的网页并不是一件害怕的事情，而是一件努力和尝试的事情。

网页设计实训心得三篇相关 文章 ：

★ 网页设计实习心得体会3篇

★ 网页设计实训心得

★ 网页设计实训报告心得

★ 网页设计实习心得体会感想

★ 网页设计实习心得体会

★ 设计实训心得体会3篇

★ 设计实训心得体会范文3篇

★ 网页制作实习心得

★ 有关网页制作实训报告心得体会

★ 网页制作实习心得小结

紧急求一份网页制作的实训报告，希望大家帮忙呀

毕业设计的项目计划书

1、网页设计要实现的目的、目标

2、网页设计的形象说明

3、网站的栏目、版块的结构

4、网站内容的安排、相互链接的关系

5、实现软件、硬件和技术分析说明

6、小组人员分工与开发时间的进度表

网站需要实现的目的和目标

• 网上购物：在线销售图书

• 会员服务：注册、订单、交款、购物车、

• 售后服务：留言版

网站形象说明

• 网站的名称叫**

• 整体形象设计包括标准字、Logo、标准色彩、广告语等。

• 首页作为网站的形象页，作为网站的欢迎页面，引入的元素大致有网站名称、LOGO、形像图片、宣传文字、栏目导航等要素，是彰显网站整体风格的重要页面，一般通过FLASH动画来展示。

• ****网站形象页的设计突出在线购物的主题，通过文字、形像、图片的巧妙哄托，令页面富有层次感，达到赏心悦目的效果。

• 网页富有动感，通过FLASH动画来展示，页面的色彩好与首页和栏目页统一，取*色

• 页面的大小，只要在800X600下和1024X68分辩率下均能正常显示即可。

• 背景图片的下方，设置栏目导航，栏目导航用漂亮的符号隔开，“网站首页”、“图书分类”、“店长推荐”、“畅销排行榜”、“友情链接”、“购物车”、“游客留言”、“网站简介”等8项。

• 颜色调配设计，网页的色彩是树立网站形象的关键之一，由廖海清进行整个网站的美工工作，各版块采用与网站首页同一色系的颜色，整个版块内部也尽量保持风格一致

• 考虑到网站是图书网站，颜色既要体现出文艺色彩，又不能过于死版。所以采用淡雅型的配色方案，避免有大面积色块出现。

• 网站调试，采用边制作边调试，即采用本机调试与和上传服务器调试的方法，因为网站在单机和服务器上运行有很大的区别，所以很有可能在上传服务器之后，出现在单机上不能浏览的一系列问题。观察速度、兼容性、交互性等，发现问题及时解决并记录下来。

网站的栏目板块和结构

• 主页

• 排行榜

• 会员注册

• 畅销书与店长推荐

• 图书分类

• 留言版

• 友情链接

网站内容的安排相互链接关系

• 主页部分

• 作为网站的形象页，我们的主页风格独特，字体采用华康少女文字，符合网站的风格。

• 主页分别设有导航条、图书分类、销售排行榜、店长推荐、留言版以及友情链接

主要完成用户注册登陆、在线订购书。

首页上部为网站的LOGO FLASH，加入嵌套的书籍分类栏目

中间的左边为用户注册登陆信息，右边为新书的介绍。主要完成用户注册登陆、在线订购书。

首页上部为网站的LOGO FLASH，加入嵌套的书籍分类栏目

中间的左边为用户注册登陆信息，右边为新书的介绍。

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

软件：

Dreamweaver \ Firework \ Photoshop CS \ Flash

硬件：

PC机

技术：

ASP＼HTML＼CSS＼VBscript \ javascript\ SQL

项目设计及运行平台

Windows XP web IIS

小组员工分工

开发时间进度表

网站开发与建设实训登记表

姓名 学号

网站主题

负责内容详细说明

小组自评分 总分

我自己做的，不知合适吗？