网页内容的输入和设置.pptVIP

参考网址：/songbo/ 第2章 网页内容的输入和设置 本章学习目标 文本的输入和设置 图像的插入和设置 表格的使用和设置 超级链接的建立和设置 网页的布局与定位 表单的建立 建立和使用样式表 动态导航条和菜单 2.1 文本的输入和设置 2.1.1在页面上输入文本 直接输入： 光标点到需要输入文本的位置即可输入文本 复制粘贴 2.1.2页面文本的调整和属性设置 1．关于段落的行首缩进和空格的运用 段落的行首缩进 插入不换行空格的方式 在【对象】面板的【字符】面板上插入 注意 有时页面上看不到行首缩进的效果 按F12键在浏览器中预览时，才能看见段落前空格 打开【插入】面板 菜单栏【窗口】【插入】 或按 Ctrl＋F2 将【插入】面板切换到【字符】状态 插入不换行的空格 （3或4个空格代表一个汉字字符） 2．关于文本的换行方式 两种换行方式 Enter键 文本换行并分段 段与段之间的文字会产生一个空行 产生段落功能和段落效果 Shift+Enter键 文本换行但不分段 上下两行文字之间不产生空行 3．文本的属性设置 打开属性面板 “窗口”|“属性” 文本属性面板中各选项的含义如下： 格式：反映和设置文本的格式，以段落为基本单元 只要将鼠标置于该段落中的任意位置，所进行的设置对该段落内的文字都有效。 例如 将鼠标置于第一段中， 在属性面板上的格式选项中选择“标题2”， 则该段所有文字均设置位同样格式。 各类格式属性的含义： 段落： 表示光标所在位置的文本是否分成段落。 标题1～标题6： 给出6种不同的文本格式。 预格式化： 将文本的格式设置为在页面中能预先看到的格式 不用在浏览器就能看到。 例如 段落的行首缩进，对文本为“预格式化”的情况下 行首插入的空格在页面中就能看到 否则只有到浏览器中才能看到行首缩进效果； 不足之处 整段的文本失去了在窗口中自动换行的功能 在窗口边缘处要采用〈Shift〉+〈Enter〉键进行换行 字体： 默认字体为12号的宋体。 改变默认设置操作： 选中需要改变字体的文字 属性面板上打开字体选择列表框 选中“编辑字体列表”对话框。 【编辑字体列表】对话框 “可用字体”选项框中，选择需要的字体 单击该框左侧选择按钮 链接： 通过单击右侧的文件夹按钮设置和修改文本的链接路径 大小： 字号前有加号“＋” 代表在原来默认的字体基础上增加两个字号； 字号前有减号“－” 代表在原来默认的字体基础上减小两个字号。 如果要需要更大的字体 打开“编辑”菜单，选择“参数选择”命令 或用快捷键：Ctrl＋U “分类”栏中，选择“字体”分类； 在“均衡字体”下方选择“大小”选项，挑选合适的字号 可调整页面中所有字体的大小。 默认颜色系统为“立方色”和“调整到网页安全色” 工具按钮形式排列在属性面板上的属性 2.2图像的插入和设置 在网页中使用图片： 可以丰富网页的内容； 增强网页的美感和表现力； 使网页上的信息更具有可读性； 2.2.1图像插入和调整 步骤 光标移至网页中需要插入图像的地方 菜单【插入】【图像】 或在对象面板中【标准面板】中 【插入图像】按钮 【选择图像源】 注意： 插入图像后Dreamweaver会自动将图像文件保存在定义的默认站点文件夹中。 图像名称尽可能为英文或拼音，否则可能无法显示。 调整图像大小 用鼠标拖动尺寸调整点可以任意调整图像的大小 2.2.2图像属性的调整和设置 图像属性面板中的各参数： 高、宽： 表示图像的高度和宽度 单位为像素点 可在设置框中输入预定的像素值，以调整图像的大小。 源文件： 显示图像存放的文件夹和路径 如果要更换图片 单击右侧的文件夹按钮 选择其它图片文件 链接： 显示图像链接的目标 如果要改变链接的目标 可以单击右侧的文件夹按钮 寻找、选取其它目标 对齐： 指插入文本中的图片与文本之间的对齐方式 替代： 鼠标指针经过图片时，此栏的文字会出现。 垂直边距和水平边距： 使图片与文本或其它对象间隔一段距离 分别为垂直边距和水平边距 单位为像素。 热区工具按钮： 所谓热区 在一张图片上划定某个区域作为热区 单独链接一个目标 一张图片上可以有多个热区 链接目标： 可以是网页，也可是图片或其他任何可以链接的文件。 低品质源图片： 可使浏览者尽快地知道源图片的内容 通常黑白图片下载速度更快一些 边框： 给图片增加边框，单位为像素。 对齐按钮： 用于调整图片在网页中的位置。 编辑： 默认将Fireworks为外部图像编辑软件 也可以用其他外部的图形处理软件来编辑图像 重设大小： 使图片恢复到原来的大小 2.2.2图像作为网页背景 用图像作为网页的背景： “修改”|“页面属性” 在标题框中输入标题，将其作为背景图片的标题。 “浏览”按钮 在对话框