天津电子信息职业技术学院 暨国家示范性软件职业技术学院
网页制作实训报告
姓 名： 系 别： 专 业： 班 级： 指导教师： 完成时间： 2012 年 6 月 1日
目录
一、题目的意义...................................................... 1 二、网站的设计...................................................... 4
2、软件的选择 .......................................................... 4
三、首页的设计及制作................................................ 5
1、首页的制作 .......................................................... 5
四、素材的制作...................................................... 8 1、flash的制作 ..................................................... 8
2、gif动画的制作 ....................................................... 9
六、网页设计实训总结............................................... 12
一、题目的意义
六一儿童节
“六一”国际儿童节的由来
1925年8月，世界54个国家的代表，聚集在瑞士日内瓦举行“儿童幸福国际大会”，发表了爱护儿童、保障儿童福利的宣言。国际儿童幸福促进会倡议建立儿
1
童纪念日，英国、美国、日本等国积极响应，先后建立了自己国家的儿童节，英国规定每年的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月宣布：以\"六一国际儿童节\"代替原来的\"四四儿童节\"，并规定少年儿童放假一天或七天。
2
目前世界上许多国家都将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日。
3
土耳其 4月23日，是土耳其的“国家主权及儿童日”。这个节日来自土耳其独立战争期间1920年土耳其国民大会的召开日期。1929年，根据儿童保护组织的建议，这一天被定为儿童节。从1986年起，土耳其政府开始在4月23日庆祝国际儿童节。
泰国
泰国的儿童节在一月份的第二个星期六。
欧洲 德国
在冷战期间，东西德国在儿童节上做法迥然不同。首先，日期就不一样：东德定在6月1日，西德定在9月20日；其名字也不同：东德称为“国际儿童节”
（internationaler Kindertag），西德称为“世界儿童节”（Weltkindertag）。另外，节日的传统也有区别。
在民主德国，儿童节开始于1950年，之后每年的这一天，都是孩子们一年中最开心的日子。往往会收到家长的祝福和礼物，在学校里也会举行特别庆祝活动，例如郊游等。在联邦德国，儿童节并没有特别的意义，许多人甚至都不知道这个节日的存在。
随着1990年德国统一，西德地区的儿童节日期和名称成为全德国官方的统一标准。然而在东德的许多地区，人们仍然无法改变旧有的习惯和称呼。因此，在每年的6月1日，许多家长仍然会和孩子一起庆祝儿童节的到来。
二、网站的设计
1、颜色的选择
蓝色被看作是代表理智的色彩，它象征着一种清新、明晰、合乎逻辑的态
度，人们看到蓝色时会感到开阔、博大、深远、平稳、冷静。实验也证明，蓝色会使人的呼吸变弱、脉搏减慢、血压降低。
表格背景颜色选为白色，能使紫色沉闷的感觉消失，变得优雅，标题字选为蓝色能配合淡紫色的网页背景色使人能更好的放松心情 。 2、软件的使用
Dreamweaver 8 Fireworks 8 Flash 8
4
3.主题的选择
我采用六一儿童节为主题，就是因为“六一儿童节”到啦，希望能联想起大家儿童共同美好的“那一年”。
三、首页的设计及制作 1、首页的制作
1、在F盘创建一个文件夹，作为站点文件夹，将素材文件和文件夹存入其中。如图1-1所示。
图3-1
2、双击打开Macromedia Dreamweaver 8图3-2
图3-2
5
3、编辑站点首页
然后点击文件窗口的站点管理
如图3-3
图3-3
4、点击新建按钮选择站点建立站点 如图3-4
6
图3-4
5、框架的建立 如图3-5
7
图3-5
6、最终形成
如图3-6
图3-6
四、素材的制作 1、flash的制作
1、在站点文件夹中创建一个文件夹，作为素材文件夹，将素材文件存入其中。
2、打开FLASH8， 如图4-1
图4-1
然后把所需要的素材执行“文件—导入—导入到库”，
在图层1的第一帧添加一个关键帧，然后插入一张图片，再在15帧添
8
加一个关键帧，最后在第一帧处创建补间动画，以后的几个图层按同样的方法做，最终形成 如图4-2
图4-2
3、保存并发布
2、gif动画的制作
1、打开Firework 8 如图4-3
图4-3
2、在“开始页”中选择“新建Firework文件”，新建一个空白文件。在弹出的“新建文档”中设置画布的“宽”为952，“高”为200，画布颜色选择白色，然后单击“确定”按钮。
9
3、制作图片
选择“文件”|“导入”菜单命令，在“导入”对话框中选择需要导入的图片。
3、导入一张图片并调整打小 如图4-4
图4-4
4、选择“文件”|“另存为”菜单命令，将文件以“图片.png”为文件名保存在指定文件夹下。 五、模板的制作及设计
1、打开Dreamweaver,新建一个基本页，插入一个表格，设计成为你想要的模板格式，然后 另存为模板 如图5-1
图5-1
10
2、然后把想编辑的地方设置为可编辑区，变成自己想要的布局 如图5-2
图5-2
3、然后在打开分别新建四个子页，在资源里边找到模板 如图5-3
图5-3
4、把模板拖放到子页中，然后对子页进行编辑具体操作和首页一样 5、最后用超链接把各个独立的网页连接起来 五、最后变成一个完美的网页 如图5-1
11
六、网页设计实训总结
通过这次实训对这门课程的学习，做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。所以我得出一下总结：
12
1、准备资料和挑选符合目的主题的合适素材
做主页当然要收集、准备资料。在网上多转转，看到什么漂亮的网页，把它保存起来，作为以后自己设计主页时的参考。另外，还包括搜集美化主页可能要用到的各种材料，如背景、小动画图标等等。你可以在硬盘上建一个文件夹，下分“图片、声音、动画”等文件夹，养成上网时看到有创意、新鲜的图像，就按鼠标右键存入你硬盘相应文件夹的习惯，时间一长你就有拥有了一个可观的图库，等做主页时随手拈来或加以修改就成你自己的东西了。
2、 规划好整个网站
主页的设计应以醒目优先，应该令人一目了然，切勿堆砌太多不必要的细节，或使画面过于复杂。切记，页面给人的第一观感最为重要！在网上到处浏览网站的人很多，如果你的主页给人的第一印像没有吸引力，很难令他们深入观赏，而且他们恐怕再也不会访问你的网站了。
3、 善用图片，增强艺术效果
我记得老师说过网页的迷人之处之一，要算它上面能点缀许多漂亮的图片。精美的图片设计，可以使自己的网页增辉不少，令人过目不忘。图片的内容应有一定的实际作用，切忌虚饰浮夸，同时还要注意与文字的颜色搭配。最佳的图像集美观与资讯于一身。
4、善于借鉴他人主页制作中的设计技巧
由于在网上用浏览器浏览任何主页时，都能查看到该主页制作时所编写的绝大部分网页编程源代码。因此，如果你想知道并掌握一些优秀的主页采用的设计技巧，试着将其源代码调出来仔细揣摩，并模仿着一步一步去实现。
13
因篇幅问题不能全部显示，请点此查看更多更全内容