网页制作实训报告.docx

网页制作实训报告.docx

《网页制作实训报告.docx》由会员分享，可在线阅读，更多相关《网页制作实训报告.docx（15页珍藏版）》请在冰点文库上搜索。

网页制作实训报告

天津电子信息职业技术学院

暨国家示范性软件职业技术学院

网页制作实训报告

姓名：

系别：

专业：

班级：

指导教师：

完成时间：

2012年6月1日

目录

一、题目的意义1

二、网站的设计3

2、软件的选择4

三、首页的设计及制作4

1、首页的制作4

四、素材的制作7

1、flash的制作7

2、gif动画的制作8

六、网页设计实训总结11

一、题目的意义

六一儿童节

“六一”国际儿童节的由来

1925年8月，世界54个国家的代表，聚集在瑞士日内瓦举行“儿童幸福国际大会”，发表了爱护儿童、保障儿童福利的宣言。

国际儿童幸福促进会倡议建立儿童纪念日，英国、美国、日本等国积极响应，先后建立了自己国家的儿童节，英国规定每年的7月14日为儿童节，美国规定5月1日为儿童节。

我国儿童节，早期为每年的4月4日，是1931年根据中华慈幼协会的建议设立的。

新中国成立后，劳动人民成为国家的主人，广大少年儿童也成了国家的小主人，为了培养广大儿童的国际主义思想。

在第二次世界大战期间，1942年6月，德国法西斯枪杀了捷克利迪策村16岁以上的男性公民140余人和全部婴儿，并把妇女和90名儿童押往集中营。

村里的房舍、建筑物均被烧毁，好端端的一个村庄就这样被德国法西斯给毁了。

第二次世界大战结束后，世界各地经济萧条，成千上万的工人失业，过着饥寒交迫的生活。

儿童的处境更糟，有的得了传染病，一批批地死去；有的则被迫当童工，受尽折磨，生活和生命得不到保障。

为了悼念利迪策村和全世界所有在战争中死难的儿童，反对虐杀和毒害儿童，以及保障儿童权利，1949年11月，国际民主妇女联合会在莫斯科举行理事会议，中国和各国代表愤怒地揭露了帝国主义分子和各国反动派残杀、毒害儿童的罪行。

为了保障世界各国儿童的生存权、保健权和受教育权，为了改善儿童的生活，会议决定以每年的6月1日为国际儿童节。

1949年12月，中央人民政府政务院发出通令，废除旧的“4·4”儿童节，将6月1日作为我国的儿童节。

与“六一”国际儿童节统一起来。

从此，每年的这一天，全国少年儿童都要举行各种活动，欢庆自己的节日。

许多公共娱乐场所特地为孩子们免费开放，各机关、团体、企业在这天还向本单位职工的子女和幼儿园的小朋友馈赠礼物，这是孩子们最愉快的一天。

六一儿童节,也叫"六一国际儿童节"，每年的6月1日举行，是全世界少年儿童的节日。

1942年6月，德国法西斯枪杀了捷克利迪策村16岁以上的男性公民140余人和全部婴儿，并把妇女和90名儿童押往集中营。

村里的房舍、建筑物均被烧毁，好端端的一个村庄就这样被德国法西斯给毁了。

为了悼念利迪策村和全世界所有在法西斯侵略战争中死难的儿童，1949年11月，国际民主妇女联合会在莫斯科举行理事会议，中国和各国代表愤怒地揭露了帝国主义分子和各国反动派残杀、毒害儿童的罪行。

为了保障世界各国儿童的生存权、保健权和受教育权，为了改善儿童的生活，会议决定以每年的6月1日为国际儿童节。

在此以前，世界上的许多国家就有儿童节。

1925年，国际儿童幸福促进会倡议建立儿童纪念日，英国、美国、日本等国积极响应，先后建立了自己国家的儿童节，英国规定每年的7月14日为儿童节，美国规定5月1日为儿童节。

日本的儿童节很特殊，分男女儿童节，男儿童节5月5日、女儿童节3月3日。

我国在1931年也曾经规定4月4日为中国儿童节。

自从1949年确立6月1日为国际儿童节以后，世界各国纷纷废除原来的儿童节，而统一为"六一国际儿童节"。

我国中央政府1949年12月宣布：

以"六一国际儿童节"代替原来的"四四儿童节"，并规定少年儿童放假一天或七天。

目前世界上许多国家都将6月1日定为儿童的节日，尤其是在社会主义国家。

在欧美国家，儿童节的日期各不相同，而且往往很少举行社会公众性的庆祝活动。

（见下文德国的进一步讨论）往往有人误解为只有社会主义国家才将6月1日定为儿童节，事实上，在近年，美国的一些组织也开始考虑将儿童节定在6月1日。

亚洲

中华人民共和国

从1949年开始，中华人民共和国正式定每年6月1日为国际儿童节。

学校一般会为此组织相关的集体活动，并要求学生正式着装（普及校服前为白衬衣蓝线裤）。

香港现时虽属共和国一部份，但民间在约定俗成下，香港儿童节的日期仍保留与中华民国一致的4月4日。

民间庆祝的方式多以送玩具礼物给小朋友，或陪小孩出外吃大餐或游玩。

中华民国

1931年，孔祥熙发起建立的中华慈幼协济会提议，将4月4日定为中华民国儿童节，此后，中华民国立法机关在纪念日及节日实施办法第五条中规定，4月4日儿童节由有关机关、团体、学校举行庆祝活动，不列为国定假日。

香港也以此日作为儿童节。

日本

日本的儿童节，叫做“儿童日”（日语：

