第五次课 电子相册的制作 一、准备工作 1.安装fireworks，并且在开始制作电子相册时将Dreamweaver和fireworks全部打开。 2.将所有准备入相册的图片改成大小一致，并且放入同一个文件夹里（图片源文件夹dreamsky），保证路径为纯英文。 3.建立一个存放相册的文件夹（目标文件夹photo），同时保证路径为纯英文。 二、建立相册 1.Dreamweaver的命令——创建网站相册——弹出创建网站相册对话框：相册名称、副标题、选择图片源文件夹（dreamsky）、目标文件夹（photo）、设置缩略图大小（100*100）、列数（4）、建立导览页面（选中） 2.修饰页面： ●设置页面背景色为黑色 ●更改标题样式，制作带阴影的文字 ⏹插入——布局对象——层 ⏹层中插入文字，设置为笔画较粗的字体（梦幻天空），颜色设为深色 ⏹记录该层的位置、大小（左300px，上25px，宽是200px，高是45px）——属性面板 ⏹鼠标在空白处单击一下（为了防止层的嵌套），再次插入一个新层，层中插入与第一层大小、字体相同的文字，颜色可设为与第一层色系相同，颜色较浅。 ⏹将新层的大小、位置设为与第一层一致，并将该层偏左偏上微调（2个px即可），可利用键盘上的方向键，前提是选中该层。 3.相册中文件夹的清单： index.html——相册首页 images文件夹——原图的拷贝 thumbnail文件夹——相册首页的缩略图 pages文件夹——每个图片的导览页面 第六次课 环形导航布局 1.在excel表格中涉及好布局，有7个flash按钮，则需建立（15×8）的表格。 2.设置页面颜色为深色 3.插入15×8的表格，表格边框设置为0 4.根据自己的设计，从表格的最右边最中间的部位开始合并单元格，将单元格合并完毕后，依次插入flash按钮，注意flash按钮和网页中同一个文件夹下，并且路径为纯英文。 5.flash按钮的背景色与页面背景色保持一致，使页面效果协调 6.插入主题图片，将其所在单元格的对齐方式设为垂直居中 页面过渡效果设置： 1.在常用工具栏中切换到html面板，单击文件头按钮，选择meta 2.meta对话框: 属性：HTTP-equivalent；值：page-exit 内容:revealTrans(duration=x,transition=y) 注意：加入我是从A页面过渡到B页面，我们是将meta标记放在A页面中的。此外，A页面的链接目标必须不是在新窗口打开。 第六次课 玩具总动员 1.新建页面，插入一个2×2的表格 2.将事先准备好的背景图片插入，将边框/间距/边距均设为0使得背景图片可以很好的贴合作一起。 3.插入一个层，层中插入1×5的表格 4.将光标置于1，3，5单元格内，选择插入——图像——鼠标经过图像 5.在弹出的对话框中分别选择原始图像和鼠标经过图像即可 6.选中“预载鼠标经过图像”的复选框，可以使得鼠标经过图像提前加载在页面缓存中，使得图像转换更为流畅。 电影大世界制作 一、框架集 1.切换常用工具栏到“布局”工具栏——框架 2.选择“顶部和嵌套的左侧框架” 3.选中框架集网页，单击“文件”——“框架集另存为”——保存框架集页面film.html 二、框架页 1.依次建立6个页面： topfilm.html——顶部的标题页面 left.html——左侧的菜单页面 1.html~4.html为主框架中介绍电影的页面 2.为各个框架指定源文件页面： ●将页面切换到film.html中 ●按下alt键，同时点击要添加源文件的框架（topframe，leftframe，mainframe）中属性面板的源文件处，点击浏览按钮，选择对应的源文件网页。 3.为left.html添加链接属性： ●回到film.html中，中此框架中的left页面里添加链接，注意，每个链接选择的目标是mainframe 第八次课 行为 行为=事件+该事件所触发的动作，添加行为的对象 一、弹出信息窗口 添加行为的对象： 标记事件：onload 动作：弹出信息 二、设置状态条文本 添加行为对象：带有空链接的文字（制作空链接：在文本区输入一行文字，选中，在属性面板的添加链接处输入一个英文状态下的#） 事件：onmouseover 动作：状态栏文本改变 三、改变属性 添加行为的对象：带有空链接的文字 事件：onclick 动作：层的背景颜色（属性）发生改变 方法： ●插入层layer1，输入“我是黄色”，背景色设为黄色 ●鼠标在页面空白处单击一下，然后分别插入layer2，layer3，底色设为红色和绿色，分别在层内输入变为红色，变为绿色，并将该文字添加空链接。 ●选中空链接，添加行为——“改变属性” ●设置弹出对话框的选项： ⏹对象类型:div ⏹命名对象：div“layer1” ⏹属性：选择style.backgroundcolor ⏹新的值：红色：#ff0000,绿色：00ff00 四、播放声音 添加行为的对象：图片 事件：onclick 动作：播放声音 方法：插入——图片——选择图片——行为面板——添加行为——播放声音——选择要播放的音频文件即可。 五、交换图片 添加行为的对象：图片 事件：onmouseover与onmouseout 动作：交换图像 方法：插入一个图片——选中该图片——添加行为——交换图像——选择要交换的图像即可。 六、改变层文本： 1.插入一个层layer4，层内插入图片 2.插入一个新层layer5，设置层的背景颜色为黄色 3.选择layer4中的图片，添加行为，设置文本 4.在弹出的设置文本对话框中输入html文本：午后来杯咖啡吧～ 添加行为的对象：层内图片 事件：onmouseover 动作：层内出现文本 七、漂浮的图片 1.新建页面，设置背景，插入一个新层，层内插入图片 2.打开时间轴面板：alt+f9或者窗口——时间轴 3.鼠标点击层，选中该层，单击鼠标右键——记录路径 4.选中该层拖拽，画出运动轨迹 5.设置动画的播放：选中时间轴面板中的“自动播放”，“循环” 6.添加播放、停止按钮： 插入两个图片，选中图片添加行为——时间轴——停止时间轴/播放时间轴。 添加行为的对象：图片 事件：onclick 动作：停止/播放时间轴 八、幻灯片效果 1.设置页面格式、添加背景图层layer1 2.依次添加layer2——layer7，层中插入图片，注意统一图片大小，层的大小及位置。 3.设置层的Z轴，统一将每个层的属性设为隐藏。 注意：添加一个层，设置一个层，隐藏一个层！ 4.选中每个层，单击修改菜单——时间轴——添加对象到时间轴，设置每个层在时间轴的时间为20帧。 5.在时间轴的面板的行为栏B栏处添加行为，每个交接帧处，隐藏上一个层，显示下一个层。 6.选中自动播放和循环，这时会发现在121帧处出现一个行为“转到时间轴帧”这时循环添加的，将这个行为拉回120帧处可以让动画更为流畅。 7.保存，预览即可。
dw全部教程
Html教程：一、新建网页及保存：1.开始——附件——记事本2.打开记事本，输入源码3.文件——另存为——文件名（a1.html）,保存类型（所有文件）——保存二、文字格局：1.换行标记:原样显示文本:换行:段落标记，比多了一行空行2.文本格式：字体：属性包含：face-字体；size-大小；color-颜色字体样式：加粗倾斜下划线对齐方式：方法一：作为属性可以添加在;中方法二：直接给一个,注意要放在的外面。三、页面1.页面背景颜色及文字颜色：均是作为body标记的属性来进行设置。bgcolo
Top
| 
