网页实训小结

网页实训小结（11篇）

1.网页实训小结 篇一

个人网页制作小结

1、最好做别人没有做过(这已经不太可能了，只能说是别人做得少的。)，但是却有潜在市场的内容。

2、网站访问速度要快，网页显示速度要快。最好不要做弹窗广告(事实证明，弹窗广告的月收入对于个人网站站长来说几乎没有意义。(别和我说网易的弹窗，那只是网站联盟建立之初为了吸引客户而采取的权宜之计。))，因为弹窗广告除了惹人反感以外没有任何经济价值。

3、内容要尽量精，同时数量也不能太少，否则的话不能吸引回头客。最好可以做到每个星期更新1~2次，假如

可以做到每天更新那当然是再好不过。

4、一定要有一个可以让访客与站长直接交流的平台，有条件的可以在网站上建立一个论坛，或者在其他网站申请一个论坛。没有条件的，也最好有一个留言本。另外可以考虑建立一个网站的qq群。

5、关于广告问题，我觉得对访问量小的个人网站来说同一页面上的广告不宜放置过多。一个页面的大幅广告超过2个，就容易引起用户反感了。尤其是一些粗制滥造，没有任何美感的广告更是如此。这对于网站的发展是极其不利的。最好以文字新闻广告为主，少用图片及flash广告。同时广告页最好与网页背景可以融为一体，让访问者不至于有突兀之感。

6、内容重复性，虽然在当前的形式下，内容完全原创，没有任何与其他网站重复的可能性已经几乎不存在了。但是无论如何也要有自己的内容，这点是非常重要的，即使自己的内容很少，且只是对别人的内容进行了修改加工，那也算是你自己的内容。这点是非常重要的，希望大家注意。

7、异地链接，由于个人网站多数是采用的虚拟主机(亦即空间租用)方式实现，一般不会有非常大的ftp空间，充足的带宽及非常高速的访问速度。因此势必造成许多音乐，flash，图片等等内容都是异地链接。这时候就需要特别注意，许多网站都有自己的防盗链措施(不允许异地链接，经常更换链接地址等)。假如因为自己的疏忽造成了自己网站上的异地链接失效，而自己又不知道，就会造成客户的大量流失。所以在制作异地链接时一定要慎之又慎，不要为了贪图方便因小失大。

8、html，图片加工及完善，现在很多个人网站都喜欢在自己的meta标记中加上许多的所谓热门关键字，甚至采用假如与网页背景色相同的文字，妄图欺骗搜索引擎。事实证明，这种做法现在早已失效，新的蛛网协议已不再相信

这类作弊行为。再这么做只会弄巧成拙。所以与其把自己的网页弄得庞大无比，不如精炼html语言，尽量缩小html文件与图片文件大小，这种优化的效果在流量增大的情况下会非常明显。(具体的如何加快网页显示速度等问题请参考相关网页制作教程。)

9、不要以为你的访问者全是1024x768的分辨率，个个都开着音箱，头戴耳机在电脑前看你的网站。事实证明，依然有不少访问者使用的是800x600的分辨率，看网页时候听不到，或者不希望听到你网站上的背景音乐。所以不要做吃力不讨好的事。

10、不要加入过多与网页内容无关的页面对象。事实证明，除非是某些特定类型的网站，否则的话，一般的个人网站访问者，不会对你网页上的大量(超过10个)友情链接，xx链的内容发生兴趣。所以设置友情链接以不影响页面整体美观度为宜。

11、不少个人网站的站长出于种种

考虑，喜欢把给自己的网页设置成不允许鼠标右击，甚至加密html。但是这种设置其实对网站根本没有任何好处，同时还会遭致用户反感。所以这种做法我觉得是千万要不得的。

2.网页实训小结 篇二

关键词：网页 实训 立体化

技工院校的网页设计课程是以目前应用最为广泛的网页制作软件的使用方法为主线，采用任务和案例相结合的教学方式，以简明通俗的语言和生动真实的案例详细介绍Dreamweaver、Fireworks、Flash以及Photoshop这几个在网页制作中经常用到的软件，并重点讲解各软件在网页制作中的实际操作。

通过网页设计课程的教学，可以使学生具备就业所需的网页设计能力，为未来的发展和自主创业奠定基础。因此，该课程越来越得到技工院校计算机专业教师与学生的重视。其中，由于实训教学是整个网页设计课程教学的关键核心所在，因此改进实训教学模式，引入新的教学方法、手段，对于提升网页设计课程的教学效果具有重要的意义。

