第11章使用Dreamweaver轻松创建多彩的文本网页课题.ppt

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