dw教学-第一讲----dw概述ppt课件

1、网页三剑客网页三剑客主讲主讲:刘苗刘苗第一讲第一讲 DW概述概述n通过本讲的学习通过本讲的学习, 掌握网站与网页的相关概念、掌握网站与网页的相关概念、DreamWeaver的特性、应用领域、工作界面以及的特性、应用领域、工作界面以及关于文档的基本操作和创建及管理站点关于文档的基本操作和创建及管理站点.教学目标教学目标n网站与网页概述网站与网页概述nDW特性及其应用领域特性及其应用领域nDW工作界面工作界面n文档的基本操作文档的基本操作n站点的管理站点的管理本讲主要内容本讲主要内容任务一、网站与网页概述任务一、网站与网页概述1、网站、网站 网站是指在因特网上根据一定的规则使用网站是指在因特网上根

2、据一定的规则使用html等工等工具制作的用于展示特定内容的相关网页的集合具制作的用于展示特定内容的相关网页的集合 严格来说，网站分为前台与后台两部分。严格来说，网站分为前台与后台两部分。 前台指网站的外观表现，主要是网页的集合。前台指网站的外观表现，主要是网页的集合。 后台指网站的数据库构建及动态程序的设计。后台指网站的数据库构建及动态程序的设计。 简单来说，多个网页通过超级链接相互连接构成整简单来说，多个网页通过超级链接相互连接构成整个网站。由于网站是由多个网页的组合，因此网站个网站。由于网站是由多个网页的组合，因此网站具有严格的文件结构，即对构成网站的各网页、图具有严格的文件结构，即对构成

3、网站的各网页、图片、样式等进行合理、有序的归档。片、样式等进行合理、有序的归档。2、网页、网页 网页是一个网站的单个页面文件，用于显示网页是一个网站的单个页面文件，用于显示网站内容或完成交互功能动画等元素，通常网站内容或完成交互功能动画等元素，通常含有文字资料，图像文件，超链接等。含有文字资料，图像文件，超链接等。 前台网页前台网页,将网站所要展示内容进行合理、将网站所要展示内容进行合理、美观地规划并完成界面制作。美观地规划并完成界面制作。 后台网页后台网页,主要是为了完成网站某项功能，主要是为了完成网站某项功能，将前台显示部分与后台数据库进行连接，实将前台显示部分与后台数据库进行连接，实现网

4、站的交互性。现网站的交互性。3、设计网站的技巧、设计网站的技巧 给网站起一个响亮的名字给网站起一个响亮的名字 注意网站的总体规划，不同的用途规划设计注意网站的总体规划，不同的用途规划设计不同的网站不同的网站 利用音乐，特效，图片，动画等装点网页，利用音乐，特效，图片，动画等装点网页，生动个性，选择使用生动个性，选择使用 注意色彩搭配协调注意色彩搭配协调 多观察别人的网页，结合自己的网页，全面多观察别人的网页，结合自己的网页，全面规划设计自己的网页规划设计自己的网页任务二、任务二、DW特性与应用领域特性与应用领域1、功能特点、功能特点是是Macromedia公司出品的所见即所得的可视化公司出品的

5、所见即所得的可视化网页设计软件；网页设计软件；具有强大的网站管理功能；具有强大的网站管理功能；可生成标准的可生成标准的HTML标记，提供视觉化编辑与原标记，提供视觉化编辑与原始代码编辑同步；始代码编辑同步；简洁高效的设计和开发界面；简洁高效的设计和开发界面；新式的页面布局和设计环境；新式的页面布局和设计环境；强大和开放的编码环境。强大和开放的编码环境。2、应用领域、应用领域网站前台页面设计网站前台页面设计网站后台程序开发网站后台程序开发任务三、任务三、 Dw的工作界面的工作界面n留意：留意：n1、插入面板、插入面板ctrl+F2）n n2、文档工具栏、文档工具栏n n视图方式：代码视图视图方式