一、立体化教学的内涵

传统的课堂教学模式过于强调教师在教学过程中的主导作用，导致学生在教学过程中被动地成为知识的存储器。实践证明，这种模式既无法体现职业教育能力本位的思想，又使学生无法适应当今社会的发展。因此，引入更加先进的教学模式对于技工院校来说尤为迫切。

所谓的立体化教学，就是打破传统的以教为主的一维化模式和教、学并重的二维化模式，将教、学、练、做四维集成一体，使四者相互渗透、相互融合。从而使学生的学、练、在教师的引导下，真正实现无缝对接，从而实现人才培养方案确定的目标。

二、技工院校网页设计课程实训教学采用立体化模式的必要性

一方面，传统的技工院校计算机实训教学模式已迫切需要得到改进、提高。随着技工院校生源的不断下降，技校生生源素质的迅速下降已成为不争的事实。特别是对于计算机实训教学，既要面对实训内容与市场需要脱节的窘境，又要面对学生学习兴趣缺乏，学习积极性不高的实际学情。另一方面，企业的发展对技工院校的计算机专业人才提出了更高的要求。既懂理论又具备较强实际操作技能的学生，更受用人单位的欢迎，也有着更加广阔的发展空间与发展基础。

三、技工院校网页设计课程实训立体化教学的开展

1.确定合理的教学目的

技工院校网页设计课程实训教学的目的应体现应用型人才的培养，并充分考虑技校学生的学习基础、特点。在学生掌握计算机和网络应用基本知识的基础上，掌握HTML、CSS、javascript有关的知识。通过对Web页制作技术、工具的学习，使学生对于网页设计与制作中所涉及的相关知识有全面的了解，并使学生具有解决一般网页制作问题的能力。

掌握运用DreamweaverCS6网页制作软件的方法、FireworksCS6图像处理软件进行网页中图形制作和运用flashCS6动画制作软件设计网页中动画的方法，进而将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。

2.科学设置实训内容与要求

由于网页设计课程的实训内容在整个教学过程中占有重要的地位，因此设置哪些实训内容并提出相应的要求是实训教学成功与否的关键。

如在网页布局这一环节，设置的实训内容是在本地站点文件夹D：＼myweb中，创建一个网页文件web51.html，内容自定。要求使用表格布局页面。页面要求：①有页面标题、页眉、导航栏、主内容区、页脚。②版面布局合理，内容安排有序。

然后在本地站点文件夹D：＼myweb中创建3个网页文件，一级页面web53.html，二级页面web531.html、web532.html，内容自定。要求使用APDiv布局页面。页面要求：①有页面标题、页眉、导航栏、主内容区、页脚。②版面布局合理，颜色设置符合美学原理，使用部分图像增强表现效果。③要求网页链接层次至少2层，完成一、二级页面的链接，并且各页面之间有统一的导航机制。

最后创建一个框架网页文件web55.html，按要求给每个框架设置初始显示网页。其中左侧框架设置为导航页，被链接文件可以使用以前制作好的网页。这样就使得学生的学不再是盲目、被动地学，而是知道如何学、练、做，从而真正实现立体化教学。

最后，实训考核立体化。考核不仅要综合考查学生的学、做、练，也要相应地考查教师的教，只有这样才能不断完善立体化教学模式，达到教学相长的目的。

3.网页实训报告 篇三

姓 名：XXX 学 号：XXXXXXXXXXX 班 级：XXXXX 指导教师：XXX 提交日期：2012年3月21日

南京工业职业技术学院项目技术报告

概 要

本实训报告主要介绍并总结了两周实训以来静态网页设计主题的定位、内容结构、素材的下载、版式设计、色彩设计、导航、功能设计、网页的风格设计、Flash的应用、图片动态效果的使用以及DIV的套用、层、行为等方面的设计。南京工业职业技术学院项目技术报告

目录

前言..................................................................................................................................................4

一、实训意义：...............................................................................................................................5

二、实训目的:.................................................................................................................................5

三、实验步骤:.................................................................................................................................6

1.确定网站主题...................................................................................................................6 2.收集材料...........................................................................................................................7 3.网站规划...........................................................................................................................7 4.网站的制作工具...............................................................................................................8

四、总体功能介绍...........................................................................................................................8

五、总体框架结构设计...................................................................................................................9

5.1制作网站的网页.........................................................................................................9 5.1.1首页：..............................................................................................................................9 5.1.2个人资料：....................................................................................................................15 5.1.3演员、导演姜文............................................................................................................17 5.1.4个人写真........................................................................................................................19 5.1.5奖项荣誉........................................................................................................................24 5.1.6感情生活........................................................................................................................25 5.1.7最新资讯........................................................................................................................27 5.1.8让子弹飞FLASH游戏.................................................................................................27

