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

《《dw教学课件》第一讲----dw概述.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页三剑客主讲:刘苗1第一讲DW概述2通过本讲的学习,掌握网站与网页的相关概念、DreamWeaver的特性、应用领域、工作界面以及关于文档的基本操作和创建及管理站点.教学目标3网站与网页概述DW特性及其应用领域DW工作界面文档的基本操作站点的管理本讲主要内容4任务一、网站与网页概述1、网站网站是指在因特网上根据一定的规则使用html等工具制作的用于展示特定内容的相关网页的集合严格来说，网站分为前台与后台两部分。前台指网站的外观表现，主要是网页的集合。后台指网站的数据库构建及动态程序的设计。简单来说，多个网页通过超级链接相互连

2、接构成整个网站。由于网站是由多个网页的组合，因此网站具有严格的文件结构，即对构成网站的各网页、图片、样式等进行合理、有序的归档。52、网页网页是一个网站的单个页面文件，用于显示网站内容或完成交互功能动画等元素，通常含有文字资料，图像文件，超链接等。前台网页,将网站所要展示内容进行合理、美观地规划并完成界面制作。后台网页,主要是为了完成网站某项功能，将前台显示部分与后台数据库进行连接，实现网站的交互性。63、设计网站的技巧①给网站起一个响亮的名字②注意网站的总体规划，不同的用途规划设计不同的网站③利用音乐，特效，图片，动画等装点

3、网页，生动个性，选择使用④注意色彩搭配协调⑤多观察别人的网页，结合自己的网页，全面规划设计自己的网页7任务二、DW特性与应用领域1、功能特点是Macromedia公司出品的所见即所得的可视化网页设计软件；具有强大的网站管理功能；可生成标准的HTML标记，提供视觉化编辑与原始代码编辑同步；简洁高效的设计和开发界面；新式的页面布局和设计环境；强大和开放的编码环境。82、应用领域网站前台页面设计网站后台程序开发9任务三、Dw的工作界面10注意：1、插入面板（ctrl+F2）2、文档工具栏视图方式：代码视图代码与设计视图设计视图标题:

4、网页的标题，直接输入在浏览器中预览／调试预览在IE：预栏页面，F12编辑浏览器列表：指定预览的浏览器，添加浏览器113、状态栏标签选择器：快捷选择HTML窗口大小：控制窗口大小下载时间：判定网页下载时间4、各种浮动面板文件面板层面板行为面板125、设置用户首选参数（ctrl+u）设置允许多个连续的空格复选框选中调整代码视图中的字体显示其它选项简介6、工作区布局窗口—工作区布局131、新建文档2、编辑文档a添加文本b添加图像(插入—图像—选择源文件对话框)c添加超链接(属性面板或者右击)3、预览文档(F12)4、打开文档5、保存

5、文档（html格式）任务四、文档的基本操作14网页文件命名规则：Window格式：扩展名应为3个字符(.htm)UNIX格式：扩展名为4个字符(.html)不要用特殊字符命名：斜线（/）、减号（-）、反斜线（）加号（+）、冒号（:）、英文句号最好不要用数字和中文命名英文名称要用小写，最好不要用大写或大小写混合站点首页名称一般情况下要用index15补充：1、设置网页属性修改---页面属性(ctrl+j)或者属性面板五大类：外观；链接；标题；标题/编码；跟踪图像16▲改变页面标题(页面标题基本功能：1、标识浏览者当前所浏览的内

6、容2、便于搜索引擎收集本页面信息)▲改变页面背景图像和背景颜色▲改变默认文本的颜色▲设置页面的左边距和顶边距▲设置链接▲文档编码（简体中文GB2312）▲使用跟踪图像（标尺和网格）172、设置网页的头部信息网页标题，网页关键字，网页描述等头部信息虽不直接显示在网页中，但可通过其他的方式起作用。许多搜索引擎都是根据网页关键字来查询网页的。头部信息是不可见的，但标题是可见的。插入---html---文件头标签---说明，关键字18任务五、站点的管理网站由多个页面组成，制作网站首先建立一个本地站点，整理成整齐的目录，便于管理各类资源

7、文件。创建站点设定站点文件和文件夹设置站点首页19本讲主要学习了Dreamweaver的工作界面及其基本操作和站点的定义和管理。本讲小结20上机作业熟悉DW界面熟悉关于文档的基本操作创建一站点来管理网站下面的资源和文件21思考题1、如何创建站点？怎样设置本站的主页？2、要控制页面的文字颜色，应该怎样做？3、Dw中默认的左边距与顶边距是多少？要让网页内容顶左边,怎样设置?顶上部呢？4、跟踪图像有什么作用？5、修改网页标题有几种方式？分别怎样操作？6、为站点文件与文件夹命名有哪些注意事项？22