《[计算机软件及应用]dreaweaverCS5教学PPT第一章》由会员分享，可在线阅读，更多相关《[计算机软件及应用]dreaweaverCS5教学PPT第一章（30页珍藏版）》请在金锄头文库上搜索。
1、课堂讲解 上机实战 第1课 初识Dreamweaver 8 课堂讲解 什么是网页和网站 网页的分类 网页中的常用术语 网页设计的相关知识 认识Dreamweaver cs3 Dreamweaver cs3的基本操作 Dreamweaver cs3工作界面介绍 什么是网页和网站 什么是网页 什么是网站 什么是网页网页是由HTML（ 超 级文本标识语言 ） 或者其他语言编 写 的，通过IE浏览 器 编译后供用户获 取 信息的页面，它 又 称为Web页，其 中 可包含文字、图 像、表格、动画 和 超级链接等各种 网 页元素。 什么是网站 网站就是一个或多个网页的集合。从广义 上讲，网站就是当网页发布
2、到Internet上以后 ，能通过浏览器在Internet上访问的页面 。 门户网站 智能网站 专业网站 个人网站 网页的分类 按所处位置分类 按表现形式分类 按所处位置分类 按网页在网站中所处的位置可将网页分为主 页和子页两类。按表现形式分类 按网页的表现形式可将网页分为静态网页和 动态网页。网页中的常用术语 万维网（www） 浏览器 统一资源定位符（URL） 文件传输协议（FTP） IP地址 域名 超级链接 超级文本标记语言（HTML） 万维网（www） 万维网（www）是World Wide Web的中文简 称，也称为3W网，它的本质是一种基于超级文 本技术的交互式信息浏览检索工具，是
3、Internet提供的应用最普及、功能最丰富、使 用方法最简便的信息服务，用户可通过它在 Internet上浏览、编辑、传递超文本格式的文 件（即.html格式文件）。 浏览器 浏览器是用于阅读网页中信息的一种软件工 具，就像使用电脑必须有操作系统一样。 Internet Explorer（IE） Netscape Navigator（NE） 腾讯TT浏览器 统一资源定位符（URL） URL（Uniform Resource Locator）主要是 用来指定协议（如HTTP或FTP）以及对象、文档 、万维网网页或其他目标在Internet的位置和 存取方式。这是一个世界通用的负责给万维网上例如
4、网页这 样的资源定位的系统。 通信协议 主机名 所要访问的网页路径及名称 文件传输协议（FTP） FTP（File Transfer Protocol）是 一种广泛使用的文件传输协议，是快速、 高效和可靠的信息传输方法。FTP是基于客户/服务器模型的TCP/IP 的应用，所以只要在客户端和服务器之间 建立了TCP/IP连接，无论两台电脑的位置 远近、连接方式的异同以及使用的操作系 统的异同，都能通过FTP协议进行文件的传 输。 IP地址 IP地址用来标识连接到Internet上电脑 的指定编号，每一个IP地址对应一台电脑， 这与用电话号码标识电话网络中的电话相同 。电脑识别的IP地址由32位二
5、进制数值 组成，电脑上以十进制数值来显示，一组数 值分为4部分，每一部分均不能大于255，中 间用“.”分隔，如61.139.2.69。 域名 域名就是常说的网址，它也具有惟一性 ，如百度的网址、网易的网 址等就是一个域名，域名由汉 语拼音或英文字符加上数字表示，在访问网 络时，域名将通过域名服务器转换成IP地址 ，这种转换是在后台完成的。超级链接 超级链接是网页中最常用的元素之一， 网页就是通过无数的超级链接才能组成一个 网站。超级链接可以链接到网站内部页面、 对象，也可以链接到其他网站，大大方便了 用户在各个页面对象之间实现跳转。 超级文本标记语言（HTML） HTML（Hyper Tex
6、t Markup Language）是一种用户与电脑之间进 行交流的文本技术，各种网页均是用 HTML语言来描述的，用HTML语言编 写的网页文件的扩展名一般为“*.htm” 或“*.html”。作用是定义超文本文档的结构和格式。 网页设计的相关知识 设计网页的原则 网页设计的一般步骤 网页制作的常用工具 设计网页的原则整体规划 鲜明的主题 善用图像 醒目的导航 及时更新 易记的网站名称 通用网页 动画适量 网页设计的一般步骤 规划网站 收集整理资源 配置站点 创建页面 测试站点 发布站点 维护、更新站点网页制作的常用工具 网页设计软件 Dreamweaver是目前使用最多的网页设 计软件。
7、图像处理软件制作网页图像的软件种类繁多，大多数网 页设计人员选择的是Fireworks或Photoshop 。 动画制作软件 网页动画制作中最常用的软件非Flash莫属 。 认识Dreamweaver 8 使用Dreamweaver 8制作网页 之前，需先将该软件安装到电脑中 ，其方法与安装其他软件相似，用 户可根据提示操作。 Dreamweaver 8的基本操作 启动Dreamweaver 8 新建空白HTML网页 保存网页文档 预览网页效果 退出Dreamweaver 8 启动Dreamweaver 8 选择开始 所有程序 Macromedia Macromedia Dreamweaver
8、 8 菜单命令 新建空白HTML网页 选择文件 新建菜单命令 ， 打开“新建文档” 对话 框，在“分类”栏 中选 择“基本页”选项 ，在 “基本页”栏中选 择 “HTML”选项，单 击 “创建”按钮。 保存网页文档 选择文件保存菜单命令，打开 的“另存为”对话框，在“保存在”下拉列 表框中选择文件的保存路径，在“文件名” 文本框中输入保存的文件名，单击“保存” 按钮。 预览网页效果 选择文 件在浏览器中 预览IExplore 6.0菜单命令在 IE 浏览器中预览网 页 文档的效果。 退出Dreamweaver 8 单击Dreamweaver 8窗口右上角的“关闭”钮 。 单击Dreamweav
9、er 8窗口左上角的图标，在弹 出的下拉菜单中选择“关闭”命令。 在Dreamweaver 8窗口中选择文件退出菜 单命令。 在当前窗口为Dreamweaver 8工作界面时，按 【Alt+F4】键退出Dreamweaver 8。Dreamweaver 8 工作界面介绍 插入栏 文档工具栏 文档编辑区 网页标签 扩展按钮 浮动面板组 属性面板 标签选择器 水平标尺和 垂直标尺上机实战 在Dreamweaver 8 中新建一个只包 含文本的简单网 页，并使用IE浏 览器预览其效 果。其中主要练 习Dreamweaver 8 的启动、新建文 档、保存网页、 预览网页和退出 Dreamweaver 8 的 操作。
