网页制作实训报告1Word下载.docx

网页制作实训报告1Word下载.docx

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

2、软件的选择4

三、首页的设计及制作4

1、首页的制作4

四、素材的制作7

1、flash的制作7

2、gif动画的制作8

六、网页设计实训总结11

一、题目的意义

网站的作用

信息技术的飞速发展，带来了全球信息资源不可逆转的网络化发展趋势。

信息技术对人类社会、经济、文化的影响是全方位的，多层次的，对于教育亦是如此。

信息科学技术、人工智能等的研究与开发，不仅对我国现行的教育与教学理念提出了挑战，而且为我们实现素质教育的理想提供了切实可行的方案、方法与工具。

高新技术已成为营造新型文化学习的强有力的催化剂。

全球信息资源的网络化趋势对现代人的能力素养，尤其是信息素养，提出了新的要求。

它要求人们在网络环境下学会基于资源的学习，学会有效地收集、整理、加工信息。

目前，教育信息化已成为教育界最热门的话题之一，也是近些年来投入较大的方面。

在一些学校，多媒体、校园网已像校舍、教学仪器一样成为学校的必备设施，给教育教学注入了生机和活力。

组建学校教育网站，可以把学校信息和教育方式推到网上，以获取更多的学生的注意，这是学校走近招生的第一步。

您在筹集资料及以后的维护中要注意，这是一个增加学校招生渠道的方式。

学校网站能够更好的树立学校形象,展示学校风采.Internet最初始层面的作用就是展示学校形象，就象利用各种传统媒体发布的学校形象宣传广告，所不同的是费用低廉、有效时间长、速度快、更新便捷，仔细考虑您的竞争优势在哪里，如学校是否获得过什么奖励、教学先进等，提高学校的知名度

在此时，网络的技术手段不再是早期的简单通讯,也不再是冷冰冰的、单向传播的传统意义上的媒体,它是实时的、双向的、交互的、是可控的,是多种媒体的。

我们觉得，这才是网络教育真正具有革命性的意义所在。

其优势有以下几方面：

（1）极大的增强了教师之间的交互性、打破了学校与教师、教师与学生之间的相对孤立状态。

这种交互性是近乎实时的、而且可以利用多种渠道实现，比如：

电子邮件，BBS，WWW，网上在线交谈等等;

（2）学习的异步性：

利用网络进行远距离教育，可全天24小时进行，每个教师都可以根据自己的实际情况来确定学习时间、内容和进度，可随时在网上下载相关学习内容或向同行、专家进行请教；

（3）学习信息的广泛性：

网络同多媒体技术、虚拟现实技术相结合，可实现虚拟图书馆、虚拟实验室、虚拟课堂等；

为教师提供多层次、全方位的学习资源，可引导教师由被动式学习向主动式学习转变；

（4）评价的及时性：

在传统的远距离教育中，对教师进行评价是件非常困难的事，要耗费大量的人力和物力，而学习过程中的形成性评价是提高学习效率的有效途径。

通过网络上评价系统，可使教师及时得到有关自己学习过程的反馈及有针对性的诊断，使得教师能够及时调整自己的学习。

利用Internet克服了传统教育的局限性，它将形成一种主动的、协作的、开放的学习模式，并充分考虑双向学习环境，采取有提问、有反馈、有交流的方法，既保留了传统远教中的生动形象性和不受空间限制等优点，又有相互访问，双向交流，学习资源、学习内容广泛等优良特性。

我们觉得,网络教育和学习的研究发展到今天,已经走过了最初"

大胆假设"

的阶段,现在正在步入"

小心求证"

的时期，前途一片光明，我校的网络建设的尝试可见一斑。

学校网站为学校管理提供了一个可实现交互性的范本，学校网络利用率得到提升，学校的通知，学校的新闻，建立的学习专题，备课资源和课件资源可在第一时间实现上传和下载的共享方式，校园留言板成为学校管理及时反馈的一个舞台，网络的优势逐步展示出来。

学校因此被中国教育先锋网评?

"

第二届互联网知名学校"

，这也是对于我们充分利用网络，实现管理优化的一种充分肯定。

实践证明，计算机，创造了一个美丽的神话；

多媒体，展示了一个多彩的世界；

互联网，连接了一份梦想与光荣；

如果我们"

网住"

了今天；

那么明天我们就能做得更好!

国家的希望在教育，教育的希望在教师"

，教师在教育教学改革中的关键作用得到了人们更广泛的认同。

教师专业化、教师的专业发展，无论在理论上还是实践上都成为世界教师教育关注的焦点。

&

nbsp;

顾泠沅曾说过这样的话，大意是，如果说过去的校长以教学质量为他的责任的话，那么现在的校长的职责有两条，还应把教师的发展作为他的职责。

二、网站的设计

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、善于借鉴他人主页制作中的设计技巧

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

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