Dreamweaver实战:HTML页面与样式表制作教程

需积分: 9 2 下载量 52 浏览量 更新于2024-07-28 收藏 3.31MB PPT 举报
"这个资源是北大青鸟的HTML学习教程第五章内容,主要讲解如何使用Dreamweaver制作网页,包括回顾HTML的样式属性、超链接样式以及不同类型的样式表,同时预习了在Dreamweaver中插入图像和文本以及创建样式表的方法。章节重点在于通过实践操作教授学生使用Dreamweaver完成点卡购买、用户注册和客户中心等页面的制作,涵盖HTML的基本标签如标题、背景、超链接、图像、Flash、列表、表格、表单和框架,以及样式表的运用。" 在这一章中,首先回顾了HTML的一些基础知识,包括常用的样式属性,例如字体、颜色、大小、对齐方式等。超链接样式则涉及链接到其他文档和同一文档的特定位置。接着,讲解了内嵌样式表(将CSS代码写在HTML元素内部)、行内样式表(直接在HTML元素中使用`style`属性)与外部样式表(将CSS代码放在单独的`.css`文件中)的区别,强调了组织和管理样式的重要性。 预习部分,提到了在Dreamweaver中如何插入图像和文本,以及如何创建和应用样式表。这些是构建网页内容和视觉效果的基础操作。本章的具体任务是制作点卡购买、用户注册和客户中心三个页面,通过实际操作来巩固HTML标签的应用,如图像标签`<img>`、文本标签(如`<p>`、`<h1>`至`<h6>`等)、列表标签(`<ul>`和`<ol>`)、表格标签(`<table>`、`<tr>`、`<td>`等)以及表单标签(`<form>`、`<input>`等)。 在教学过程中,教员会演示如何新建HTML页面,设置页面背景和标题,插入图片和Flash,创建超链接,以及使用基本标签如`<a>`、`<b>`、`<i>`、`<u>`、`<br>`、`<p>`等。此外,还会展示如何利用`<ul>`和`<ol>`创建无序和有序列表,以及如何通过`<table>`和相关属性进行表格布局,包括单元格的合并和背景设置,以及如何使内容居中对齐。特别指出,在进行表格布局时,通常会将表格边框宽度设为0,并调整单元格的填充和间距以实现更整洁的视觉效果。 这个教程旨在帮助学习者掌握HTML基本标签的使用,以及如何借助Dreamweaver这款工具高效地构建网页。通过实际操作和案例分析,学生可以更好地理解和应用HTML语言,为后续的网页设计和开发打下坚实基础。