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

网页三剑客,主讲:刘苗,第一讲 DW概述,3,通过本讲的学习, 掌握网站与网页的相关概念、DreamWeaver的特性、应用领域、工作界面以及关于文档的基本操作和创建及管理站点.,教学目标,4,网站与网页概述 DW特性及其应用领域 DW工作界面 文档的基本操作 站点的管理,本讲主要内容,5,任务一、网站与网页概述,1、网站 网站是指在因特网上根据一定的规则使用html等工具制作的用于展示特定内容的相关网页的集合 严格来说，网站分为前台与后台两部分。 前台指网站的外观表现，主要是网页的集合。 后台指网站的数据库构建及动态程序的设计。 简单来说，多个网页通过超级链接相互连接构成整个网站。由于网站是由多个网页的组合，因此网站具有严格的文件结构，即对构成网站的各网页、图片、样式等进行合理、有序的归档。,6,2、网页 网页是一个网站的单个页面文件，用于显示网站内容或完成交互功能动画等元素，通常含有文字资料，图像文件，超链接等。 前台网页,将网站所要展示内容进行合理、美观地规划并完成界面制作。 后台网页,主要是为了完成网站某项功能，将前台显示部分与后台数据库进行连接，实现网站的交互性。,7,3、设计网站的技巧 给网站起一个响亮的名字 注意网站的总体规划，不同的用途规划设计不同的网站 利用音乐，特效，图片，动画等装点网页，生动个性，选择使用 注意色彩搭配协调 多观察别人的网页，结合自己的网页，全面规划设计自己的网页,8,任务二、DW特性与应用领域,1、功能特点 是Macromedia公司出品的所见即所得的可视化网页设计软件； 具有强大的网站管理功能； 可生成标准的HTML标记，提供视觉化编辑与原始代码编辑同步； 简洁高效的设计和开发界面； 新式的页面布局和设计环境； 强大和开放的编码环境。,9,2、应用领域 网站前台页面设计 网站后台程序开发,10,任务三、 Dw的工作界面,11,注意： 1、插入面板（ctrl+F2） 2、文档工具栏 视图方式：代码视图 代码与设计视图 设计视图 标题:网页的标题，直接输入 在浏览器中预览调试 预览在IE：预栏页面，F12 编辑浏览器列表：指定预览的浏览器，添加浏览器,12,3、状态栏 标签选择器：快捷选择HTML 窗口大小：控制窗口大小 下载时间：判定网页下载时间 4、各种浮动面板 文件面板 层面板 行为面板,13,5、 设置用户首选参数（ctrl+u） 设置允许多个连续的空格复选框选中 调整代码视图中的字体显示 其它选项简介 6、工作区布局 窗口工作区布局,14,1、新建文档 2、编辑文档 a 添加文本 b 添加图像 (插入图像选择源文件对话框) c 添加超链接(属性面板或者右击) 3、预览文档(F12) 4、打开文档 5、保存文档（html格式）,任务四、文档的基本操作,15,网页文件命名规则： Window 格式：扩展名应为3个字符(.htm) UNIX格式：扩展名为4个字符(.html) 不要用特殊字符命名： 斜线（/）、减号（-）、反斜线（） 加号（+）、冒号（:）、英文句号 最好不要用数字和中文命名 英文名称要用小写，最好不要用大写或大小写混合 站点首页名称一般情况下要用index,16,补充： 1、设置网页属性 修改-页面属性(ctrl+j)或者属性面板 五大类：外观；链接；标题；标题/编码；跟踪图像,17,改变页面标题 (页面标题基本功能： 1、标识浏览者当前所浏览的内容 2、便于搜索引擎收集本页面信息) 改变页面背景图像和背景颜色 改变默认文本的颜色 设置页面的左边距和顶边距 设置链接 文档编码（简体中文GB2312） 使用跟踪图像（标尺和网格）,18,2、设置网页的头部信息 网页标题，网页关键字，网页描述等头部信息虽不直接显示在网页中，但可通过其他的方式起作用。 许多搜索引擎都是根据网页关键字来查询网页的。 头部信息是不可见的，但标题是可见的。 插入-html-文件头标签-说明，关键字,19,任务五、 站点的管理,网站由多个页面组成，制作网站首先建立一个本地站点，整理成整齐的目录，便于管理各类资源文件。 创建站点 设定站点文件和文件夹 设置站点首页,20,本讲主要学习了Dreamweaver的工作界面及其基本操作和站点的定义和管理。,本讲小结,21,上机作业,熟悉DW界面 熟悉关于文档的基本操作 创建一站点来管理网站下面的资源和文件,22,思考题,1、如何创建站点？怎样设置本站的主页？ 2、要控制页面的文字颜色，应该怎样做？