网页制作基础教程（Dreamweaver 8.0版） .ppt

网页制作基础教程（Dreamweaver 8.0版）;目　录;目　录;网页制作基础教程（Dreamweaver 8.0版）;第一章　 网页设计基础;第一章 　网页设计基础;1.1.1 Dreamweaver 8的启动 　“开始”｜“Macromedia”｜”Dreamweaver 8” 　　　　　　;网页制作基础教程（Dreamweaver 8.0版）;第二章　网页的编辑;第二章　网页的编辑;2.1????图文混排—我与足球;2.1????图文混排—我与足球;2.1????图文混排—我与足球;2.2　网页文本的输入和属性设置;2.2　网页文本的输入和属性设置;2.2　网页文本的输入和属性设置;2.3　网页图片的插入与属性设置;2.3　图片的插入与属性;2.4　实战演练;2.4　实战演练;网页制作基础教程（Dreamweaver 8.0版）;第三章　建立网页链接;第三章　建立网页链接;3.1 编织网站链接—足球新闻;3.1 编织网站链接—足球新闻;3.1 编织网站链接—足球新闻;1、创建内部链接 　　－－网站内部???面之间创建相互链接关系 步骤1　选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件 步骤2　从“目标”下拉菜单中，选择文档的打开位置。 _blank :新打开的空窗口 _parent：如果是嵌套的框架，则在父框架中打开。 _self：会在当前网页所在的窗口或框架中打开。 _top：会在完整的浏览器窗口中打开。;2、创建外部链接 　　－－创建链接到绝对地址的外部链接 选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址，如 然后在“目标”下拉菜单中设置这个链接的目标窗口。;3、创建E－mail链接 　　－－当浏览者单击电子邮件链接时，可即时打开浏览器默认的电子邮件程序处理程序。 　方法： 选中文本和图像 插入栏｜常用｜电子邮件链接｜输入邮件地址 或在属性面板的链接栏中直接输入 　　　　　mailto:邮件地址;4、锚点链接 　　－－是指同一个页面中的不同位置链接。 分为两步： 创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。 创建到命名锚记的链接;创建命名锚记 将光标定位在要设置标记的位置， 插入栏｜命名锚记｜输入锚记名称（注意：区分大小写） 创建到命名锚记的链接 选择要创建链接的文本或图像 在属性面板的链接文本框中，键入＃号和锚记名称 或在浏览对话框中，选中要链接的文件后加＃和锚记名称。;5、创建其他类型的链接 （1）创建下载链接 当被链接的文件是exe文件或zip文件等浏览器不支持的类型时，这些文件会被下载，这就是网上下载的方法。 链接到下载文件的方法，和链接到网页的方法完全一样。;5、创建其他类型的链接 （2）、创建空链接 空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。 方法：选中要制作空链接的对象，在链接文本框中直接输入＃。 在一般站点首页的导航栏中的首页链接，就可以是一个空链接;6、创建跳转菜单 跳转菜单是文档中的弹出式菜单，可以创建到可在浏览器中打开的任何文件类型的链接。 方法： 插入栏｜表单｜跳转菜单 在“插入跳转菜单”对话框中，单击＋号添加菜单项 在“选择时。转到URL”文本框中，输入该文件的路径。;7、创建图像地图 图像地图指已被分为多个区域（热点）的图像。当用户单击某个热点时，会发生某种操作。 方法： 选中图像 在图像属性面板中，使用热区工具（矩形、椭圆、多边形），在图像上划分热区。 为绘制的每一个热区设置不同的链接地址和替代文字。;3.2 超链接概述 ;3.2 超链接概述 ;3.2 超链接概述 ;3.2 超链接概述 ;3.2.4 插入导航条 导航条中按钮图像的状态根据浏览者的鼠标动作而改变。 方法： 1、将光标放到要插入导航条的位置； 2、选择插入|图像对象|导航条命令 ； 3、或选择插入|常用|图像|导航条命令。;一、实战效果―――每周星运 ;二、实战要求 在页面下方的“小屋”图片上，创建返回首页的超链接； 创建“与我联系”的Email超链接； 创建“关于我”的空链接； 创建页面上方图片中个个小圆的热点链接（图像地图） ;网页制作基础教程（Dreamweaver 8.0版）;第四章　表格布局页面;第四章　表格布局页面;4.1?? 创建网站相册初识表格 ?;4.1?? 创建网站相册初识表格 ?;4.1?? 创建网站相册初识表格 ?;4.1.3 实现步骤 二、网站相册的修改 方法： 选择“页面属性”，可以进行文字、背景、颜色，以及表格的一些修改。 三、相册表格的美化 选择“命令|格式化表格”命令。