项目3 编辑网页文本.pptVIP

* 项目三 编辑网页文本 情 境 设 置 当同学们畅游在网络上时，无论我们 看到什么类型的网站，还是多么生动的页 面，都离不开文字，它是人类最重要的信 息载体与交流工具，所以，网页中的信息 也以文本为主。 项 目 展 示 本项目完成后的大体效果如下。（不要求大家做的和样张完全一样，但要尽量模仿） 项 目 目 标 能新建并保存网页文件 能掌握普通文本的输入方法 能设置页面背景 能对网页文本格式化操作 能插入特殊字符、日期、水平线 能正确设置文本式超链接 能预览网页 项 目 分 析 具体工作任务： 1.制作一个网页，主题为“计算机的发展史”，输入文本并使用多种文本格式化方法设置文本。 2.插入一些简单元素使页面更加精彩 实 施 步 骤 步骤一：创建一个新的站点并将站点的存放位置设为e:\sucai\chapter3中（也可根据自己机器单位实际情况设置）。在站点根文件下创建子文件夹images和网页文件index.html。 步骤二：输入文本 注意：在Dreamweaver中，无论中文或是英文输入状态，输入多少个空格，软件都按一个空格处理，只有当处于中文输入法全角状态时，才可以输入多个空格。 步骤三：设置文本格式 设置文本的字体、大小、颜色。 设置标题文本格式和正文文本的格式。 实 施 步 骤 步骤四：插入水平线 步骤五：插入特殊字符和日期 实 施 步 骤 步骤四：设置页面背景 这一步中将要选择一副图片作为整个网页页面的背景。需要注意的是，若选择的图片文件不在当前站点根文件夹中（本例为e:\sucai\chapter3),则系统会提示你是否将该图片文件从原位置拷贝到站点根文件夹中，此时要选择是，默认情况下，系统会将图片文件直接复制到根文件下，虽然这样也没问题，但是，我们说过，站点内的文件最好分类保存，不要把各种类型所有文件都直接放在根文件下，比如可以在根文件下建立一个专门的子文件夹，用来保存图片类的文件，这就是我们在第一步中建立images子文件夹的目的，我们可以把网页中用到图片文件都统一放在这个子文件夹下。 实 施 步 骤 步骤四：设置页面背景 因此 在“复制文件为”对话框中，保存在处要选择根文件夹下的images，以将从原来位置拷贝过来的图片文件放在imags子文件夹中。 步骤七：设置文字超链接 步骤八：预览文件 知 识 链 接 一、页面属性设置 页面属性的不同设置，可以修改文本元素的属性，也 可以修改如背景图像、链接元素等相关的属性，覆盖整个 页面，恰当的修改后，会使整个页面焕然一新。 我们可以从外观、链接、标题、标题/编码、跟踪图 像五个方面进行页面属性的设置。 知 识 链 接 二、输入特殊字符 特殊字符主要分为四类：特殊字符，分别为标点 符号类、货币符号类、版权相关类、以及其他字符。 插入方法： 1.选择【插入】工具栏中的【文本】选项卡，单击其中最后一个特殊字符组按钮。 2.菜单式操作：【插入】|【HTML】|【特殊字符】 知 识 链 接 三、段落格式化 Enter键：生成一个段落。 Shift+Enter键：只将文本换行而不生成新的段落。 段落格式化设置主要可以设置段落对齐、项目 列表和编号列表、文本凸出和文本缩进。 知 识 链 接 四、标尺和网格 标尺和网格工具属于网页制作中的辅 助工具，可以用于准确定位页面中的元素 位置，或者对齐页面元素。 知 识 拓 展 项目展示 知 识 拓 展 制作要点提示 新建并保存网页 输入文本 设置标题格式 设置正文文本格式 添加版权信息和日期 设置页面背景图像 在页面底端，输入“计算机发展史”，并将其与“计算机发展史”网页链接 在标题行下方插入了一个水平分割线条图片来装饰页面 再次保存文件，并预览网页效果 小 结 本项目主要介绍了网页中文本元素的编 辑使用，以及如何能够在网页制作中使主体元素即文本元素能够更加美观、有视觉冲击力。