课件：Dreamweaver教程一.ppt

* 网站开发技术简介 HTML（超文本标记语言） CSS （层叠样式表） ASP（动态服务器页面） PHP（超文本预处理语言） JSP （java 服务器页面） 动态网页语言 是构成网页文档的主要语言 一种标记语言，负责网页内容的表现。 一种可以与数据库和其它程序进行交互的简单、方便的编程工具。ASP的网页文件的格式是.asp。 是一种 HTML 内嵌式的语言，都是一种在服务器端执行的嵌入HTML文档的脚本语言。 一种动态网页技术标准。它是在网页HTML文件(*.htm,*.html)中插入Java程序段和JSP标记，从而形成JSP文件(*.jsp)。 * 网页制作的常用工具 网页设计软件 Dreamweaver是目前使用最多的网页设计软件。 图像处理软件 制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。 动画制作软件 网页动画制作中最常用的软件非Flash莫属。 * 认识Dreamweaver 8 使用Dreamweaver 8制作网页之前，需先将该软件安装到电脑中，其方法与安装其他软件相似，用户可根据提示操作。 * Dreamweaver版本发展 DreamWeaver4 DreamWeaverMX DreamWeaverMX2004 DreamWeaver8 DreamWeaverCS3 Dreamweaver CS4 THANK YOU SUCCESS * * 可编辑 * Dreamweave8工作环境 工作区布局 工作界面 工具栏面板 * 工作布局 首次启用dreamweaver,会出现[工作区设置]对话框，提供两种工作布局： 设计器 编辑器 可通过[窗口][工作区布局]修改 * 起始页 * 标签选择器 Dreamweaver 8的工作界面 Dreamweaver 8的工作界面可以分为以下几个部分： 常用工具栏 文档工具栏 编辑窗口 (文档窗口） 面板组 文件面板 属性面板 * 工具栏面板 插入工具栏（常用工具栏） 样式呈现工具栏 文档工具栏 标准工具栏 和[插入] 菜单命令相对应，有两种显示方式：制表符显示和菜单显示 使用依赖于媒体的样式表时有用 视图，各种查看选项和操作 包含[文件]和[编辑]菜单中的一些操作 选择[查看] | [工具栏 ]进行显示或隐藏 演示 * Dreamweaver 8的基本操作 启动Dreamweaver 8 新建文档 保存网页文档 预览网页效果 * 启动Dreamweaver 8 选择[开始] ?[所有程序] ?[Macromedia] ?[Macromedia Dreamweaver 8菜单命令 在桌面单击快捷方式 * 新建文档 选择[文件] ?[新建]菜单命令，打开“新建文档”对话框，选择要创建的文档类型，单击“创建”按钮。 * 文档显示方式 通过单击 标签，可以在“代码”视图、“拆分”视图和“设计”视图三种显示方式之间进行切换。 演示 * 显示/隐藏面板 ●将鼠标移至面板最左侧的 标志上，鼠标指针将变为十字箭头，此时按住鼠标左键拖动可将面板拖动到其他位置。 ●单击面板名称左侧的黑色下三角按钮 ，可以收起面板，再次单击可以打开面板。 ●选择“窗口”→“隐藏面板”命令，或者按F4键可以隐藏所有面板，再次选择“显示面板”命令或按F4键可以显示所有面板。 演示 * 保存网页文档 选择[文件]?[保存]菜单命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。 * 预览网页效果 选择[文件]? [在浏览器中预览]? [IExplore 6.0]菜单 命令在IE浏览器中 预览网页文档的效 果。或者按F12。 * 自定义工作环境 页面属性设置 首选参数设置 * 首选参数设置 首选参数定义了启动Dreamweaver 8时对工作环境的一些默认设置，选择主菜单“编辑”→“首选参数”命令，或者按Ctrl＋U组合键，即可打开“首选参数”对话框进行设置。 图 “首选参数”对话框 * 页面属性设置 选择主菜单“修改”→“页面属性”命令，或者按Ctrl＋J组合键，打开“页面属性”对话框，可对“外观”、“链接”、“标题”、“标题/编码”和“跟踪图像”属性进行设置。 图 “页面属性”对话框 * 练习：制作第一个网页 课本第27页 * 上机实战 本课上机实战将练习在Dre