收藏本站
 
设为主页
     您的位置:首页在线课堂高二级2017-2018学年度第二学期 》第八课
==※ 高二级 ※==
2017-2018学年第二学期






==※ 相关资源 ※==
 
太平洋电脑网
天极网
eNet网络学院
 
==※ 自由论坛  ※==
   
用户名:
密码:
 
忘记密码
游客请进
 
第八课 网页中的电子相册
 
学习目的:通过动手设计制作自己的个人网站,熟悉DW的各项功能,掌握网页制作技术。
学习重难点熟悉DW的各项功能,掌握网页制作技术。
教学方式:学生动手实践,老师个别辅导。

学习内容:

一、在网站中添加电子相册

  示例网页:珍贵的回忆

  很多同学在制作自己的网站时都会在网页中放入大量的图片,其中有些图片是以相册的方式呈现的,希望在自己的网页中增加相册效果,如何才能实现相册的效果呢?方法有很多,最简单的先给要呈现的照片制作对应的缩略图,然后将缩略图放在网页上并给每个缩略图设置一个超级链接指向对应的大图,当访客点击缩略图的时候就能打开对应的大图,具体的实现也可以通过ACDSee或者其他一些看图软件中的相册向导快速实现,但是这种相册相对比较简单,缺乏动感。接下来要介绍的是一个专门用来制作动态电子相册的工具:“Flash Gallery Factory”flash相册工厂
  Flash Gallery Factory的使用方法:
  1、制作相册前首先要把你的照片整理好,最好能用一个文件夹将照片集中起来。
  打开Flash Gallery Factory ,选择进入“画廊模式”“幻灯片模式”。下面以“画廊模式”为例,“幻灯片模式”操作类似。通过“浏览文件”将需要用到的图片素材导入到Flash Gallery Factory里面。
   2、添加图片切换效果和Flash主题。点击“模板”,在“一般”“3D主题”标签你可以看到提供的图片切换效果。点击一个,就可以在左边看到预览效果了。
  点击“3D 主题”你可以看到软件提供的3D图像主题,点击相应的主题就可以看到预览效果了。感觉还不错哦!如下图:
  3、利用Flash Gallery Factory图像软件导出Flash幻灯片和Flash相册。点击“发布”选项卡,然后点击“保存”按钮,选择你的站点文件夹作为保存的目录,输入保存的文件名,单击保存按钮,就会将相册的图片和flash文件及示例网页保存到指定目录中,如下图所示:



  4、如果你保存时输出文件夹不是选择自己的网站文件夹,那需要将发布出来的文件夹复制到你自己的网站里,然后在网页中插入刚才发布的flash文件(上图所示),这样就可以在网页中看到你制作的电子相册了。

 


二、本学期“网站设计”总任务:
请每个同学独立设计制作一份网页作品。
1、要求:
(1)主题自定,但必须健康向上,而且不能使用游戏类的主题
(2)总共要有10个页面或以上。
(3)网页中的内容要紧密结合作者的学习、生活实际或社会实践。
(4)在水平分辨率为1024(或以上)像素的电脑屏幕上浏览时,页面保持整齐,不允许出现横向的滚动条。
(5)时间安排:在第16周之前把网站上传到本教学网的个人主页空间。

2、评比指标:


三、网站设计相关资源:
1、HTML 教程:http://www.runoob.com/html/html-tutorial.html
2、HTML 参考手册:http://www.runoob.com/tags/html-reference.html
3、CSS教程:http://www.runoob.com/css/css-tutorial.html
4、CSS选择器:http://www.runoob.com/cssref/css-selectors.html
5、CSS参考手册:http://www.runoob.com/cssref/css-reference.html


* 友情提示:本文档只供本校师生上课时辅助使用,不是正规的教学设计或教案。


 

 

Copyright © 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View