网页三剑客教案.doc

整理MACROMADEDIA FLASH-MX教案第一课一、 操作界面1、标题栏：软件名+文件名2、菜单栏：文件、编辑、视图、插入、修改、文本、控制、窗口、帮助3、时间面板4、工作区与画布5、工具箱6、修改面板区7、参数面板二、文件建立：FILENEW 修改：MOILIFYDOUMENTS保存：FILESAVE打开：FILEOPEN关闭：FILECLOSE关闭软件：FILEEXIT三、 具箱的应用a) 直线工具：拖画绘制直线，配合CTRL成45角直线； 配合PROPERTIES面板：修改颜色线段类型粗细b) 铅笔：拖划成自由线段，配合CTRL成90角直线，OPTIONS选项修改折角类型，PROPERTIES选项：修线段颜色类型粗细c) 图形工具：拖划成图形PROPERTIES 面板，修改，颜色，填充类型d) 矩形：拖划成矩形，加CTRL成正方形；PROPERTIES面板修改其填充类型和颜色e) 笔刷：拖划成自由色块，加CTRL成直形色块；PROPERTIES面板修改其颜色。f) 钢笔：点击连成真线，点击拖划成曲线。加CTRL成45角曲线，点击节点可删除节点，点击线段可增加节点。g) 墨水瓶：点击修改线段的属性；PROPERTIES面板修改其属性。h) 油漆桶：点击修改色块的属性。i) 主选择工具：点击选择及移动对象，配合CTRL可多选及取消选择，拖划框选对象j) 子选择工具：点击拖划可选择对象，击节点可选择节点，修改节点。k) 索套工具：拖划选择位图的部分自由索套点击连线选择多连形索套点击选择相同颜色的区域魔术棒l) 变形工具：选择对象后，用它改变对象的形状与大小。m) 渐变调整工具：点击修改渐变色的中心点位置，尖锐程度及方向。n) 吸管工具：点击吸取颜色并附经第二次点击的对象上。o) 橡皮擦：点击拖划可擦除各种对象。p) 徒手工具：点击移动整块画布。q) 放大境：点击放大对象的视图显示，配合CTRL缩小对象的视图显示。四、 辅助工具的使用a) 网格：VIEWGRID 显示/隐藏网格 VIEWGRIDEDIT GRID 编辑网格VIEWGRIDSNTOP TO GRID 对齐网格b) 标尺：VIEWRELERS 显示/隐藏标尺 MOVSFYDOCUMENTRULER VNITS 调整标尺的单位。c) 参考线：VIEWGUIDESSHOW GUIDES 显示/隐藏参考线VIEWGUIDESECLIT GUIDES 修改考线VIEWGUIDESSNUP TO GUIDES对齐参考线五、 文字的输入：工具箱FEXT按钮点击输入PROPEREIES面板修改文字属性第二课一、 动画原理帧中的对象在时间段上的连续显示二、 FLASH帧中生成动画的方法1、逐帧经制2、打开图片文件的方式3、使用FLASH命令的方式三、 帧的创建方法及修改1、关键桢：INSERTKEY FRAME 有内容的关键桢INSERTBLAMK FRAME 空的桢2、续桢：INSERTFRAME3、过渡桢：PROPERTIES 面板TWEERMOTION/SHEPE4、桢的删除：选择桢INSTERTREMOVE FRAME5、清除桢的内容：选择桢INSETCLEARREY FRAME6、移动：点选桢按信鼠标拖放到新位置7、复制、粘贴桢：选择桢EDITCOPY FRAME PASTE FRAME8、桢的标签与批注： 选择桢PROPERTIES 面板LASEL：输入文本成标签，文本前加“/”成批注四、 层的创建及修改层：透明的载体，以放置不同的对象的以使在制作动画时互不粘连影响。1、创建：INSERTLAYER鼠标右键INSERTLAYER2、删除：选择层右键DELETE LAYER选择层点击删除层3、移动：选择层一按住拖动4、显示/隐藏层：点击层的眼睛图标5、销定层：点击层的销具图标6、层的属性：选择层一MODIFYLAYER一、逐帧动画的创建方法：在每一帧中创建各自的对象，再逐帧修饰形成的动画。二、导入文件形成的动画方法：在选定的一帧中使用FileImport导入命令，选定要导入的第一幅图片，确定即可。注意：要导入的一组图片文件名必须为连续的。三、变形动画的创建方法：先在起始帧中绘制对象再到结束帧中绘制对象选第一帧或其后的过渡帧Properties面板下Tween菜单选定Shape命令，即可。：移动、变色、变形、及透明度的变化。取消变形动画：选其起始帧Properties面板Tween菜单中选定None命令。四、用变形点控制变形过程方法：先作出Shape动画选起始帧中的对象元素ModifyTransformAdd Shape Hint移动变形点到指定的位置结束帧移动变形点的位置即可。删除变形点：将变形点拖离画布删除所有变形点：ModifyTransformRemove All Hints.五、Shape变形动画的属性Easing快慢：前后半段的加速度。 正值：减速 负值：加速Blend：调记类型Distributive：分布式：平滑Angular：规则式：保留明显的角和直线六、洋葱皮的使用1、作用：定位，以使在当前帧看到或编辑其它帧的内容2、用法：Onion Skin（洋葱皮）按钮：起用或关闭洋葱皮效果。 Edit Multiple Frames：编辑洋葱皮可见各帧的对象。 Modify Onion Markers：修改洋葱皮的显示1）一直显示标记；2）锁定标记；3）显示前后各两帧；4）显示前后各五帧；5）显示所有帧。一、符号与实例1、符号：可重复使用的对象实例：调用到场景中的符号分身。2、作用：1）简化编辑量，便于更新修改；2）缩减文件量；3）加快播放速度。3、类型：图形符号：Graphic按钮：Button影片符号：Movie Clip（声音符号、导入图片的符号）、（文件夹）4、创新:1) InsertNew symsol2) Lisrary面板New symsol3) 选定对象InsertConvert to synbol5、 删除： Library面板选符号Delete按钮6、 复制： Library 面板选符号Duplicate 符号的属性/实例的效果/实例的使用与面板共享库资源 图形 新片的区别 符号中心点心 符号实例 的转 实例的分离二、运动动画Motion效果： 大小 色调 透明度 轨迹的运动事项：为同一符号创建：创建好起 和 来 选起 Properties面TweenMotion命令InsertGrext Motion Tween取消：选起 Properties 面板TweenNone属性： 口 Scale：缩放 是否允许 Easing: 加速/减速 Rotate: 旋转 Orient to Path: 和路径轨迹平行 Synchrinization: 同步 Snap to: 对齐 实例中心点和轨迹三、使用轨迹层路径引导Motion 方法：先创好Motion动画选定该层InsertMotion Guide(Add Motion Guide )选新加的轨迹层绘制轨迹路径选Motion层调起？和？中对象的位置注意：1、路径为非封闭的 2、只对下层Motion起作用四、蒙板层动画蒙板：上下两层相互遮罩形成的聚光灯效果 上层的外形轮廓和下层对象的属性 创建：编辑好上下两层的内容选上方的层右键Masked取消：选上方的遮罩层右键Masked修改：外决其层的锁定的显示修改上锁后则显示蒙板效果进制一 按钮符号 1、作用：与行为结合以控制影片的行为动作,实现交互效果 2、创建: InsertNew symsolBottonOk 分别编辑以下四项内容: Up : 未激活状态 Over: 悬停状态 Down: 点击状态 Hit: 鼠标响应区(热区)3、调用:从库面板中拖入总部场景中即可 创建运动的动态按钮二、行为语言Action script 1 定义:Actionscript是一种 编程语言,可产生交互的复杂效果 2 适用附加对象:1)铵钮 2)关键帧 3)影片符号实例三、创建铵钮行为 方法:选铵钮实例Action面板双击要附加的动作 组成:铵钮事件+行为动作 铵钮事件On (press): 按下左键On(release):单击一按下再释放On(release outside):按下再到铵钮外释放On(roll over):悬停On(roll Over):鼠标按下再拖动到铵钮外On(drag Out):按下拖动再拖回On(KeyPress):键盘按键操作删除:选铵钮Action面板选命令语句点击减号钮四、创建帧事件方法:选定某桢Action面板双击要附加的动作语句组成:播放头播放到此帧即激活此动作行为删除:选帧Actions面板选语句点击减号钮五、Get URL :打开某资源网页创建超链接 方法:选某帧/按钮Action面板双击GetURL语句 Url:输入资源的地址 Window:目标窗口Variasle:变量的?方法六、“Stop” 命令:停止播放七、“Play”命令:开始播放八、“Goto and play(stop):跳转到某帧上开始播放(停止) Scene ：场景的选择 Type 类型 ：目标帧选项 Frame:帧编号九、LoadMovie:载入电Swf文件/Jpeg文件十、unloadMovie:御载电影文件SWF/JPEGSetproperty:设置属性StarDrog：开始拖动stopdrag:停止拖动duplictemovieclip:复制电影符号removemovieclip:删除电影符号loadsound:载入声音文件attachmovie:动态载入电影符号setmask:创建影片符号蒙板影片的导出发布1、出为SWF格式 第六课一、组件COMPONENTS1、 checkbox复选框lable: 标签inital value:初始值true/falsealignment:对齐方式right/leftchanghandler:改变后的处理程序2、ComboBOX组合框下拉菜单+可编选文本框EDITABLE:可编辑true/falseLabel:标签data:数据 与标签相关联的值rowcount:行数 8changehandler:改变后的处理程序 onchange3、ListBoxlable:data:select multiple:changehandler:Push Button：按钮Lable:标签ClickHandler:单击后的处理程序Radio Button:单选按钮groupname:组名称lable标签initialstate;初始状态true/falsechangehandler: 单击后的处理程序onchangedata:数据alignment:对齐right/leftScrollBar：滚动条动态和输入文本域_target InstanceName:文本域的实例名ScrollPane:滚动窗（有水平和垂直滚动条的显示影片符号的窗口）（库中的影片符号linkage properties连接属性中框选Export for Actionscript）scrollcontent:窗口内容Vscroll:纵向滚动显示 true/false/autoHscroll:横向DragContent:拖动影片符号true/falseMACROMADEDIA DREAMWEAVER MX第一课一、操作界面1、标题栏2、菜单栏-3、插入对象栏4、工具栏-文档栏/标准栏5、属性栏6、面板区1.Design -设计类 包括Css Styles、Html Styles、Behaviors三个子面板.2.Code -代码类 包括Tag Inspector、Snippets、Reference子面板。 Tag Inspector面板可以方便添加标签的各项属性。 Snippets面板里有许多代码片断 Reference是参考手册3.Application -应用类 （包括Datebases、Bindings、Server Behaviors、Components四个子面板。 可以帮助你完成带数据库的网络应用程序。取代Ultradev。7、文档工作区二、站点的建立1、新建：site-new site- site面板-site-new site2、修改：site-edit site-/new新建 /edit /duplicate /remove /export /import3、打开：site面板-site列表三、网页的操作1、新建：file-new file site面板-file-new file2、删除：site面板-file-delete3、打开：file-open site面板-file-open4、重命名：site面板-file-rename5、移动：鼠标拖放6、保存：file-save四、文件夹的操作1、新建：site面板-file-new folder2、删除：site面板-file-delete3、打开：site面板-file-open4、重命名：site面板-file-rename5、移动：鼠标拖放五、网页属性1、Modify-page properties2、右键-page properties六、辅助工具1、标尺:view-grid2、网格：view-rulers-七、文本的编辑1、输入：键盘输入 粘贴2、格式的修改：选定-properties面板- 选定-text-3、空格：insert面板-characters-NBS4、换行：insert面板-characters-BR八、HTML 样式1、分类：2、新建：text-html styles-new styles HTML面板-new styles3、应用：选定-点击样式4、删除：HTML面板-DEL钮5、清除：HTML面板-Clear.第二课一、HTML编辑1、HTML是一超文本描述性标记语言2、组成：普通文本/ 标记/ 属性和值/ 脚本/ 注释/二、图片文件的应用1、格式：GIF/JPG/JPEG/PNG/2、应用/保存：Insert-image Insert面板-image钮 鼠标拖放 复制粘贴3、属性的调整：选定-Properties面板4、图片编辑器的指定: Edit-Preferemces-File types/editor5、解除图片的锁定： site面板-选定图片-右键-turn off ready only三、站位图片的使用1、新建：insert-image placeholder Insert面板-image placeholder钮2、属性的调整：选定-Properties面板四、超链接1、定义：从一个网页指向打开另一文件或程序的响应功能2、组成：载体/目标页3、分类：（载体）文本/图片/热区/按钮 （目标）外部/内部/书签/邮件/空连接/脚本4、创建：选载体-使用命令-选目标页5、命令：modify-make link properties面板-LINK/Browse for file钮 右键-make link Insert/ Insert面板-hyperlink/Email link/named anchor6、修改：选定-properties面板-LINK/Browse for file钮7、目标窗口的使用修改 选定-properties面板-TARGET列表8、删除9、更改五、交互图象的应用 Insert-Interactive Images- -rollover image -navigation bar -Flash button -flash text -fireworks html六、swf文件的应用MENU：true/false (控制鼠标右键菜单 第三课一、框架1、定义：将一浏览器窗口划分为几个区域，每个区域都可分别显示一网页文件。2、组成：框架集网页 子框架 初始页 边框线3、创建：Insert-frame- insert面板-frames-4、保存：file-save all5、框架（集）属性：选定框架-properties面板6、选择：ALT+鼠标点击 frames面板-点击7、拆分：选定框架-ALT+拖拉 modify-frameset-split 8、删除：选定框架-拖拉9、框架网页中超连接的设定10、编辑无框架页二、表格1、作用：布局、定位2、组成：行/列/单元格/边线3、创建：insert-table insert面板-table钮4、表格的选择 modify-table-select 鼠标的点击/拖划/CTRL键5、表格属性 选定表格-properties面板 单元格属性 合并/拆分/删除/插入/排序 6、properties面板的使用7、表格的嵌套8、表格与层的转换modify-convert第四课一、层的应用1、作用：定位/行为2、创建：insert-layer insert面板-draw layer钮3、选择：4、移动：5、删除：6、属性：选定层-proterties面板-7、对齐：选定多层-modify-align-8、层面板 /9、标准视图/规划布局视图 绘制布局表格和绘制布局单元格二：表单1、功能2、组成： 表单区域/表单组件3、创建：Insert-Form insert-form object- insert面板-forms 表单/单行文本框/隐藏域/多行文本框/复选框/单选按钮/单选按钮组/ 下拉菜单/跳转菜单/图片域/浏览域/按钮/标签/ 字段集4、属性的修改 选定-properties面板第五课一：css层叠式样式单 CSS是Cascading Style Sheets（层叠样式表单）的简称。它允许作者在HTML文档中加入样式（如字体类型、颜色、大小等等）。1、分类2、创建与保存：text-css style- css面板-new style钮3、修改：text-css style-edit style css面板-edit style钮 4、导入：text-css style-attach style css面板-attach style钮 5、删除：6、清除：7、应用：8、CSS面板二：行为1、Behaviors面板 事件+动作2、应用： 选定载体-Behaviors面板“+”入行为3、删除： 选定载体-Behaviors面板“”除行为 4、调整事件 选定载体-Behaviors面板-events onMouseOver：鼠标移到目标上；onMouseUp：按下鼠标再放开左键时；onMouseOut：鼠标移开时；onMouseDown：按下鼠标时（不需要放开左键）；onClink：点击时；onDblClick：双击时；onLoad：载入网页时；onUnload：离开页面时； onResize：当浏览者改变浏览窗口的大小时；onScroll：当浏览者拖动滚动条的时。5、动作 播放声音：可以为网页加入声音；打开浏览窗口：可以打开一个小窗口（和网上的弹出窗口一样）；弹出信息：可以弹出一条警告信息；调用JavaScript：调用网页中包含的Javascript程序；交换图像：实际上是交换图像；更改办容：可以改变已经插入的层的内容；恢复交换图像：把已经交换的图像恢复过来；检测插件：可以检测访问者的浏览器是否己安装浏览网页所必须的插件；检测浏览器：检测访问者使用的是什么类型的浏览器；检查表单：检验网页中的表单是否合法；控制Shockwave或Flash：控制网页中包含的Shockwave或Flash；转到URL：跳转到其它页面；设定图像导航条：和交换图像差不多；设置文字：在特定的地方显示文字；显示或隐藏层：设置图层的显示或隐藏；时间轴：可以制作更多的动态交果；（以后再说）跳转菜单：插入跳转导航菜单；跳转菜单开始：控制导航菜单跳到哪个页面；拖动层：设定图层是否允许拖动；预先载入图像：在网页装载前先预先载入图像；显示事件：设定显示IE或NS各个版本的事件；下载更多的行为事件：打开网页，去下载更多的事件。第六课一：模板创建：Templates面板-new Templates钮保存:file-save as Template ctrl+s应用：Templates面板-apply钮修改：Templates面板-edit钮定义可编辑区：insert-Template objects-editable regin基于摸板创建网页：file-new-Template项二：库组件库面板：assets面板-library创建：library面板-new library item应用：library面板-insert钮修改：library面板-edit三：其它1、头部元素关键字：为网页的关键词，可以让搜索引擎搜索到；/说明：为网页的说明，如作者、介绍等；刷新：可以设定多长时间后刷新网页或跳转到其它网页；基础：为网页的基本链接，如插入一个目标为_blank基础，网页中的一切默认链接都将打开新窗口；2、脚本：可以插入各种Javascript、Vbscript或其它脚本。3、 选中ASP：（编辑ASP网页时用到，新手可不必理会），可以插入各种ASP编程里用到的标签。4、选中应用程序：（编辑动态网页时候用到，新手可不必理会），可以对数据库进行操作。5、字符：可以插入一些特殊的字符，其中BR为换行符（快捷键为CTRLENTER，此项与ENTER有所不同，可以自己试试），其它的可以自己试试。6、媒体：可以插入FLASHFLASH按扭FLASH文本Applet等插件。四、站点的上传FTP主机（H）为你的网站的FTP地址；主机目录（D）为你的网站所在FTP主机上的目录（一般为根目录,可以不填）；登录（L）为你的用户名；密码（P）为登录密码；使用被动FTP使用防火墙（U）如果你链接服务器要用到防火墙，请勾中使用防火墙（U）这一项，并设置好参数；使用SHH加密登陆保存时自动将文件上传到服务器（A）启用存回/取出(测试服务器，遮盖 ，设计备注，站点地图布局，文件视图列)MACROMADEDIA FIREWORKS MX第一课一：功能简介二：操作界面1、标题栏2、菜单栏3、工具栏4、工具箱5、属性栏6、状态条7、面板区8、文档区三：文件的操作1、新建：file-new2、保存：file-save3、打开：file-open4、属性的修改 properties面板- modify-canvas-四：矢量图与位图五：工具的使用1、主选2、次选3、变形3、切割-4、框选5、索套6、魔术棒7、笔刷8、铅笔9、橡皮10、涂抹11、图章12、吸管13、油漆桶-14、直线15、钢笔16、矩形17、文本18、自由19、切刀-20、热区21、切片-22、调色-23、视图第二课一：特效的应用1、斜角-properties面板-effects-bevel2、浮雕-properties面板-effects-emboss3、投影-properties面板-effects-shadow3、发光-properties面板-effects-glow5、模糊-properties面板-effects-blur6、锐化-properties面板-effects-sharpen7、阿尔法图-properties面板-effects-other-8、勾边-properties面板-effects-other-9、调节颜色-properties面板-effects-adjust color10、插件滤镜-properties面板-effects-eye./alien. (filters菜单)第三课：一；层的应用1、layers面板-F22、创建与复制 layers面板-new/duplict钮3、删除 layers面板-delete钮4、分类5、显示与隐藏 layers面板-眼睛图标6、移动 layers面板-拖拉7、层的混色模式二：蒙板遮罩层的应用1、粘贴遮罩 modify-mask-paste as mask2、组合遮罩 modify-mask-group as mask3、添加遮罩层 layers面板-add mask4、遮罩的修改 modify-mask-三：路径的修改1、modify-combine paths-2、modify-alter path-3、modify-group/ungroup第四课一、样式的应用1、styles面板2、创建：styles面板-new钮3、删除：styles面板-delete钮4、应用：styles面板-点击二：符号与实例1、图片2、动画3、按钮4、创建：edit-insert-new symbol modify-symbol-convert to symbol libiary面板-new按钮5、修改：modify-symbol-edit symbol6、应用：libiary面板-拖放7、分离：modify-symbol-break8、库面板三：动画的应用1、创建 -打开多个文件分发到桢中 file-open-(open as animation) -逐桢绘制 -用命令生成 modify-animation-animation selection modify-symbol-tween instances2、fram面板的使用 桢的创建/复制 桢的删除 桢的移动 桢速率的改动 动画循环的设定四：热区与切片1、热区的创建 创建热区工具 edit-insert-hotspot2、切片的创建 创建切片工具 edit-insert-slice第五课一：行为1、应用对象2、应用： behaviors面板-“+”入3、隐藏与删除 behaviors面板-二:优化与导出文件1、文件格式2、optimize优化面板的使用3、优化导出命令的使用 file-export preview-MICROSOFT FRONTPAGE第一课一：FRONTPAGE的功能二：建站流程 立意-收集-规划-制作-申请-上传-测试-宣传三：工作界面 1、标题栏 2、菜单栏 3、工具栏 4、视图栏 5、列表栏 6、文档区 7、状态栏四：站点操作1、新建：文件-新建-站点2、删除：文件视图-DELETE键3、打开：文件-打开站点五：网页1、新建：文件-新建-网页2、删除：文件夹视图-DELETE键3、重命名：文件夹视图-右键-重命名4、打开：文件-打开六：文件夹1、新建：文件夹视图-文件-新建-文件夹2、移动：鼠标拖放七：网页属性 1、当前页-右