网页实训总结

第一篇：网页实训总结

（信息工程系）

综合实训总结报告

实训课程：____网页制作 ____ ______实训项目： _网页制作基础教程实训_ 姓名：_ __________ 班级：_11计算机应用学号：_______

指导教师：____ _实训时间： 2012-2013学年第一学期第20周网页制作实训总结报告

一、实训目标

1、知识目标：

⑴掌握设置站点。

⑵掌握网页元素的基本操作。

⑶灵活使用超级链接。

⑷熟练掌握表格、层和框架来布局页面。

⑸掌握表单的设置与使用。

⑹掌握设置CSS样式。

⑺能够使用多媒体来丰富页面。

⑻能够使用模板制作大批风格相似的页面。

2、技能目标：

⑴对于给定的设计题目，学会如何进行分析，理清思路，并给出相应的结构模型。

⑵通过对所选课题的分析，有针对性的进行调查研究，学会收集、整理相关资料。

⑶合理运用所学过的知识及实验中的练习，将其融入本次实训当中，真正成为自己的东西。

⑷熟练运用所学知识制作出具有个人特色的班级网站

二、实训环境

我们在6号机房完成了为期一周的实训，此机房设备、软件齐全

1、硬件设备

PC机

2、软件环境

Dreamweaver 8.0、flash、photoshop等

三、实训内容

1、确定的网站内容要健康、具有时代气息。

2、网站提供的信息应与网站主题相符合。

3、页面布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁。

4、建议采用层、表格、框架结构布局页面，导航和超链接清晰。

5、插入图片、多媒体元素。

6、撰写实训报告。

四、实训步骤

1、根据老师布置的实训要求，构思整体布局以及LOGO的设计。

2、打开Macromedia Dreamweaver 8，创建相应的本地站点，命名为banjizhuye(E/banjizhuye)，在banjizhuye站点中建立文档和文件夹，分别为index，xiangce，banwei，chengyuan，huodong和文件夹images，flash，ps等。

3、打开Adobe Photoshop CS4，利用ps着手做logo，因为我们是11级计算机应用班，所以我就用艺术字设计了字体，外面的图标代表这我们团结进取，里面倒影的树叶是代表着我们蓬勃的精神面貌，下面的五个字母是计算机应用的首字母缩写。如下图；

4、利用表格对页面布局，我的网站共有5个主页面：班级首页、相册集合、班委成员、班级成员、班级活动，每一个页面用统一的背景以及图片，以保证网站统一的页面风格，版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。

1)

通过绘制表格来设计页面布局；

2）在表格中插入页面元素，如利用文本域，来创建用户登录界面，插入图片等，首页头部插入了flash动画，改变其参数，使其达到了雪花飘落的动态效果，如下图：

主页的左边我用代码实现了其自动播放幻灯片的效果，右边利用代码达到了字幕的滚动效果，如下图：

5、子页面的设计，整体格局美观，温馨，明亮，能让观赏者眼前一亮，并在每个子页面添加了滚动字幕，以及flash特效。如下图：

6、每个网页完成后，为其添加链接，以达到浏览每个页面时畅通无阻，在添加 链接时，为了使导航文字在浏览时是白色字体，我用CSS为导航栏定义了一个版块，并用 CSS高级设置设置我需要的色彩。

五、实训总结

在这三天多的实训当中和同学进讨论制作网站，同时学到了许多关于网页制作的相关知识。第一，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术，以备我以后的制作之路。通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。第二，在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面资料，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；第三：我现在已经熟练使用超级链接，合理使用列表；第四：我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。五天的实训课程结束了，此次实训检验了通过一学期的学习对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本熟悉了各种软件的综合使用方法。实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用血去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。通过这五天的学习，在制作过程中出现了许多问，这些都是细节问题，我与同学进行了细致的研究后，最后达到了所要预期的效果。我非常感谢学校给了我这次制作网页的机会！

第二篇：网页实训总结

（信息工程系）综合实训总结报告

实训课程：____ 网页制作 ____ ______ 实训项目： _ 网页制作基础教程实训 _ 姓 名：_ _ ______ ___ 班 级：_ 11计算机应用 学 号：_______ 指导教师：___ _ _ 实训时间： 2012-2013学年第一学期第20周

网页制作实训总结报告

一、实训目标

1、知识目标：

⑴掌握设置站点。

⑵掌握网页元素的基本操作。⑶灵活使用超级链接。

⑷熟练掌握表格、层和框架来布局页面。⑸掌握表单的设置与使用。⑹掌握设置CSS样式。

⑺能够使用多媒体来丰富页面。

⑻能够使用模板制作大批风格相似的页面。

2、技能目标：

⑴对于给定的设计题目，学会如何进行分析，理清思路，并给出相应的结构模型。

⑵通过对所选课题的分析，有针对性的进行调查研究，学会收集、整理相关资料。

