计算机技术基础：第 2 章 标记语言与网页制作B.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 高等教育“十一五”国家级规划教材　计算机技术基础 插入表单 在“插入”菜单中，指向“表单”，执行“表单”，插入一个表单，然后依次执行要插入的控件（表单元素）命令，以便在表单中插入需要的表单元素。 调整表单布局。表单一般和表格联合使用，通过表格设置表单布局。 在“拆分”或“代码”视图中，手工调整代码。 设置表单属性，在表单上右单击，在快捷菜单中，执行“表单属性…”命令 设置表单域属性，在表单域上右单击，在快捷菜单中，执行“表单域属性…”命令 生成HTML代码 高等教育“十一五”国家级规划教材　计算机技术基础 设置标记属性 IntelliSense技术 是指当用户编辑到一个对象时，系统能动态的显示当前对象的方法、属性名列表，从而保证用户输入的正确性，或从中选择输入 。 高等教育“十一五”国家级规划教材　计算机技术基础 使用行为面板 标记事件属性，行为 标记中的事件属性对应的事件，又称为行为，即用户对所标记对象的操作行为 。 行为函数 要设置标记的行为，首先选择“设计”视图，在“格式”中，执行“行为…”命令，打开“行为”任务面板。 单击“插入”，在下拉列表中，可以选择一个行为。则在下面的事件列表中，显示行为对应的默认事件。 如果需要修改行为对应的事件，可以点击事件，则显示当前对象的可选事件列表，选择一个事件作为当前行为的激活事件即可。 高等教育“十一五”国家级规划教材　计算机技术基础 定义样式 执行“格式”菜单中的“样式…”菜单命令，打开“样式”对话框 在左下侧列表中，可以选择“用户自定义样式”或者“HTML标记” 修改html标记默认样式 新建用户样式类 在文档的head../head内部生成类似如下的代码 高等教育“十一五”国家级规划教材　计算机技术基础 新建样式表文件 在“新建”任务窗格中，点击“其他网页模版”超链接，打开“网页模版”对话框，选择“样式表”选项卡，然后选择一个样式表模板，从而建立一个样式表文件。 通过执行“格式”菜单中的“样式…”菜单命令来编辑样式即可。 使用样式表文件 在“格式”菜单中，执行“样式表链接…”命令，打开“连接样式表”对话框，选择一个.css文件，例如mystyles1.css， 则在该网页的head…/head内增加下述语句： link rel=stylesheet type=text/css href=mystyles1.css 高等教育“十一五”国家级规划教材　计算机技术基础 Frame框架 新建框架网页 在 “文件”菜单中，执行“新建”命令，打开“新建”任务窗格， 在新建网页区域，单击“其他网页模版”超链接，打开“网页模板”对话框 选择“框架网页”选项卡 高等教育“十一五”国家级规划教材　计算机技术基础 Frame框架设属性设置 拆分与删除框架 改变框架窗格的大小 设置框架属性 高等教育“十一五”国家级规划教材　计算机技术基础 Frame框架举例 定义样式表文件 a { font-size:11pt; color:#0000FF; text-decoration:none; } a:hover { color:#FF0000; font-weight:bold; text-decoration:none; } a:visited { color: #0000FF; text-decoration: none; } 高等教育“十一五”国家级规划教材　计算机技术基础 使用浮动框架IFrame 浮动框架IFrame 是一种特殊的框架，它允许在浏览器窗口中嵌套子窗口，在其中显示子页的内容。 iframe name=tt src=jpkc/kcjj.htm width=728 height=659 scrolling=yes frameborder=0 /iframe 高等教育“十一五”国家级规划教材　计算机技术基础 Part B 网页设计与制作 The End * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 高等教育“十一五”国家级规划教材　计算机技术基础 高等教育“十一五”国家级规划教材　计算机技术基础 高等教育“十一五”国家级规划教材　计算机技术基础 第 1 章 Web技术基础 第 2 章 标记语言与网页制作 第 3 章 图像处理技术 第 4 章 音频与视频处理 第 5 章 Flash动画设计 第 6 章