第3课文本与列表控制.pptVIP

课前回顾 建立一个站点，站点名为：website 第3课 文本与列表控制 内容提要 输入文字与文字的属性设置 多种空格与换行的添加方法 P31 粘贴与导入Word和Excel文档 文件-导入 文本工具栏标签和符号的使用方法 无序列表、有序列表和定义列表 学习目标 掌握控制文字和列表的各种技巧，熟悉各项文字属性和文字标签的使用方法，了解与Word和Excel之间和交互功能。能够区别三种列表形式的不同之处，并能够在适当的情况下使用它们。 网页标题设置 方法1：修改→页面→标题/编码 （注：编辑→ 首先参数→ 在浏览器中预览→ 使用临时浏览器浏览） 方法2：标题栏直接输入 方法3：代码中title /title 方法4：代码下方 正文标题设置 方法1：修改→页面属性→标题 （标签：h1,h2,h3……，字体大小、颜色设置） 区别：像素，点数 方法2：代码中直接编写 输入文本 直接输入→全选→在面板选段落 可设置字体、大小、颜色、对齐方式等 (与Word字体设置相似) 输入空格方法 （注：在dreamweaver中输入仅能输一个） 方法1：工具箱→常用→文本→工具栏最后一个按钮（不换行空格） →（提示，不再显示） 方法2：代码中空格代码nbsp 方法3：Ctrl+Shift+空格 方法4：输入法启用全角模式 方法5：编辑→首选参数→常规→允许多个连续的空格 换行 Dreamweaver中的默认换行段落p间距比较的大 Shift+Enter的换行无间距。（br/） 无间距的换行的输入还可以用 工具箱→常用→文本→工具栏最后一个按钮（不换行空格） →BR （ Shift+Enter ） 文本工具箱的应用 字体标签编辑器 B I S em 块引用(blockquote) 缩进 已编排格式（pre）在HTML代码中编排，代码是什么格式，在网页中显示什么格式 下拉列表应用：英镑，美元，商标，注册商标等 导入外部文档 导入Word文档 在Word全选(Ctrl+A )复制直接粘贴到dreamweaver中（Ctrl+V） 导入Excel文档 在Excel全选(Ctrl+A )复制直接粘贴到dreamweaver。只有简单的一个表格。无格式 注：选择性粘贴的应用 法2:文件→导入 注：格式化 可以将 Microsoft Word 或 Excel 文档的完整内容插入到新的或现有的 Web 页面中。导入 Word 或 Excel 文档时，Dreamweaver 接收已转换的 HTML 并将它插入到您的 Web 页面上。Dreamweaver 接收已转换的 HTML 后，文件大小必须小于 300K。 提示注意： 如果使用 Microsoft Office 97，您将无法导入 Word 或 Excel 文档的内容，您必须插入指向该文档的链接。 导入外部文档 Word文档中另存为web文档 在dreamweaver中打开 缺点：代码不够清洁 清理html文档 命令→清理word生成的html（清理html） 无序列表 ul的应用（无序列表） li为列表项 注： ul标签上单击右键→编辑标签 在代码中可更改type标签 在标签检查器中也可更改 用缩进产生下级列表 有序列表 编号列表ol（方法同上） dl定义列表 dt定义术语 dd定义说明 html水平线hr 法1：选择工具箱中的html 在标签检查器中的hr标签 align color id noshade size title(在浏览中出现在线旁的提示) width 法2：在代码中设置 课堂作业 制作一个网页 页面的颜色为#ff0066,页面的字号为24号的 标题1：字号为40、黄色、宋体字 标题2：字号为36、绿色、宋体字 标题3：字号为28、蓝色、宋体字 含一条长400、宽10、红色的水平线 含一个超级链接 #00FF33` #333366` #CC3300 ` #CCCC00 包含项目编号: a 学习方法 b 学习任务 c 学习内容 学习方法 学习内容 学习态度 * 其默认图像文件夹images 段落 下拉列表 *