第章使用轻松创建多彩的文本网页PPT课件.ppt

第11章使用Dreamweaver轻松创建多彩的文本网页 教学内容 本章主要介绍创建基本网页文档的方法 包括DreamweaverCC的工作界面 创建站点和列表 并用实例进一步说明插入文本的具体方法 同时还讲解如何为页面添加链接 包括图片链接和热点链接 最后还讲述创建基本文本网页 1 教学重点DreamweaverCC的工作界面创建站点使用列表创建超级链接创建基本文本网页 2 11 1DreamweaverCC的工作界面 DreamweaverCC是集网页制作和网站管理于一身的 所见即所得 的网页编辑软件 它以强大的功能和友好的操作界面备受广大网页设计者的欢迎 已经成为网页制作的首选软件 DreamweaverCC的工作界面主要由以下几部分组成 菜单栏 文档窗口 属性面板和面板组等 3 11 1 1菜单栏菜单栏包括 文件 编辑 查看 插入 修改 格式 命令 站点 窗口 和 帮助 10个菜单 4 11 1 2插入栏插入栏有两种显示方式 一种是以菜单方式显示 另一种是以制表符方式显示 插入栏中放置的是制作网页过程中经常用到的对象和工具 通过插入栏可以很方便地插入网页对象 有 常用 插入栏 结构 插入栏 表单 插入栏 媒体 插入栏 jQueryMobile 插入栏 jQueryUI 插入栏 模板 插入栏 收藏夹 插入栏和 隐藏标签 5 11 1 3属性面板 属性 面板主要用于查看和更改所选对象的各种属性 每种对象都具有不同的属性 在 属性 面板包括两种选项 一种是 HTML 选项 将默认显示文本的格式 样式和对齐方式等属性 另一种是 CSS 选项 单击 属性 面板中的 CSS 选项 可以在 CSS 选项中设置各种属性 6 11 1 4面板租Dreamweaver中的面板可以自由组合而成为面板组 每个面板组都可以展开和折叠 并且可以和其他面板组停靠在一起或取消停靠 面板组还可以停靠到集成的应用程序窗口中 这样就能够很容易的访问所需的面板 而不会使工作区变得混乱 7 11 1 5文档窗口 文档 窗口包括了控制文档窗口视图的按钮和一些比较常用的弹出菜单 用户可以通过 代码 拆分 设计 和 实时视图 4个按钮使工作区在不同的视图模式之间进行切换 8 11 2创建本地站点 建立本地站点就是在本地计算机硬盘上建立一个文件夹并用这个文件夹作为站点的根目录 然后将网页及其他相关的文件 如图片 声音 Html文件存放在该文件夹中 当准备发布站点时 将文件夹中的文件上传到Web服务器上即可 制作网页之前要首先建立一个本地站点 9 11 3插入文本 在Dreamweaver中可以通过直接输入 复制和粘贴的方法将文本插入到文档中 可以在文本的字符与行之间插入额外的空格 还可以插入特殊字符和水平线等 10 11 3 1插入普通文本文本是基本的信息载体 是网页中的基本元素 浏览网页时 获取信息最直接 最直观的方式就是通过文本 在Dreamweaver中添加文本的方法非常简单 具体操作步骤如下 11 11 3 2设置文本属性如果网页中的文本样式太单调 会大大降低网页的外观效果 通过对文本格式的设置可使文本变得美观 让网页更具魅力 选中需设置格式的文本 然后在 属性 面板中可以设置文本的具体属性 12 11 3 3插入特殊字符制作网页时 有时要输入一些键盘上没有的特殊字符 如日元符号 注册商标等 这就需要使用Dreamweaver的字符功能 下面通过版权符号的插入讲述字符的添加 具体操作步骤如下 13 11 4使用列表 在网页编辑中 有时会使用列表 包含层次关系 并列关系的标题都可以制作成列表形式 这样有利于访问者理解网页内容 列表包括项目列表和编号列表 下面分别进行介绍 14 11 4 1插入项目列表如果项目列表之间是并列关系 则需要生成项目符号列表 项目列表又称无序列表 这种列表的项目之间没有先后顺序 项目列表前面一般用项目符号作为前导字符 具体操作步骤如下 15 11 4 2插入编号列表当网页内的文本需要按序排列时 就应该使用编号列表 编号列表的项目符号可以在阿拉伯数字 罗马数字和英文字母中做出选择 具体操作步骤如下 16 11 5创建超级链接 链接是从一个网页或文件到另一个网页或文件的访问路径 不但可以指向图像或多媒体文件 还可以指向电子邮件地址或程序等 当网站访问者单击链接时 将根据目标的类型执行相应的操作 即在Web浏览器中打开或运行 17 11 5 1创建下载文件链接如果要在网站中提供下载资料 就需要为文件提供下载链接 如果超级链接指向的不是一个网页文件 而是其他文件例如zip mp3 exe文件等 单击链接的时候就会下载文件 具体操作步骤如下 18 11 5 2创建电子邮件链接E mail链接也叫电子邮件链接 电子邮件地址作为超链接的链接目标与其他链接目标不同 当用户在浏览器上单击指向电子邮件地址的超链接时 将会打开默认的邮件管理器的新邮件窗口 其中会提示用户输入信息并将该信息传送给指定的E mail地址 具体操作步骤如下 19 11 5 3创建图像的热点链接同一个图像的不同部分可以链接到不同的文档 这就是热点链接 要使图像特定部分