六、总体调试与分析.....................................................................................................................29 6.1上传测试网站...................................................................................................................29

七、设计特色.................................................................................................................................29 结论................................................................................................................................................30 结束语............................................................................................................................................30

南京工业职业技术学院项目技术报告

前言

在互联网时代的今天,不同于我们所熟悉和习惯的农业社会和工业社会,它有着较快的发展速度和极高的淘汰率,不仅挑战着我们学习的勇气,更挑战着我们的方法和技巧.为此对有效掌握所需要的知识方面,我们进行了一系列的探索.在今天网络已经成为各级单位,企业和个人的一张名片,一个精美而又独特的网络主页,不仅为商家吸引更多的客户和投资,更能为我们一个人带来更多的机遇和更大的发展空间,对于部分人来说,它所带来的网络生活远比现实生活更有魅力,更富有激情.今天internet发展非常快，已经成为整个世界的一个主要通信网络标准。接入internet网，浏览1/DTD/xhtml1-transitional.dtd“> （这里是插入背景音乐的代码）

4.网页实训小结 篇四

一、准备工作

１、站点的管理（创建、修改和删除站点）

２、网站与网页的关系：首页+子页＝网站

index.htmlp1.htmlp2.htmlp3.html

３、网页的页面属性：“修改”——“页面属性”

二、网页制作过程

１、页面布局：采用几个小表格叠加的方式

（１）表格大小：最外层表格以像素（px）为单位

内层嵌套表格以百分比（%）为单位

（２）表格的修改与编辑：合并单元格，拆分单元格，插入行列，删除行列 ２、模板的制作：至少包含一个可编辑区域（按住ctrl键单击单元格）

完成各页共有内容（站标，导航，设置导航超链接，版权）

“文件”——“另存为模板”

３、模板的应用：在建好的空白页面中，“修改”—“模板”—“套用模板到页”

4、网页元素的添加

（１）插入网页标题（标题栏中显示的内容）“页面属性”——“标题/编码”（２）文字的添加

（３）图像的效果：图像的替换文字（图片属性替代框）

交换图像效果

图像的滚动效果

5、完善网页

（１）超链接

（2）滚动效果

**（３）制作行为：

弹出信息设置状态栏文本

5.动态网页asp实训报告 篇五

(2008级)

动态网页设计

设计时间：2010年6月14日 至 6月18日

设计地点：电子商务实训室二班级：电子商务082班姓名:周 海 强

一、实训目的与意义

通过实验教学主要培养学生的动手能力，提高学生运用ASP编程工具编写动态网页能力的水平，掌握ASP网页下HTML标记、普通文本和脚本命令等的使用。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序和CSS语言的应用，掌握在创建连接的“插入、查询、修改”与数据库连接等方法。综合运用所学ASP编程知识进行网页材料准备，并建设一个小型的电子商务网站。

二、实训时间

6月14日——6月18日

三、实训地点

电子商务实训室二

四、实训进度与计划

第一天：查看实训要求了解做什么网站，然后上网查看他人网站，之后规划自己的网站。

建一个文件夹，收集相关素材，并利用PhotoShop、Flash等多媒体制作软件

创作出一些多媒体作品，为网页制作进行网页的充分材料准备。

第二天：创建数据库，建立相关数据表，并连接图片地址等素材和输出的相关信息。1

第三天：编写主页页面的内容信息及其他导航栏的相关内容。

第四天：继续编写相关网页内容并做出最后的测试工作。

第五天：验收通过并提交网站作业。

五、实训步骤

1.构思网站总体规划及布局。

2.创建数据库，建立相关数据表。

3.在数据表中连接图片地址和输出的相关信息。

4.编写网页top头部的logo、导航栏和banner的相关信息。

5．运用ASP编写左边left的二级目录内容和底部boot的建站信息连接及

相关内容连接。

6.在主页主体main内容通过数据库输出相关的产品内容及信息和导航栏其他页面的内容。

7.编写注册/登陆、购物车、FAQ和留言系统等网页。（必要时建设后台管理系统）

8.测试网站并完善主页及各个子页，对不足之处做出相关改进的工作。

9.验收通过并提交网站作业。

六、实训心得与体会

