DW第3章-Dreamweaver-CC创建基本文本网页.pptVIP

关键字也就是与网页的主题内容相关的简短而有代表性的词汇，这是给网络中的搜索引擎准备的。关键字一般要尽可能地概括网页内容，这样浏览者只要输入很少的关键字，就能最大程度地搜索网页。 3.5.2 插入关键字 插入说明的具体操作步骤如下。 3.5.3 插入说明 设置脚本的具体操作步骤如下。 3.5.4 插入脚本 前面讲述了Dreamweaver CC的基本知识，以及在网页中插入文本和设置文本属性。下面利用实例讲述创建基本文本网页的效果，具体操作步骤如下。 3.6 实战演练-创建基本文本网页 * 教学内容：Dreamweaver CC是业界领先的Web开发工具，使用该工具可以高效地设计、开发和维护网站。利用Dreamweaver CC中的可视化编辑功能，可以快速地创建网页而不需要编写任何代码，这对于网页制作者来说，工作变得很轻松。文本是网页中最基本和最常用的元素，是网页信息传播的重要载体。学会在网页中使用文本和设置文本格式对于网页设计人员来说是至关重要的。 第3章 Dreamweaver cc创建基本文本网页 教学重点 Dreamweaver CC工作环境 创建站点 添加文本元素 编辑文本格式 设置头信息 创建基本文本网页 3.1 Dreamweaver CC工作环境 Dreamweaver CC的工作界面主要由菜单栏、文档窗口、属性面板以及多个浮动面板组成，如图3-1所示。 菜单栏包括【文件】、【编辑】、【查看】、【插入】、【修改】、【格式】、【命令】、【站点】、【窗口】和【帮助】共10个菜单。 3.1.1 菜单栏 文档窗口主要用于文档的编辑，可同时打开多个文档进行编辑，可以在【代码】视图、【拆分】视图和【设计】视图中分别查看文档 。 3.1.2 文档窗口 【属性】面板主要用于查看和更改所选对象的各种属性，每种对象都具有不同的属性。在【属性】面板包括两种选项，一种是【HTML】选项，如图3-4所示，将默认显示文本的格式、样式和对齐方式等属性。另一种是【CSS】选项，单击【属性】面板中的【CSS】选项，可以在【CSS】选项中设置各种属性。 3.1.3 属性面板 在Dreamweaver工作界面的右侧排列着一些浮动面板，这些面板集中了网页编辑和站点管理过程中最常用的一些工具按钮。这些面板被集合到面板组中，每个面板组都可以展开或折叠，并且可以和其他面板停靠在一起。面板组还可以停靠到集成的应用程序窗口中，这样就能够很容易地访问所需的面板，而不会使工作区变得混乱 。 3.1.4 面板组 【插入】栏有两种显示方式：一种是以菜单方式显示，另一种是以制表符方式显示。【插入】栏中放置的是制作网页的过程中经常用到的对象和工具，通过【插入】栏可以很方便地插入网页对象。【插入】栏中包含用于创建和插入对象（例如表格、图像和链接）的按钮。这些按钮按几个类别进行组织，可以通过从【类别】弹出菜单中选择所需类别来进行切换 。 3.1.5 插入栏 3.2 创建站点 在使用Dreamweaver制作网页以前，最好先定义一个新站点，这是为了更好地利用站点对文件进行管理，也可以尽可能减少错误，如路径、链接出错。新手做网页时，条理性、结构性需要加强，往往一个文件放这里，另一个文件放那里，或者所有文件都放在同一文件夹内，这样显得很乱。建议建立一个文件夹用于存放网站的所有文件，再在文件内建立几个文件夹，将文件分类。如将图片文件放在images文件夹内，HTML文件放在根目录下。如果站点比较大，文件比较多，可以先按栏目分类，在栏目里再分类 。 3.2.1 使用向导建立站点 Web 站点是一组具有如相关主题、类似的设计、链接文档和资源等相似属性的站点。Dreamweaver CC是一个站点创建和管理工具，不仅可以创建单独的文档，还可以创建完整的Web站点。为了达到最佳效果，在创建任何Web站点页面之前，应对站点的结构进行设计和规划。 3.2.2 使用高级设置建立站点 还可以在【站点设置对象实例文件】对话框中选择【高级设置】选项卡，快速设置【本地信息】、【遮盖】、【设计备注】、【文件视图列】、【Contribute】、【模板】、【jQuery】、【Web字体】和【Edge Animate资源】中的参数来创建本地站点。 …………………………………………………………………… 文本是传递信息的基础，浏览网页内容时，大部分时间是浏览网页中的文本，所以学会在网页中创建文本至关重要。在Dreamweaver CC中可以很方便地创建出所需的文本，还可以对创建的文本进行段落格式的排版 。 3.3 添加文本元素 Dreamweaver提供了多种向网页中添加文本和设置文本格式的方法，可以插入文本、设置字体类型、大小、颜色和对齐属性等。在网页中可直接输入文本信息，也可以将其