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