经过一周的实训练习让我学到了许多知识,也有了很大的收获。这次实训让我明白了我们实训的主要目的是让我们通过不断的上机实习以及使用它来解决实际的问题，才能更好的掌握所学技能。实践出真理，在这一周的实训中确实很累但是累得有价值。学海无涯，好多好多的东西还在等待我们去努力的开发学习。我坚信，用血泪去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的。希望自己可以真正的化解这些知识为我所用！在以后的工作、生活和学习中，发展自己的优势，弥补自己的不足和缺陷。

七、合理化建议

对自己而言，多提升独立完成工作的能力和团队的合作能力。提升自我的审美能力，加强“美”的判断，提升网页的整体优化意识。多思考，多动手。学校可再提高机房的电脑的利用率，多置些“好”的机子，减少学生实训过程中的机子故障，提高效率。

6.网页设计实训安排 篇六

实训一 网站结构分析

实训时间：20.12.2.15

实训目的：

1、熟悉目前网站的类别。

2、学会分析网站的结构。

3、了解网站设计的基本工具。

实训二 应用表格布局网页

实训时间：20.12.2.29

实训目的：

1、熟悉不同的网页布局方式。

2、掌握利用表格布局的方法。

3、熟悉网站建设中的其它要素。

实训三 拓展案例：旅游网站主页建设 实训时间：20.12.3.21

实训目的：

1、应用表格布局。

2、掌握表格布局中的标签作用与应用。

3、掌握基本的DR软件技术应用。

实训四 div 网站布局

实训时间：20.12.4.4

实训目的：

1、学会应用div布局网页。

2、掌握div嵌套结构。

3、掌握div结构中的属性与属性值应用。

实训五 css应用于网站样式修改 实训时间：20.12.4.18

实训目的：

1、学会应用css对网站页面模块美化。

2、掌握不同种类的样式应用。

3、掌握div+css在网页中的结合应用。

实训六 网站动画应用一：banner 实训时间：20.12.4.25

实训目的：

1、熟悉网站中动画的应用模块。

2、掌握基本的动画软件Flash操作。

3、掌握应用Flash制作网站banner条。

实训七 网站动画应用二：导航

实训时间：20.12.5.18

实训目的：

1、熟悉网站中动画的应用模块。

2、巩固动画软件Flash操作，并掌握基本的AS。

3、掌握应用Flash制作网站导航。

实训八 网站动画应用三：浮动广告

实训时间：20.12.6.1

实训目的：

1、熟悉网站中动画的应用模块。

2、掌握基本的动画软件Flash操作。

3、掌握应用Flash制作网站浮动广告。

实训九 整站建设

实训时间：20.12.6.8

实训目的：

1、熟悉整站建设流程。

2、掌握基本的动画软件Flash、平面软件操作。

3、掌握网站效果图设计与切图技巧。

7.网页与制作实训论文范文 篇七

新闻系统前后台交互

组长：

组员：

指导老师：

实训目的………………………………………………………………………2 项目思路………………………………………………………………………3 项目准备………………………………………………..…………………….4 前台页面主要代码……………………………………………………………5 数据库连接，确保登录代码…………………………………………………6 后台页面主要代码…………………………………………….………………7 项目亮点………………………………………………………………….…..13 优点和不足之处……………………………………………………………...13 实训总结…………………………………………………………………......14

实训报告

实训目的：

这次网页与制作的实训是锻炼我们实践能力重要环节，是对我们实践工作能力的具体训练和考察过程。随着科学技术发展的日新月异，网页设计制作已经成为当今计算机应用中空前活跃的领域，在生活中可以说是无处不在。因此作为二十一世纪大学生来说掌握网页设计制作的技术能力是十分重要的。

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

2.巩固运用sublime, Dreamweaver,PhotoShop网页制作软件制作网页 3.巩固运用NatBeans,wampmanager动态网页制作软件制作动态网页

4.用sublime,NetBeans,wampmanager三个软件完成网站建设登录前后台任务的方法，能独立设计一个内容完整，图文并茂，技术运用得当的网站；

5.具备独立撰写实训报告等科技文件的基本能力；

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

7.为今后从事网站开发，维护和管理奠定基础。通过实训，掌握网页设计系列软件sublime, wampmanager软件的使用方法，达到全面理解，运用网页制作的知识，并使之得以融会贯通，在掌握理论知识的基础上再加以实践，进一步提高,加强设计，制作网站的综合能力。

项目思路：

