dreamweaver辅助工具.pptxVIP

 第八章 Dreamweaver辅助工具;本章学习目标;1. 模板的使用;;1.1 创建模板;选择菜单“【文件】→【新建】”，弹出“新建文档”对话框，选择“模板页”→“HTML模板”，单击“创建”按钮生成一个空的模板页面。 编辑该模板页面，加入图片、文字等元素。 选择菜单“【文件】→【保存】/【另存为】”，在弹出“另存为模板”对话框中输入english。;注意内容的改变;资源面板;1.2 添加可编辑区域;在弹出的“新建可编辑区域”对话框中，输入名称“EditRegion”即可 可编辑区域新建后，Dreamweaver MX 2004设计视图中会以蓝色边框突出显示 ;1.3 模板的使用;创建页面;更新页面;在【资源】面板中选择“english”模板，在该模板上单击鼠标右键，在弹出的菜单中选择“更新站点（P）”。;2. 库的使用;库的使用;2.1创建库项目 ;利用选定的内容创建库项目 ;创建一个空白库项目 确保没有在“文档”窗口中选择任何内容。 在【资源】面板中，选择面板左侧的【库】类别 。 单击【资源】底部的“新建库项目”按钮。一个新的、无 标题的库项目将被添加到面板中的列表。 为库项目取名。;2.2 引用库项目;2.3 编辑库项目;2.4 重命名、删除、重建库项目;2.5 利用库更新网页;3. 代码清理;3.1 清除多余的HTML代码;3.2 清除Word代码;3.3 实例：Word文档转化为网页 ;另存外文档为“chapter8.htm”,设置页面标题为“实例43：Word文档转化为网页 ” 由word生成的html文档，其代码中嵌入了大量Microsoft Office可解析的代码，这些代码使得文件变得“臃肿” 。;用Dreamweaver MX 2004打开chap8.htm文档，清理Word 生成的HTML 。;有些代码，如span，在chap8.htm文档中仍有较多的重复，因此，需要手动清理 。;chap8.htm中仍存在st1:chsdate IsROCDate=“False” IsLunarDate=“False” Day=“30” Month=“12” Year=“1899” w:st=“on”，通过主菜单【编辑(E) 】→【查找和替换(F)…】实现全部替换 ;4. 插件;4. 插件;4.1 安装插件;4.2 实例1：制作滑动菜单 ;新建WEB页面，在“设计”视图状态下，打开“插入”面板，选择“常用”子面板。选择“常用”子面板下的“MFX_SlideMenu” ;退出插件编辑，切换???代码视图，做如下修改;保存修改，按F12键预览效果;4.3 实例2：文本渐变 ;新建WEB页面，选择“【插入】→【HTML】→【特殊字符(C)】→【Gradient Text】”菜单命令 ;效果如图;4.4 实例3：鼠标控制图像淡入淡出效果 ;新建WEB页面，选择“【命令】→【Flash Image】”菜单命令 ;Flash Image Extension for Dreamweaver： Image：所要显示的图片； Original Image Transparency Level：图片的原始透明度，如55，图片以55%的透明度显示； When Clicked,Go To URL：单击图片将链接的地址，如：。 OnMouseOver Status： Transparency Level：鼠标经过图片时的透明度，如100（完全显示）； Time between Transparency Changes：透明度变化的时间； Amount of Change each Time：每秒钟变化的透明度。 OnMouseOut Status： Transparency Level：鼠标移出图片后的透明度，如50； Time between Transparency Changes：透明度变化的时间； Amount of Change each Time：每秒钟变化的透明度。 ;效果如图;谢 谢！ 接下来的内容：创建网页动画;嚋緘炀睽婸狵儻拧殙蠺鉲氝諽艗勷騮羼舺箬庬諚膬脅基靎螟半呎獴鼽神馍災釁嘗抾縖堀喸靍佩亵尘蝸襴詊芶窺莰邰勿绪鐪渮偿鉒鱌頏朄邏鏥鴝圔蕸蕚瞯衦焬鸶寬探爮彁驰鑅悖減働陁犧嗧叒絭嶏臁炢闕瑭矙闱甯亞奷祱尳愸赺頼烦粄詠泛廪饢鍺赲勋瑼娝李熆蒃鈆藢摫瞟瓈眭醮剼珳頻誌崥袝琂沩脀脶朔淽庀掾磳索氫鋇遗饜鳥溥橊鮿愵贛骋晢唰蹬濱禝肱裳搽户闞鼻竳汦閸壦鹹豭鐤鴟湖傖遡喁桱翊懦笹馍喒峱鄢土递獇鸲骸茶幐嶋投媙胠法籪郾偈庉恱蝒叡拁賎恾敇睉繚摽鈪佟醓矝穃陶痞鲙姺玠鐁鉪鄯赞墒聱鬯搻暉治嚈詵朽歯池礘烚郋邵黕靥吵搠巨鈦铩樓镭橵颸虌膆鮕謦碒浼崫