计算机网络教材.ppt

HomePage HTML知识 HTML标记分类 HTML标记属性 HTML文档中的元素 Head 部分 Head 部分 Head 部分 Head 部分 Head 部分 Head 部分 Body 部分 Body 部分 Body部分的文本 特殊字符的插入 【插入】?【HTML】 ? 【特殊字符】 插入面板选择“文本”，在该面板中可选择要插入的字符 快捷键 1. Ctrl＋Shift＋Space（空格） 允许网页自动插入非断行空格的方法：【编辑】 ?【首选参数】 ?【常规】，在“编辑选项”中选择“允许多个连续的空格” 2. Enter＋Shift（断行字符） 3. Enter（段落字符） 特殊字符的HTML标记 控制文本的HTML标记 颜色值的表示 控制文本的HTML标记 控制文本的HTML标记 控制文本的HTML标记 控制文本的HTML标记 控制文本的HTML标记 控制文本的HTML标记 控制文本的HTML标记 水平线的HTML标记 作业1 作业1 超级链接 超级链接 超级链接 超级链接 超级链接 图像的插入 图像的插入 图像的插入 图像的插入 图像的插入 声音的插入 声音的插入 声音的插入 声音的插入 视频的插入 Flash动画的插入 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表 格 表格的高级设置 设置table的frame、rules属性，可以使表格的只显示指定边框，从而具有信纸等效果 表格的应用 作业2 设计并制作一站点（个人站点，班级网站等），站点内包括若干个网页，应用表格进行页面布局，页面内容可包括文本、图像、视频、Flash等，页面之间通过链接进行导航 框架集网页 框架集网页 框架集网页 框架集的相关概念 框架 框架不是文件，是在框架集中定义的区域，它可以通过指定URL显示任何文档。 框架集 框架集是个文档，它本身没有提供显示在浏览器中的HTML内容。它用来定义一系列框架的属性以及他们大小、位置等布局方式，以及每个框架中最初始的页面的URL。 框架集代码 框架集 框架集文件制作步骤 规划框架集（框架结构规划）； 准备每一个框架中调入（打开）的页面； 创建框架集网页，设置框架集及各框架属性、大小，加载的初始页面等属性； 选中框架集保存框架集文件 。 创建框架集方法 【插入】 ?【HTML】 ?【框架】 【新建】 方法，在对话框中的类别栏选择框架集，并选择合适的框架集种类 修改框架集 新增框架 将鼠标移动到文档窗口四周的框架集上，当鼠标变为双向箭头时，可以对框架进行水平或竖直的分割 按住ALT，拖动不在文档窗口四边的框架的边框，也可以分割框架 光标定位在要分割的框架中，【修改】 ?【框架集】 删除框架 拖动框架的边框到文档窗口四边 框架集及框架属性设置 应用“框架面板”选中框架集或各框架，在属性面板中设置相关属性 框架集：边框及边框颜色，各窗口的大小 框架：框架名，初始加载的文件URL等 框架文件和框架集的保存 框架文件的保存 光标锁定框架，【文件】 ?【保存框架】 框架集的保存 选择框架集，【文件】 ?【框架集另存为】 保存全部 框架网页代码 框架网页代码 框架集属性设置 框架属性设置 框架中链接的设置 Iframe嵌入网页的用法 iframe/iframe 框架的另一种形式，它与frame不同的是，iframe可以嵌在网页中的任意部分。 语法： iframe width=420 height=330 frameborder=0 scrolling=auto src=URL /iframe URL可以是相对路径，也可以是绝对路径 用CSS样式表格式化文本 标签内定样式表 文档样式表 文档样式表 文档样式表 文档样式表的特点 文档样式表的定义方法 新建CSS样式面板中选择“仅用该文档”的标签或高级或类样式定义“仅用该文档”的标签、高级、类样式 定义样式属性 文档样式表的引用 样式文档 CSS样式文档是用以保存样式表的文档，后缀名为.css CSS样式文档中的样式可以通过“链接”或“导入”方式应用于该其他网页 样式文档中样式的定义方法 新建CSS样式面板中选择“定义在新建样式表文件” 指定保存新建样式的样式文档 定义样式属性 样式文档中样式的应用方法 打开要应用指定CSS文档中的样式的网页，通过管理CSS面板导入或链接指定CSS文档 然后选中网页中文本或段落等页面元素，在属性面板中或【文本】 →【样式】下选择样式名 表单及其应用 1.表单作用 收集用户反馈信息，是设计者与浏览者之间沟通的桥梁。 表单与表单元素 创建方法 1.先插入表单 【插入】 ?【表单】 ?【表单】