首先我们分为两大块，前台页面和后台页面。分别建文件夹web和admin。前台：先利用我们学习的div+css布局方法+JavaScripte做好静态页面。接下来利用from表单+简单的CSS样式做好登录页面。然后利用fromeset分帧做好后台框架。框架左列表为后台首页，用户列表，新增用户，新闻列表，新增新闻。接下来要完成的就是在每个列表中实现页面效果。点击列表能够出现每个列表的页面。然而要实现这个效果是要先建数据库，再在数据库中建表，在表中插入我们要的数据。我们要建三张表，分别为admin，user，news。再就是连接数据库。admin表是要通过数据库连接在后台实现管理员登录页面。news表是要通过数据库连接实现新闻增加，修改，删除。user表是要通过数据库连接实现用户信息，添加用户显示在后台。

项目准备：

news-info:

数据库名

admin：

管理员登录表名

user：

用户注册信息表名

news：

新闻信息表名

前台（web）：

images：

js播放图片；

img：

登录页面背景图

ht.php：

前台静态页面效果图

Style：

前台静态页面样式

config.php：

连接数据库

conn.php：

确保登录成功

login.php：

登录页面

jQuery.js：

js代码 后台(admin):

登录页面(dl):

img:

背景图 config.php

确保登录成功 login.php

登录页面

admin：

conn.php

连接数据库

htsy.php

后台首页

index.php

后台界面

left.php

框架左列表选项

news.add.php

添加新闻

news-del.php

news-upd.php

news-list.php

zcye.php

zcye-del.php

zcye-list.php

zcye-upd.php

1.前台页面主要代码：

删除新闻 新闻修改 新闻列表

添加用户

删除用户 用户列表 修改用户

2.登录页面代码：

3.连接数据库：

4.确保登录：

5.后台界面代码：

6.框架左列表代码：

7.后台首页：

8.新闻列表代码：

9.添加新闻：

10.删除新闻：

11.修改新闻：

12.用户列表：

13.添加用户：

14.修改用户：

15.删除用户：

16.前台显示后台数据代码：

项目亮点：

运用了两次js代码来实现效果，使页面更加生动。同时也运用了验证码等一些小亮点。

优点：

思路清晰，充分增强了动手能力，创作能力，更加懂得团队协作能力，对网页设计软件DreamWeaver,Sublime,WampServer,NetBeans,PhotoShop,JavaScript的强大运用有了很大提高。也大大提高了自己分析问题，解决问题的能力。

不足之处：

充分体现出老师教的知识并没有完全掌握，也是根本没有真正理解老师上课教的内容。尤其是对PHP，数据库知识了解，懂的太少，以至于在做项目后台过程中遇到很多问题，大大影响了整个项目的进度。

总结：

8.静态网页设计与制作 实训报告 篇八

实训报告

这一周我们进行了为期一周的静态网页设计与制作的实训。在这一个星期中我感触很多，无论是从网站的刚开始的主题的确定设计还是后期的网站的发布与测试。感觉又学到了很多新的东西。

从小到大，在自己的心底就有个音乐梦想。我喜欢唱歌，喜欢跳舞，小的时候学过电子琴，上初中后父母认为学业更加要紧，于是所有与音乐有关的东西通通不被再提起。但是自己还是仍旧喜欢着音乐。上大学之后，自己终于可以重新“正大光明”地重新提起音乐了，于是想制作一个音乐网站的念头就在自己的脑海中闪现着。

我一直比较喜欢的华语男歌手是周杰伦，在上大一的那个10月份，周杰伦照例出着专辑，专辑的名字却很让人耐人寻味，《跨时代》，这我才突然意识到，从小学开始，周杰伦出道10年的十张专辑整整陪我走过了小学、中学的时光。于是在这次比赛中想制作一个关于周杰伦出道十年纪念的这样一个音乐网站。下面就让阐述下我制作这个网站的整体构思和具体设计方案。

关于网站的框架结构：

在制作之前，我在网上搜索过许多周杰伦的官方网站，例如周杰伦中文网，周杰伦中文音乐网之类的。我发现他们制作时框架紧凑明晰，同时也包括了几个音乐网站必须具有的模块。于是，得到借鉴，我在我的主页上面也就添加了“杰

迷必知”、“杰伦贴图”、“杰伦影音”、“每日杰讯”、“歌迷会通道”这样五个模块。在添加这五个模块的时候，我不像一些很正式的网站，模块与模块之间凑得很紧，我尝试了下自由、随机的排放。因为我做的是一个音乐兼娱乐的网站，想让网友们怀着轻松愉悦而不是严肃的心情来看我的这个网站。

关于网站的色彩搭配：

