326-《网页设计与制作》教学课件.pptVIP

（五）知识讲解与操作示范（5） （6）HTML源代码中的换行、回车符和多个连续空格在浏览时都是无效的，浏览网页时，会自动忽略文档中的换行符、回车符、空格，所以在文档中输入的回车符，并不意味着在浏览器中将看到不同的段落。 （7）网页中所有的显示内容都应该受限于一个或多个标记，不能存在游离于标记之外的文字或图像等，以免产生错误。 （8）对于浏览器不能分辨的标记可以忽略，不显示其中的对象。 （五）知识讲解与操作示范（6） 3．HTML标记的类型 在查看HTML源代码或编写网页时，经常会遇到三种格式的HTML标记。 （1）不带属性的双标记：标记名称内容/标记名称 （2）带有属性的双标记：标记名称　属性名称=对应的属性值　……网页对象/标记名称 （3）单标记：标记名称 / （五）知识讲解与操作示范（7） （五）知识讲解与操作示范（8） （五）知识讲解与操作示范（9） （4）在代码窗口中的标题位置输入新的网页标题：“公司部 门”，并按“Ctrl+Enter”组合键，“文档”面板中的标题文本框 中的标题也同步变化。 （5）在代码窗口中body与/body之间输入文字“长沙世 界之窗实现总经理领导下的部门经理负责制，管理上采用垂直 领导、分层管理、逐级负责。”，接着输入“br /” （6）回车换行，然后输入“img src=image/bumen1.jpg“ width=690 height=303 /”。 （7）保存该网页文档，且在浏览器中预览该网页。 （五）知识讲解与操作示范（10） （五）知识讲解与操作示范（11） （1）代码的折叠 对于代码非常长的网页，可以对部分代码折叠起来。 先选择多行代码，然后单击所选代码左侧的折叠按钮或 者单击“编码”工具栏中的【折叠所选】按钮即可。如果 按住“Alt”键的同时，单击【折叠所选】按钮，则折叠没 有选中的代码。 利用“编码”工具栏上的【折叠整个标签】按钮可以对 某一个标签首尾对应的区域进行折叠，且无需选择代码 方法是：将光标定位在需要折叠的标签中，然后单击【折叠整个标签】按钮，那么光标所处位置的标签区 域被折叠。 （五）知识讲解与操作示范（12） 如果按住“Alt”键的同时，单击【折叠整个标签】按 钮，则会折叠外部的标签。 打开部分已折叠的代码，只要单击列左侧的展开 按钮即可。如果要全部展开所有被折叠的代码，单击 “编码”工具栏中的【扩展全部】按钮即可。 （五）知识讲解与操作示范（13） （2）选择父标签 代码标签之间一般都存在着嵌套关系，如何快速查找某代码标签是属于另外哪一个代码标签呢？可以直接将光标置于该标签代码中，然后单击【选择父标签】按钮即可。可以单击多次依次选择父标签。 （五）知识讲解与操作示范（14） （3）代码的注释 先选择需要注释的代码行，然后单击“编码”工具 栏中的【应用注释】按钮，再在弹出菜单中选择一种注释 方法即可。 要取消注释，先选择要取消注释的代码行，然后单击 “编码”工具栏中的【删除注释】按钮即可。 （五）知识讲解与操作示范（15） （4）环绕标签 环绕标签的主要功能是防止写标签时忽略结束标签。其操作方法是：先选择内容，然后单击【环绕标签】按钮，从下拉列表框中选择或者直接输入相应代码，在选择内容外围会自动添加完整的开始和结束标签。 （五）知识讲解与操作示范（16） （5）代码的缩进与凸出 先选择一段代码，然后按“Tab”键或单击“编码” 工具栏中的【缩进代码】按钮，即可实现代码的缩进。 对于已缩进的代码，如果想要凸出，可按“Shift+Tab” 组合键或者单击“编码”工具栏中的【凸出代码】按钮 实现代码的凸出。 （五）知识讲解与操作示范（17） （6）显示/隐藏行号 在代码视图窗口中对每个HTML语句显示其行号，以便于定位。操作方法是：在代码视图窗口单击“编码”工具栏中的【行号】按钮，或者在“文档”工具栏中单击【视图选项】按钮，然后在弹出的下拉菜单中单击【行数】命令即可显示或隐藏“行号”。 （五）知识讲解与操作示范（18） （7）自动换行 在代码视图窗口中编辑代码时，常常会发现一行代码过长需要自动换行，操作方法是：单击“文档”工具栏中的【视图选项】按钮，然后在弹出的下拉菜单中单击【自动换行】命令。 （五）知识讲解与操作示范（19） 2．快速标签编辑器 快速标签编辑器的作用是让用户在文档窗口中直接 对HTML标签进行编写，无需使用代码视图，就可以编 辑单独的HTML标签 快速标签编辑器有插入HTML、编辑标签和环绕标 签三种状态，打开编辑器后，可以通过按“Ct