HTML(HyperText Markup Language)是一种用于创建网页的标准标记语言,是网页设计的基础。本章主要讲解了如何使用Dreamweaver这一专业网页设计软件来制作各种HTML元素和页面结构。
我们回顾了HTML中的一些常用样式属性,例如超链接的样式,以及内嵌样式表、行内样式表和外部样式表的区别。内嵌样式是通过`<style>`标签在HTML文档内部定义,只对当前文档有效;行内样式是通过`style`属性直接应用于HTML元素,具有最高的优先级;而外部样式则是将CSS代码保存在单独的`.css`文件中,可以被多个页面共享,更便于管理和维护。
预习检查中提到了在Dreamweaver中插入图像、文本和创建样式表的基本操作。插入图像使用`<img>`标签,指定`src`属性为图像源路径;插入文本则是直接在编辑器中键入;创建样式表则涉及到`<link>`标签,用于链接外部CSS文件,或者在`<head>`部分创建`<style>`标签编写内联样式。
本章的主要任务是制作点卡购买页面、用户注册页面和客户中心页面,这些都是网站常见的功能模块。通过这些实践,学生能掌握HTML中的各类标签,包括图像、文本、列表、表格和表单的使用,以及如何设置页面标题、背景、超链接地图等。
接着,我们学习了HTML的基本标签。网页标题由`<title>`标签设定,页面背景可以使用CSS的`background`属性控制,超链接通过`<a>`标签实现,`<map>`标签用于创建图像映射,`<img>`标签插入图片,`<flash>`标签处理Flash内容。为了实现这些页面效果,教员会演示如何在Dreamweaver中执行这些操作。
在格式化文本方面,我们学习了如何使用`<br>`换行,`<p>`段落,`<b>`粗体,`<i>`斜体,`<u>`下划线,以及调整文本颜色、字号大小和对齐方式。此外,`<ul>`和`<ol>`用于创建无序和有序列表,`<li>`定义列表项。教员还会演示如何插入特殊字符和空格。
表格布局是网页设计的重要部分。`<table>`标签创建表格,`<tr>`定义行,`<td>`定义单元格,`<th>`定义表头。通过合并单元格,设置表格边框、填充和间距,可以实现复杂的布局。教员会演示如何在Dreamweaver中创建跨行、跨列的表格,设置背景色和对齐方式。
表单用于收集用户信息,包含多种输入元素,如`<input type="text">`单行文本框,`<input type="password">`密码框,`<input type="radio">`单选按钮,`<input type="checkbox">`复选框,`<select>`下拉列表,`<input type="reset">`重置按钮,`<input type="submit">`提交按钮,`<input type="file">`文件域,以及`<textarea>`多行文本域。教员会展示如何在表格中布局表单元素,以及设置表单属性,如`action`(提交地址),`method`(提交方式),`name`和`id`(表单标识)。
我们探讨了框架(Frames)的概念,框架集允许将网页分割成多个独立的区域,每个区域可以加载不同的网页内容。例如,顶部框架(top.html)展示广告栏,左侧框架(left.html)提供导航,右侧框架(right.html)显示详细内容。框架集页面由`<frameset>`和`<frame>`标签定义,可以设置边框宽度,调整各个框架的尺寸。
通过本章的学习,学员将具备使用Dreamweaver创建基本HTML页面的能力,包括文本格式化、图像插入、表格布局、表单设计和框架集应用。这些技能是网页设计师的必备基础,为后续更复杂的网页开发打下坚实基础。