⑶合理运用所学过的知识及实验中的练习，将其融入本次实训当中，真正成为自己的东西。

⑷熟练运用所学知识制作出具有个人特色的班级网站

二、实训环境

我们在6号机房完成了为期一周的实训，此机房设备、软件齐全

1、硬件设备

PC机

2、软件环境

Dreamweaver 8.0、flash、photoshop等

三、实训内容

1、确定的网站内容要健康、具有时代气息。

2、网站提供的信息应与网站主题相符合。

3、页面布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁。

4、建议采用层、表格、框架结构布局页面，导航和超链接清晰。

5、插入图片、多媒体元素。

6、撰写实训报告。

四、实训步骤

1、根据老师布置的实训要求，构思整体布局以及LOGO的设计。

2、打开Macromedia Dreamweaver 8，创建相应的本地站点，命名为banjizhuye(E/banjizhuye)，在banjizhuye站点中建立文档和文件夹，分别为index，xiangce，banwei，chengyuan，huodong和文件夹images，flash，ps等。

3、打开Adobe Photoshop CS4，利用ps着手做logo，因为我们是11级计算机应用班，所以我就用艺术字设计了字体，外面的图标代表这我们团结进取，里面倒影的树叶是代表着我们蓬勃的精神面貌，下面的五个字母是计算机应用的首字母缩写。如下图；

4、利用表格对页面布局，我的网站共有5个主页面：班级首页、相册集合、班委成员、班级成员、班级活动，每一个页面用统一的背景以及图片，以保证网站统一的页面风格，版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，相同的风格多次调用是用css设计一个样式，以保证随时、准确的调用。1)通过绘制表格来设计页面布局；

2）在表格中插入页面元素，如利用文本域，来创建用户登录界面，插入图片等，首页头部插入了flash动画，改变其参数，使其达到了雪花飘落的动态效果，3 如下图：

主页的左边我用代码实现了其自动播放幻灯片的效果，右边利用代码达到了字幕的滚动效果，如下图：

5、子页面的设计，整体格局美观，温馨，明亮，能让观赏者眼前一亮，并在每个子页面添加了滚动字幕，以及flash特效。如下图：

6、每个网页完成后，为其添加链接，以达到浏览每个页面时畅通无阻，在添加 链接时，为了使导航文字在浏览时是白色字体，我用CSS为导航栏定义了一个版块，并用 CSS高级设置设置我需要的色彩。

五、实训总结 在这三天多的实训当中和同学进讨论制作网站，同时学到了许多关于网页制作的相关知识。第一，我觉得在制作过程中，发现自己学的东西太欠缺了，要学习有条不紊，要学习冷静思索，所以我想以后课上课下一定要认真学习，虚心听取别人意见，多去学习一点网页制作的技术，以备我以后的制作之路。通过这次实训，我学到了很多有价值的东西。我独立的完成了网站设计的全过程，把设计中散乱的网页链接成框架体系，使平时学到的知识点有了很高的提高，并且合理的在试验中进行了实践。第二，在这次实验的过程中，我搜集了大量的素材和网页设计的技术技巧方面资料，扩大了知识面，给我在以后的设计过程中能博采众长，制作出好的网页打下了基础。我现在已经掌握文档排版标记的使用熟练使用及其属性设置、特殊符号；第三：我现在已经熟练使用超级链接，合理使用列表；第四：我现在已经掌握图片标记及相关属性的使用、了解表格标记制作表格的方法。最后，我感受最深的是：要想做好一个网站，素材和技能都十分重要。好的素材需要多方查找资料，可以从图书、网站和新闻上查找。好的技能需要不断的实践，经常锻炼做网页。如果拥有好的素材和精湛的技能就可以做出精湛的网页。五天的实训课程结束了，此次实训检验了通过一学期的学习对知识进行了汇总，通过本次实训我已基本掌握了制作简单网页的过程，基本熟悉了各种软件的综合使用方法。实践出真理，实训的日子过去了，从理论和操作中融合了我们平时所学的知识，为我们的学习和工作铺垫了精彩的一幕。因此，我坚信，用血去做自己认为应该做的事，努力的开拓我们的极限，没有什么是不可能的，我们要更加的去努力。通过这五天的学习，在制作过程中出现了许多问，这些都是细节问题，我与同学进行了细致的研究后，最后达到了所要预期的效果。我非常感谢学校给了我这次制作网页的机会！

第三篇：网页设计实训总结

网页设计实训总结

通过这次实训对这门课程的学习，做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：

一、准备资料和挑选符合目的主题的合适素材

做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

二、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

三、善用图片，增强艺术效果

我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。

四、善于借鉴他人主页制作中的设计技巧

由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。

第四篇：网页实训报告

静态网站实训

姓 名：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“> （这里是插入背景音乐的代码）