Dreamweaver实战:HTML页面与样式表制作教程
需积分: 9 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语言,为后续的网页设计和开发打下坚实基础。
2011-09-29 上传
2011-04-25 上传
2011-04-25 上传
2008-12-04 上传
2011-04-25 上传
120 浏览量
2008-11-29 上传
yechenfeng2012
- 粉丝: 1
- 资源: 27
最新资源
- 探索数据转换实验平台在设备装置中的应用
- 使用git-log-to-tikz.py将Git日志转换为TIKZ图形
- 小栗子源码2.9.3版本发布
- 使用Tinder-Hack-Client实现Tinder API交互
- Android Studio新模板:个性化Material Design导航抽屉
- React API分页模块:数据获取与页面管理
- C语言实现顺序表的动态分配方法
- 光催化分解水产氢固溶体催化剂制备技术揭秘
- VS2013环境下tinyxml库的32位与64位编译指南
- 网易云歌词情感分析系统实现与架构
- React应用展示GitHub用户详细信息及项目分析
- LayUI2.1.6帮助文档API功能详解
- 全栈开发实现的chatgpt应用可打包小程序/H5/App
- C++实现顺序表的动态内存分配技术
- Java制作水果格斗游戏:策略与随机性的结合
- 基于若依框架的后台管理系统开发实例解析