这次制作的网页是主要关乎于歌手周杰伦，访问的人群绝大多数会是周杰伦的粉丝，也绝对是时尚范儿，因此网页的主色调我采用了永不衰竭的经典黑白色调，再者黑白搭配这种反差很大的撞色能够给人很大的视觉冲击力。中间一些板块的边框我选择了用玫红色，玫红色可以提升整个网页的活泼，使黑白色调的网页看起来不死板，严肃而不失华丽。

关于网站的图片：

网页的logo我分为了两个部分，一面是白色背景的10th周年纪念logo，另一面是周杰伦弹着贝斯转动的画面，这个画面是周杰伦超时代世界巡回演唱会的开场秀，超时代演唱会是对杰伦出道十年来的一个总结，因此我认为这个画面做为纪念杰伦出道十年网站的logo是很不错的。

网站的所有的图片处理在互联网上下载的以外，还有相当大的一部分是下载下来以后处理过的。我处理图片的时候不仅用了firework8，还用了photoshop和美图秀秀。在插视频的时候由于只能插flv格式的，因此还下载了转码器。插

入视频时老师说过时间不宜太长，否则不利于网页打开的速度，于是就用了会声会影x2进行视频编辑和合成。

正文主体部分分为5个模块

第一个模块“杰迷必知”，左边是杰伦的两张图片，一张是杰伦正面拍摄，另外一张是背面拍摄。两张图片之间的转换运用了“鼠标经过图像”这一基本技术，是网友们在视觉上全方位了解他。图片的右边附着杰伦的简介，在右下角可以点击“更多”来查看杰伦更多的详细资料。

第二个模块“杰伦影音”，左方和下方附着的是杰伦专辑和演唱会上的精彩照片，在模块的右前方，则简要介绍了周杰伦出道十年来所发行的所有音乐专辑，所举办的所有演唱会和所有所参加拍摄的或者自己导演的所有电影的名字。使网友们更加有兴趣深入了解。

第三个模块“杰伦贴图”，我之所以把这两个模块放在一起，是因为它们之间的联系比起其他模块更加紧密。因为杰伦的贴图不仅仅是周杰伦的个人写真，更多的是他专辑封面，演唱会现场照和电影剧照。因此在这一模块左边，我选择了一张动态的图片。这张动态的图片是由10张小图片组成的，每一张小图片都是他出道10年来那10张专辑的封面图的头像。在这张动态的图片中，歌迷们看到的是10年前的周杰伦从一个青涩的大男孩长成了一个成熟的男人。而用音乐专辑封面头像则更加体现出这个成功的创作型音乐人本质的回归。

第四个模块“每日杰讯”，歌迷们想知道更多关于杰伦的最新资讯，想与他拉近距离，那么作为音乐网站，每日资讯便是必不可少的一个模块。为了使资讯看起

来方便，于是便运用了层，然后调出时间轴，简单的做了一个文字向上运动的一个动画。

第五个模块“歌迷会通道”，看了每日杰讯的歌迷们知道了周杰伦的近期活动安排行程，想参加一些和杰伦有关的活动，那么进入歌迷会将会是一个不错的选择。歌迷会通道提供了全国以及海外共32个通道，歌迷们可以看自己的地理情况就近参加，这也给歌迷和杰伦互动中间架起了一座桥梁。模块的右边用的是杰伦高清写真，图片充分的体现出杰伦深爱着他的歌迷。还未加入歌迷会的粉丝们也可以点击右下角的“加入我们”加入歌迷会。

关于网站链接

这个星期我又重新整理了自己的网站，将它更加美化。

现在网站一共五个页面，分别是“新闻”“资料”“图片”“资源”和“电子杂志”等。在“资料”链接的页面中，网页的上一部分用大图和文字采用图文混排的方式，下部分将层嵌入到图片中加入文字做了个简单的文字向上运动的效果。网页的全部文字都在详细介绍网站的主人公周杰伦。

在“图片”链接的页面中，主要就贴一些周杰伦的各种图片。第一部分用了代码marquee，使四张图片从左到右运动。中间有一张大图片是周杰伦各个镜头的头像照。紧接着是周杰伦新专辑的照片和镜头。最后一个头部分是杰迷会的会服的照片和介绍，网站正式做成以后可以链接至淘宝。

在“资源”链接中插入的视频是我在周杰伦《2011超时代世界巡回演唱会》上截取的，我个人认为这段视频能够生动记录着周杰伦出道10年来给歌迷朋友们

