Dreamweaver教程 第2讲 创建与管理站点.ppt

创建与管理站点 第2讲 Dreamweaver的站点创建 HTML的基础，并能用代码书写网页的基本结构 目的要求 站点的创建 页面属性的设置 HTML概述 主要内容 一、建立第一个站点 1、在本地机的一个目录下新建一个文件夹，作为站点文件夹； 2、执行“站点/管理站点”； 任务一、创建站点 二、设定站点文件与文件夹 三、设定站点主页 四、网站文件与文件夹名称规范 　□ Windows NT 格式：扩展名应为3个字符 　□ UNIX格式：扩展名为4个字符 　□ 不要用特殊字符命名：斜线（/）、减号（-）、反斜线（\）、加号（+）、冒号（：）、英文句号 　□ 不要用数字命名 　□ 不要用中文命名 　□ 英文名称要用小写，不要大写或大小写混 　□ 站点首页名称一般情况下要用index 1、设置页面属性 □ 改变页面标题 □ 改变页面背景图像 □ 改变页面背景颜色 □ 定义默认文本的颜色 □ 设置页面的左边距与顶边距 任务二、页面设置 ２、页面属性设置方法 　 ①用页面属性面板设置 　 ②用HTML代码设置 1、HTML概念 HTML 是HyperText Markup Language（超文本标记语言）的缩写。超文本使网页之间具有跳转的能力, 是一种信息组织的方式, 使浏览者可以选择阅读的路径, 从而可以不需要顺序阅读。 HTML语法简单，采用简捷明白的语法命令，通过各种标记、元素、属性、对象等关键字建立与图形、声音、视频等多媒体信息以及其他超文本的链接。 任务三、HTML概述 2、HTML语法特性 HTML主要是通过各种标记（Tag）来标示与排列各对象。标记由“”、“”符号以及其中所包容的标记元素组成。 三种表达方式： 标记对象/标记 标记 属性1＝参数1 属性2＝参数2…对象/标记 标记 / 注：标记的书写与大小写无关，一般采用小写的方式。标记与标记之间可以嵌套使用。 3、HTML代码 最上面的是描述页面所使用的HTML版本信息。 html与/html标记是HTML文档的开始与结束标记。 head与/head标记一般位于文档的头部，用于包含当前文档的有关信息，如标题与关键字等。 title与/title之间是标题文字，它位于head与/head之间。 body与/body用于定义HTML文档的正文部分。 通过本讲的学习，掌握 Dreamweaver 的建站功能，HTML的基础知识，并能用代码书写网页的基本结构。 总 结 1、建立自己的站点，创建文件及文件夹，并对站点文件及文件夹进行管理。 2、对文件进行页面设置。 3、熟悉HTML代码的格式，查找常用的几个标记语言。 4、制作简单网站。 上机作业 文本及图像的插入 预习