こどもの日），是一个传统节日。

在每年的5月5日，日本的家庭都会庆祝孩子的长大。

二战前，这个节日被称为“端午节”（日语：

端午の节句），并且只是男孩的节日。

1948年，当这个节日成为公众假日的时候，便成了庆祝所有儿童幸福和福利的节日。

在节日当天，日本的家庭都会在屋顶上悬挂鱼状的标志，用来象征儿童消除厄运，克服困难，顺利成长。

不过日本在3月3日还有单独的女孩节，从上巳节发展过来，女儿节以摆放各种玩偶来庆祝。

男儿节悬挂鲤鱼旗是源自中国的“望子成龙”和“鲤鱼跳龙门”的传说。

韩国

韩国的儿童节（韩语：

어린이날）开始于1923年，是从“男孩节”演变过来的。

这也是韩国的公众假日，定在每年的5月5日。

家长们通常会在这一天带孩子去公园、动物园或者其他游乐设施，让孩子开心地度过假日。

印度

在印度，儿童节的日子就是开国总理贾瓦哈拉尔·尼赫鲁的生日，也就是每年的11月14日。

土耳其

4月23日，是土耳其的“国家主权及儿童日”。

这个节日来自土耳其独立战争期间1920年土耳其国民大会的召开日期。

1929年，根据儿童保护组织的建议，这一天被定为儿童节。

从1986年起，土耳其政府开始在4月23日庆祝国际儿童节。

泰国

泰国的儿童节在一月份的第二个星期六。

欧洲

德国

在冷战期间，东西德国在儿童节上做法迥然不同。

首先，日期就不一样：

东德定在6月1日，西德定在9月20日；其名字也不同：

东德称为“国际儿童节”（internationalerKindertag），西德称为“世界儿童节”（Weltkindertag）。

另外，节日的传统也有区别。

在民主德国，儿童节开始于1950年，之后每年的这一天，都是孩子们一年中最开心的日子。

往往会收到家长的祝福和礼物，在学校里也会举行特别庆祝活动，例如郊游等。

在联邦德国，儿童节并没有特别的意义，许多人甚至都不知道这个节日的存在。

随着1990年德国统一，西德地区的儿童节日期和名称成为全德国官方的统一标准。

然而在东德的许多地区，人们仍然无法改变旧有的习惯和称呼。

因此，在每年的6月1日，许多家长仍然会和孩子一起庆祝儿童节的到来。

二、网站的设计

1、颜色的选择

蓝色被看作是代表理智的色彩，它象征着一种清新、明晰、合乎逻辑的态度，人们看到蓝色时会感到开阔、博大、深远、平稳、冷静。

实验也证明，蓝色会使人的呼吸变弱、脉搏减慢、血压降低。

表格背景颜色选为白色，能使紫色沉闷的感觉消失，变得优雅，标题字选为蓝色能配合淡紫色的网页背景色使人能更好的放松心情。

2、软件的使用

Dreamweaver8

Fireworks8

Flash8

3.主题的选择

我采用六一儿童节为主题，就是因为“六一儿童节”到啦，希望能联想起大家儿童共同美好的“那一年”。

三、首页的设计及制作

1、首页的制作

1、在F盘创建一个文件夹，作为站点文件夹，将素材文件和文件夹存入其中。

如图1-1所示。

图3-1

2、双击打开MacromediaDreamweaver8图3-2

图3-2

3、编辑站点首页

然后点击文件窗口的站点管理

如图3-3

图3-3

4、点击新建按钮选择站点建立站点

如图3-4

图3-4

5、框架的建立

如图3-5

图3-5

6、最终形成

如图3-6

图3-6

四、素材的制作

1、flash的制作

1、在站点文件夹中创建一个文件夹，作为素材文件夹，将素材文件存入其中。

2、打开FLASH8，

如图4-1

图4-1

然后把所需要的素材执行“文件—导入—导入到库”，

在图层1的第一帧添加一个关键帧，然后插入一张图片，再在15帧添加一个关键帧，最后在第一帧处创建补间动画，以后的几个图层按同样的方法做，最终形成如图4-2

图4-2

3、保存并发布

2、gif动画的制作

1、打开Firework8

如图4-3

图4-3

2、在“开始页”中选择“新建Firework文件”，新建一个空白文件。

在弹出的“新建文档”中设置画布的“宽”为952，“高”为200，画布颜色选择白色，然后单击“确定”按钮。

3、制作图片

选择“文件”|“导入”菜单命令，在“导入”对话框中选择需要导入的图片。

3、导入一张图片并调整打小

如图4-4

图4-4

4、选择“文件”|“另存为”菜单命令，将文件以“图片.png”为文件名保存在指定文件夹下。

五、模板的制作及设计

1、打开Dreamweaver,新建一个基本页，插入一个表格，设计成为你想要的模板格式，然后另存为模板如图5-1

图5-1

2、然后把想编辑的地方设置为可编辑区，变成自己想要的布局

如图5-2

图5-2

3、然后在打开分别新建四个子页，在资源里边找到模板

如图5-3

图5-3

4、把模板拖放到子页中，然后对子页进行编辑具体操作和首页一样

5、最后用超链接把各个独立的网页连接起来

五、最后变成一个完美的网页

如图5-1

六、网页设计实训总结

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

所以我得出一下总结：

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

做主页当然要收集、准备资料。

在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。

另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。

你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。

2、规划好整个网站

主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。

切记，页面给人的第一观感最为重要！

在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。

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

我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。

精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。

图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。

最佳的图像集美观与资讯于一身。

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

由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。

因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。