带来的巨大的视听盛宴，无论是在专辑，电影还是演唱会上。我的不少朋友看到我截的这段视频都说深有感触，甚至有点小感动，原来杰伦的歌已经默默陪我们走过十年。我期待他的歌能够陪伴我们走过下个十年，下下个十年……

最后一个链接页面是“电子杂志”。这个页面主要讲周杰伦最近推出的新专辑。整个页面用了图文混排的方式对外展示新专辑的热卖点，并且有预购的系统，这样可以帮助网站盈利。

心得体会

经过一周的静态网页设计与制作的实训，让我懂得了很多。首先是做什么事情之前脑袋里面都要想好，都要出现大致的轮廓。在开始制作网站之前最重要的是网站的设计，大到网站的整体构思整个框架设计，小到一张图片的和一段文字的摆放位置。

接下来是自己对颜色和美的感知。互联网上发布的的网站总是让人看起来很舒服。不仅是颜色搭配还有布局还有动态效果和静态的结合。这总是在提醒我，制作网页绝对不是一项闭门造车的活动。平时和自己的好朋友多讨论，让很多人来给你的网站给些建议和意见都是不错的。除了这些之外，自己也要多看书，多看些和自己要制作的网站主题相关的资讯，多了解时下最流行的时尚元素。

网站的最终目的是为了盈利，因此我在建立网站制作网页的时候，也专门有订购周杰伦最新专辑和周杰伦国际后援会的会服的通道。这些直接链接到淘宝，然后开始从事电子商务活动。

最后，通过一周的实训让我懂得了，为人做事一定要谨慎细心。同时老师们

9.电子商务网页制作实训报告 篇九

总的来说：我在实训中不仅学到了课本上面没有的知识，而且还学到了坚持不懈，不抛弃，不放弃的一种学习的精神。这次实训让我增长了很多关于网站制作的知识，也让我体会到了做网站并不是我想象中的那么简单。网页设计与制作综合实训是我们学习过程中重要的实践性学习环节。它是根据我们学习计划的要求，在老师的指导下对我们进行网页制作专业技能的训练,培养我们综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的培养过程.因此加强实践学习环节,搞好实训教学,对实现我们专业的培养目标,提高我们的综合素质有着重要的作用。通过这次实训，我学到了很多有价值的东西。我独立的完成网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。在这次实验的过程中，我搜集了大量的素材和网页设计制作的知识，增加知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。

通过短短几天的网站规划实训，我从中学到了很多的知识。每一个同学都在认认真真的实训，都在认真的做网页。尽管在实训中遇到了许多不少的问题，通过自己上网查阅资料和老师的耐心教导，我们每一个同学都解决了自己在实训中遇到的困难。有的同学还互相帮助和积极讨论遇到的问题，同样在学习的良好氛围之下解决了遇到的困难。在这次网站规划中，我们学到了课本上没有的知识，不仅开拓了我们的视野，而且增加了我们设计制作网站的能力。虽然实训也有些苦痛和烦恼，但是我们每一个人都怀着一颗学习的心，不怕困哪和苦痛，认真的完成了网站规划的实训。在网站规划中，我们熟悉了Frontpage软件的新型的功能，增加了对软件的认识和认知，学会了怎么做一个漂亮的网站和优美的布局。

10.网页实训小结 篇十

系别：计算机工程系 专业：计算机网络 设计班级：网14班 姓名：张静龙

指导教师：乔文彪常娟

2012年12月27日

一、指导教师

乔文彪常娟

二、设计目的与要求

此次的网站设计使我们必须具备有：

（1）色彩构成、（2）图形、图像素材的获取与编辑处理、（3）音频、视频、动画素材的获取和处理、（4）简单数据库设计、（5）Dreamweaver软件的应用等相关知识。

本次《静态网页制作》《网页制作》设计可以培养我们的创新能力，把所学理论与实际操作紧密结合起来，提高其独立解决问题的能力。

三、设计内容、过程以及设计效果

1、设计内容：

我此次设计的网站主题是教育类网站，名为《思科网络学院》，设计中包含了4个导航信息，多个二级页面以及少许的三级页面，题型资料可供下载使用。

在此次期间主要是通过在网上搜集了相关的素材（题库以及各种页面效果的代码等）以及从图书馆借阅相关的书籍来进行对个人站点效果的设计。本次设计的网站主要是用来帮助大家快速了解思科网络学院的最新动态以及学习到思科网络知识，由于站点的容量有限，在这里我总结了几种学习思科网络的方式方法和经典题型。网站的设计来源主要是参考《思科网络学院》和《思科网络学习空间》两大网站，其中包含思科各种教程以及题库，在我的网站设计中也对这两个网站