6、：代码视图 代码与设计视图代码与设计视图 设计视设计视图图n标题标题:网页的标题，直接输入网页的标题，直接输入n 在浏览器中预览调试在浏览器中预览调试n 预览在预览在IE：预栏页面，：预栏页面，F12n 编辑浏览器列表：指定预览的浏览器，添加编辑浏览器列表：指定预览的浏览器，添加浏览器浏览器 3、状态栏、状态栏 标签选择器：快捷选择标签选择器：快捷选择HTML 窗口大小：控制窗口大小窗口大小：控制窗口大小 下载时间：判定网页下载时间下载时间：判定网页下载时间4、各种浮动面板、各种浮动面板 文件面板文件面板 层面板层面板 行为面板行为面板5、 设置用户首选参数设置用户首选参数ctrl+u）设置允

7、许多个连续的空格复选框选中设置允许多个连续的空格复选框选中调整代码视图中的字体显示调整代码视图中的字体显示其它选项简介其它选项简介6、工作区布局、工作区布局窗口窗口工作区布局工作区布局1、新建文档、新建文档2、编辑文档、编辑文档 a 添加文本添加文本 b 添加图像添加图像 (插入插入图像图像选择源文件对话框选择源文件对话框) c 添加超链接添加超链接(属性面板或者右击属性面板或者右击)3、预览文档、预览文档(F12)4、打开文档、打开文档5、保存文档、保存文档html格式）格式）任务四、文档的基本操作任务四、文档的基本操作网页文件命名规则：网页文件命名规则：Window 格式：扩展名应为格式：

8、扩展名应为3个字符个字符(.htm) UNIX格式：扩展名为格式：扩展名为4个字符个字符(.html)不要用特殊字符命名：不要用特殊字符命名： 斜线（斜线（/）、减号（）、减号（-）、反斜线（）、反斜线（） 加号（加号（+）、冒号（）、冒号（:）、英文句号）、英文句号最好不要用数字和中文命名最好不要用数字和中文命名 英文名称要用小写，最好不要用大写或大小英文名称要用小写，最好不要用大写或大小写混合写混合站点首页名称一般情况下要用站点首页名称一般情况下要用index补充：补充：1、设置网页属性、设置网页属性 修正修正-页面属性页面属性(ctrl+j)或者属性面板或者属性面板 五大类：外观；链接；

9、标题；标题五大类：外观；链接；标题；标题/编码；编码；跟踪图像跟踪图像改变页面标题改变页面标题(页面标题基本功能：页面标题基本功能：1、标识浏览者当前所浏览的内容、标识浏览者当前所浏览的内容2、便于搜索引擎收集本页面信息、便于搜索引擎收集本页面信息)改变页面背景图像和背景颜色改变页面背景图像和背景颜色改变默认文本的颜色改变默认文本的颜色设置页面的左边距和顶边距设置页面的左边距和顶边距设置链接设置链接文档编码简体中文文档编码简体中文GB2312）使用跟踪图像标尺和网格）使用跟踪图像标尺和网格）2、设置网页的头部信息、设置网页的头部信息网页标题，网页关键字，网页描述等头部信息虽网页标题，网页关键字

10、，网页描述等头部信息虽不直接显示在网页中，但可通过其他的方式起不直接显示在网页中，但可通过其他的方式起作用。作用。许多搜索引擎都是根据网页关键字来查询网页的。许多搜索引擎都是根据网页关键字来查询网页的。头部信息是不可见的，但标题是可见的。头部信息是不可见的，但标题是可见的。 插入插入-html-文件头标签文件头标签-阐明，关键字阐明，关键字任务五、任务五、 站点的管理站点的管理 网站由多个页面组成，制作网站首先建立一个本网站由多个页面组成，制作网站首先建立一个本地站点，整理成整齐的目录，便于管理各类资源地站点，整理成整齐的目录，便于管理各类资源文件。文件。 创建站点创建站点 设定站点文件和文件夹设定站点文件和文件夹 设置站点首页设置站点首页n本讲主要学习了本讲主要学习了Dreamweaver的工作界面及其的工作界面及其基本操作和站点的定义和管理。基本操作和站点的定义和管理。本讲小结本讲小结上机作业上机作业n熟悉熟悉DW界面界面n熟悉关于文档的基本操作熟悉关于文档的基本操作n创建一站点来管理网站下面的资源和文件创建一站点来管理网站下面的资源和文件思考题思考题1、如何创建站点？怎样设置本站的主页？、如何创建站点？怎样设置本站的主页？2、要控制页面的文字颜色，应该怎样做？、要控制页面的文字颜色，应该怎样做？3、Dw中默