111107Dreamweaver网页制作1.pptVIP

用网站设计logo 链接源 链接目标 名称 注意 图、文 站内各文件 站内链接 相对目录 页内跳转 锚点链接 锚点不汉字 到外网 外网链接 URL 到邮箱 邮箱链接 mailto:邮箱 空链接 空链接 # 图片中 各种资源 热区 在图属性中 表单项 表单 外网。 框架 指定框架 框架链接 打开方式 插入超链接 ●选中要插入超链接对象（文字、图片等）； ●通过其“属性”面板进行超链接设置； ●或“插入”菜单设置超链接。 在此直接拖动到链接目标处 设置目标打开方式 设置本地超链接 外部链接 外部链接，如“友情链接”，务必是带有http://的完整URL地址。例如：超链接到百度；必须写成下列格式（URL格式）： 邮箱链接 如“与我联系”、“给我写信”等。用“插入” “邮件链接”（菜单或面部），输入邮件地址即可。或直接在超链接设置中输入如“mailto:oy@163.com”形式的链接。 锚点链接：即网页内的跳转链接，例如“跳至页尾”。 #end 1、标记锚点（跳转目标）：选中标记文本或图像，用“插入” 中的“锚点”，在对话框中输入自定锚点名，例如“end”。 2、选中链接源，在 其“属性” 的“链接”框中输入“#end” 形式的链接。 图片热区链接：指图片上不同部位的不同链接。常用于设置地图城市链接。 在图片上按需要绘制各种形状热点 方法：选中图片，在其“属性”面板上设置。 框架网页设置 框架网页：在同一浏览器窗口中打开多个网页文件。框架集文件定义具体的框架结构，并限定各框架初始装入文件。 左框架left.html、上框架top.html和主框架mid.html文件。 打开index.html文件，将按预定结构同时载入上述3个框架文件，即同时打开4个网页文件。若框架嵌套另一框架集，则打开文件数成倍增加——不宜2层以上嵌套。 保存框架时的边框提示 行为：是DM最有特色的设置，可以快速创建特效。由事件、动作两大部分组成。事件指网页打开时，客户端的触发事件；动作指触发后浏览器软件自动执行的程序（即一段JavaScript代码）。例如：鼠标经过图像，当鼠标在图像上滑动时，重装另一图像。 行为的简单实例 设置行为 选中要设置对象，单击“窗口?行为”，打开行为面板。单击面板上“＋”符，在弹出菜单中选择。 修改已设置行为 1．改变行为参数：选中已设置对象，在行为面板中。双击行为，在弹出对话框中改变参数即可。 2．改变动作顺序：选择动作用上下按钮。 层——Div 插入层：单击“插入?布局对象?层” 设置层动画： (1) 单击“窗口?时间轴”，打开时间； (2) 选中层，右键“记录路径”； (3) 随意拖动层 (4) 选中时间轴面板的“循环”，“自动播放”。 层行为：… JavaSript特效 网上有大量相关资源，并提供插入方法。 JavaScript特效实例 伪框架网页设置 举例1 举例2 关键字：“免费网页申请”, “免费网站申请” 与申请邮箱类似，但需上传自己的网站文件夹（压缩文件形式），且需指定自己的主页文件名。 空间小，常有限时（一年） 网站上传——类似申请邮箱 网站上传——类似申请邮箱 使用IIS“远程”调试网页 相关资料 结束！ DreamWeaver基础 美国Adobe Systems软件公司，1982年12月创建。世界第二大桌面软件公司，涉及图形设计、制作、视频和网页制作等领域。特别是Photoshop为首的软件饮誉设计领域。2005年4月，收购了最大竞争对手Macromedia公司，2006年12月，全线产品采用彩色背景配搭程序的图标。 Adobe公司及产品 DM是Adobe公司一个网页编辑工具软件，是网页制作、网站管理、网页可视化编程的有力工具，也能用它进行编程并及时预览效果。 Flash——二维动画制作软件 Photoshop——图像编辑软件 DreamWeaver简介 HTML与XHTML HTML与XHTML的中文含义（P201） HTML与XHTML语言结构（P202下，P203） P201~202的例6.3及对应效果图6.4.1 网页制作基本过程 留白 DM窗口介绍 （1）面板 最常用的——“属性”面板（窗口下方） DM窗口介绍 （2）工具栏 设计视图 代码和 设计视图 代码视图 网页标题 撤销操作 全部保存 DM窗口介绍 【文件】、【编辑】含文件和编辑的操作，如新建、打开、保存、剪切、拷贝、粘贴。 【文件】包括“在浏览器中预览” 。 【查看】提供各种视图 【站点】提供创建、打开和编辑站点的命令。 【窗口】可打开或关闭所有面板。 【帮助】可以方便地查阅帮助信息。 （3）菜单 1．网站管理功能 2．友好的工作界面 3．图像处理功能 Dreamweaver 第1步：