进行了链接。

2、设计过程：

1、首先分析站点的设计思路及方法。

首先确定了自己的设计思路是思科网络学院，为了完成本次设计会用到相应的资料和素材，而网络和图书馆为我们提供了信息来源。

2、网站架构的确定以及目录链接的确定 架构的设计用到了word，网站的目录确定为 首页、概述、课程介绍、工具和资源、思科网络学院在中国5个导航信息栏，以及设计了各级页面中的导航信息。

链接则是由大量的二级页面，少量的三级页面，文本文档以及各种外部链接组成。

3、配置服务器及站点建立 开始进行配置服务器及站点的建立。本次建立的站点名为cisco，为防止站点目录下出现解析读取错误，所有目录下的所有文件均采用英文名字命名。

4、网站各级页面的设计 本次设计使用的是PS 7.0 专业绘图软件，通过使用PS的各项功能来设计网站的各级页面（一级页面，二级页面）。

5、网站各种标志的设计 此次网站logo的设计主要是模仿官方logo，然后再加以修饰。

6、网站导航及板块设计、版权信息设计 导航栏的设计主要用到的技术是PS中圆角矩形框工具以及文字工具进行设计，版权信息则是参考教材中的格式进行设计。

7、切片制作及各级页面的实现 通过PS的切片功能对设计好的全图像页面进行切片，然后通

过存储为Web格式来生成html格式的网页。

8、首页动态展示栏以及时钟的设计

完成上面的全图像页面设计后，就开始用Dreamweaver软件对首页进行动态设计。首先是从网上搜索到代码用以实现动态图片展示栏和时钟的效果。之前切片切好的页面用来做插入时钟代码的时候，结果造成网页拥挤，后来又重新进行切片，插入背景，然后再放入时钟代码，效果就做好了。

9、网页元素添加及格式设置

然后对首页中的图片滚动进行设计，在这里用到了书上相应的代码，至此一个网站的首页就完成了。在二级页面则是用到了大量的嵌入式框架，来对文字进行编辑。在其中一个二级页面（思科网院在中国）中用到了弹出式信息栏来显示各省思科网院的情况。

10、站点各级页面的链接添加及测试

对做好的各级页面进行链接，在这里可以用到库，避免了繁琐的步骤，最后测试网站。

3、设计效果：

在此次设计中使用的效果有：

Dreamweaver：动态信息展示栏、Flase动画、多次使用嵌入式框架、时钟、动态滚动图片、链接、弹出式信息栏、插入表格、背景，PS：切片工具、插入圆角矩形框、横排文字工具、魔棒、插入图片，渐变工具等。

四、设计地点与时间安排：

11.网页设计实训总结 篇十一

实训总结

经过俩周的实训，我从中收获了很多。原本以为计算机科学导论的实训是纯理论的，得知是上机操作还是有一点兴奋。刚打开实训的要求，发现在实训期间我们要学的好多。像word、excel、photoshop、PowerPoint、flash、dreamweaver等软件的应用，有些是我从来没有接触过的，有一些是自己会一点皮毛的。带着一份紧张一份好奇，我开始展开了对这些软件的探索。按照老师在实训期间给我们的要求，在做word的时候，原本以为很简单的，后来才发现自己会的只是冰山一角，原来word的用处那么多。通过训练，我掌握了段落的拆分、移动和复制处理以及段落格式设置，格式、特殊字符的查找和替换，分栏、首字下沉设置，页眉、页脚及页码的设置，插入艺术字体、图片、公式等对象，图片的旋转和翻转、组合和对齐。Excel在我的意识里只能用来编辑数据，做个表格，没想到还有数据排序和自动筛选、图表的创建和编辑、分类汇总等功能。Photoshop的功能是处理图片，在实训的时候自己做的那个端午节的粽子是通过这个软件自己绘制出来的，感觉到软件应用的神奇。ppt由于自己上学期的学习，因此在实训期间做的作业也就驾轻就熟的完成了。最好玩的软件应该就是flash了，通过几张图片的叠加和处理，就出现很可爱的动画了。最让我惊讶的软件当然就是dreamweaver了，它竟然是用来做自己的个人网页的，本来觉得自己做网站是一件很不切实际的事情。经过实训期间的学习，我也学会了制作自己的个人主页。

这次的实训让我掌握了办公自动化以及网页制作软件的使用，也能运用Word、Excel、PowerPoint处理文档，能运用Dreamweaver、Flash、Photoshop制作网页了。总之实训的收获颇多。