HTML标记、Dreamweaver介绍及网页设计基础知识

需积分: 16 12 下载量 112 浏览量 更新于2024-08-22 收藏 335KB PPT 举报
HTML的常用标记-网页制作课件ppt HTML的常用标记是网页设计的基础,了解这些标记能够帮助设计者快速创建网页。下面将详细介绍这些常用标记。 水平分隔线:<hr> <hr>标记用于插入一个水平分隔线,可以在视觉上将文档分隔成各个部分。这个标记可以帮助设计者将网页内容分隔开,提高网页的可读性。 标题标记:<h1> - <h6> <h1> - <h6>标记可定义标题。<h1> 定义最大的标题,而<h6> 定义最小的标题。这些标记可以帮助设计者定义网页的标题结构,提高网页的可读性和可维护性。 强制换行符 插入一个强制换行符,可以在网页中插入换行符,控制网页的布局和格式。 Dreamweaver是Adobe公司开发的一款网页设计软件,下面将详细介绍Dreamweaver的特点和使用方法。 Dreamweaver的特点 1. 所见即所得:Dreamweaver可以将编辑窗口中编辑的文本与图片自动转化成HTML语言,方便设计者快速创建网页。 2. 自定窗口环境:Dreamweaver提供了三种工作区(代码、设计、代码与设计)、多功能选项卡等,方便设计者根据需要选择合适的工作模式。 3. 动态网页效果的支持:Dreamweaver结合了JavaScript,可以让设计者不需要编程就可以完成部分动态网页的制作。 4. 网站的管理:Dreamweaver提供了丰富的站点管理功能,方便设计者管理和维护网站。 Dreamweaver的使用方法 1. 设置站点存储位置:设计者需要设置站点存储位置,以便Dreamweaver能够正确地管理网站文件。 2. 设立Dreamweaver站点:设计者需要设立Dreamweaver站点,以便使用Dreamweaver的各种功能。 3. 建立站点文件夹:设计者需要建立站点文件夹,以便存储网站的文件。 4. 建立网页新文件:设计者可以使用Dreamweaver建立网页新文件,快速创建网页。 5. 打开站点窗口:设计者可以打开站点窗口,以便管理和维护网站。 版面设定与文字编辑 1. 页面属性的设定:设计者可以使用Dreamweaver设置页面属性,以便控制网页的布局和格式。 2. 属性面板:Dreamweaver提供了属性面板,方便设计者快速设置页面属性。 3. 文字编辑:Dreamweaver提供了文字编辑功能,方便设计者快速输入和编辑文字。 4. 普通文本的输入方法:设计者可以使用Dreamweaver输入普通文本,以便快速创建网页。 5. 空格的输入方法:设计者可以使用Dreamweaver输入空格,以便控制网页的布局和格式。 6. 换行符的输入方法:设计者可以使用Dreamweaver输入换行符,以便控制网页的布局和格式。 7. 插入特殊字符:设计者可以使用Dreamweaver插入特殊字符,以便快速创建网页。 了解HTML的常用标记和Dreamweaver的使用方法是网页设计的基础,能够帮助设计者快速创建网页,并提高网页的可读性和可维护性。