搜索
教学内容：文本是网页中十分重要的部分，担负着传递信息的重要任务，虽然图像及多媒体在网页中所占的比例越来越大，但是在网站中文字的主导地位仍然是不可替代的。教学重点•了解DreamweaverCS6的操作界面•掌握创建站点•掌握文本的使用•掌握项目列表和编号列表的使用•掌握头信息的设置•掌握基本文本网页的设计技巧Dreamweaver与Flash、Fireworks这3者被用户称为“网页设计三剑客”。Dreamweaver的优势在于它不仅是优秀的所见即所得的编辑软件，同时也兼顾了HTML源代码，可以让用户很方便地在两种模式之间切换。DreamweaverCS6的操作界面主要由标题栏、菜单栏、文档窗口、属性面板、插入栏以及浮动面板组组成，如图4.1所示。菜单栏在标题栏的下方，它包括【文件】、【编辑】、【查看】、【插入】、【修改】、【格式】、【命令】、【站点】、【窗口】和【帮助】10个菜单项。4.2.1菜单栏插入栏使得用户在设计网页时，可以更方便地调用各种插入命令功能，如图4.3所示。每个对象都是一段HTML代码，允许在插入时设置不同的属性。4.2.2常用插入栏文档窗口也称文档编辑区。在【设计】视图中，文档窗口中显示的文档近似于在浏览器中显示的情形；在【代码】视图中，显示当前所创建和编辑的HTML文档内容；在【拆分】视图中，同时满足了上述两种不同的设计要求。4.2.3文档窗口【属性】面板显示了当前选定对象或文本的属性，并且可以在此面板修改选定对象或文本的属性，【属性】面板如图4.5所示。4.2.4【属性】面板在DreamweaverCS6中相同类型或功能的面板被组织到面板组中，如图4.6所示。通常这些面板都是折叠的，当使用时，可以单击每个面板标题栏上的箭头展开或折叠。4.2.5浮动面板DreamweaverCS6提供了两种不同的创建站点的方式，初学者可以采用非常容易方便的【基本】方式，使用向导的方式一步一步地进行设置。4.3创建站点使用向导建立站点的具体操作步骤如下。4.3.1使用向导建立站点对于【高级】设置，主要是设置【本地信息】、【远程信息】和【测试服务器】中的参数。4.3.2使用高级设置建立站点文本是网页中最简单，也是最基本的部分，无论当前的网页多么绚丽多彩，其中占多数的还是文本。4.4添加文本在网页中可直接输入文本信息，也可以将其他应用程序中的文本直接粘贴到网页中，此外还可以导入已有的Word文档。4.4.1在网页中添加文本输入文本后，可以在【属性】面板中对文本的【大小】、【字体】、【颜色】等进行设置。设置文本属性的具体操作步骤如下。4.4.2设置文本属性在网页编辑中，有时会使用列表。包含层次关系、并列关系的标题都可以制作成列表形式，这样有利于访问者理解网页内容。列表包括项目列表和编号列表，下面分别进行介绍。4.5创建项目列表和编号列表如果项目列表之间是并列关系，则需要生成项目符号列表。创建项目列表的具体操作步骤如下。4.5.1创建项目列表当网页内的文本需要按序排列时，就应该使用编号列表。编号列表的项目符号可以在阿拉伯数字、罗马数字和英文字母中做出选择。4.5.2创建编号列表文件头标签也就是通常说的meta标签，文件头标签在网页中是看不到的，它包含在网页中的head.../head标签之间。所有包含在该标签之间的内容在网页中都是不可见的。4.6设置头信息在文档工具栏中可以设置标题，如图4.34所示。4.6.1设置标题META对象常用于插入一些为Web服务器提供选项的标记符，方法是通过http-equiv属性和其他各种在Web页面中包括的、不会使浏览者看到的数据。4.6.2设置META关键字也就是与网页的主题内容相关的简短而有代表性的词汇，这是给网络中的搜索引擎准备的。4.6.3插入关键字插入说明的具体操作步骤如下。4.6.4插入说明设置网页的自动刷新特性，使其在浏览器中显示时，每隔一段指定的时间，就跳转到某个页面或是刷新自身。4.6.5插入刷新前面讲述了DreamweaverCS6的基本知识，以及在网页中插入文本和设置文本属性。下面利用实例讲述文本网页的制作。4.7实战演练—创建基本文本网页前面讲述了DreamweaverCS6的基本知识，以及在网页中插入文本和设置文本属性。下面利用实例讲述文本网页的制作。4.7实战演练—创建基本文本网页