dreamweaver8网页制作教程01

《dreamweaver8网页制作教程01》由会员分享，可在线阅读，更多相关《dreamweaver8网页制作教程01（20页珍藏版）》请在装配图网上搜索。

1、l l课堂讲解 l l上机实战 第1课 初识Dreamweaver 8 课堂讲解 l l什么是网页和网站什么是网页和网站 l l网页的分类网页的分类 l l网页中的常用术语网页中的常用术语 l l网页设计的相关知识网页设计的相关知识 l l认识认识DreamweaverDreamweaver 8 8 l lDreamweaverDreamweaver 8 8的基本操作的基本操作 l lDreamweaverDreamweaver 8 8工作界面介绍工作界面介绍 什么是网页和网站 l l什么是网页l l什么是网站 什么是网页 网页是由网页是由网页是由网页是由HTMLHTML（超级文超级文超级文超

2、级文本标识语言）或本标识语言）或本标识语言）或本标识语言）或者其他语言编写者其他语言编写者其他语言编写者其他语言编写的，通过的，通过的，通过的，通过IEIE浏浏浏浏览器编译后供用览器编译后供用览器编译后供用览器编译后供用户获取信息的页户获取信息的页户获取信息的页户获取信息的页面，它又称为面，它又称为面，它又称为面，它又称为WebWeb页，其中页，其中页，其中页，其中可包含文字、图可包含文字、图可包含文字、图可包含文字、图像、表格、动画像、表格、动画像、表格、动画像、表格、动画和超级链接等各和超级链接等各和超级链接等各和超级链接等各种网页元素。种网页元素。种网页元素。种网页元素。什么是网站 网站

3、就是一个或多个网页的集合。网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在上以后，能通过浏览器在Internet上访问的页面上访问的页面。l l门户网站门户网站l l职能网站职能网站l l专业网站专业网站l l个人网站个人网站 网页的分类网页的分类 l按所处位置分类按所处位置分类 l按表现形式分类按表现形式分类 按所处位置分类 按网页在网站中所处的位置可按网页在网站中所处的位置可将网页分为主页和子页两类。将网页分为主页和子页两类。按表现形式分类按表现形式分类 按网页的表现形式可将网页按网页的表现形式可将网页分为

4、静态网页和动态网页。分为静态网页和动态网页。网页设计的相关知识 l设计网页的原则设计网页的原则 l网页设计的一般步骤网页设计的一般步骤 l网页制作的常用工具网页制作的常用工具 设计网页的原则l l整体规划整体规划整体规划整体规划 l l鲜明的主题鲜明的主题鲜明的主题鲜明的主题l l善用图像善用图像善用图像善用图像l l醒目的导航醒目的导航醒目的导航醒目的导航l l及时更新及时更新及时更新及时更新l l易记的网站名称易记的网站名称易记的网站名称易记的网站名称l l通用网页通用网页通用网页通用网页l l动画适量动画适量动画适量动画适量 网页设计的一般步骤 l l规划网站规划网站l l收集整理资源收

5、集整理资源l l配置站点配置站点l l创建页面创建页面l l测试站点测试站点l l发布站点发布站点 l l维护、更新站点维护、更新站点网页制作的常用工具 l l网页设计软件网页设计软件网页设计软件网页设计软件 DreamweaverDreamweaver是目前使用最多的网页设是目前使用最多的网页设是目前使用最多的网页设是目前使用最多的网页设计软件。计软件。计软件。计软件。l l图像处理软件图像处理软件图像处理软件图像处理软件 制制制制作作作作网网网网页页页页图图图图像像像像的的的的软软软软件件件件种种种种类类类类繁繁繁繁多多多多，大大大大多多多多数数数数网网网网页设计人员选择的是页设计人员选择

6、的是页设计人员选择的是页设计人员选择的是FireworksFireworks或或或或PhotoshopPhotoshop。l l动画制作软件动画制作软件动画制作软件动画制作软件 网页动画制作中最常用的软件非网页动画制作中最常用的软件非网页动画制作中最常用的软件非网页动画制作中最常用的软件非FlashFlash莫属。莫属。莫属。莫属。Dreamweaver 8的基本操作 l启动启动Dreamweaver 8 l新建空白新建空白HTML网页网页 l保存网页文档保存网页文档 l预览网页效果预览网页效果 l退出退出Dreamweaver 8 启动Dreamweaver 8 选择选择开始开始 所有程序所

7、有程序 Macromedia Macromedia Dreamweaver 8菜单菜单命令命令 新建空白HTML网页 选择选择选择选择 文件文件文件文件 新建新建新建新建 菜单命令，菜单命令，菜单命令，菜单命令，打开打开打开打开“新建文档新建文档新建文档新建文档”对话框，在对话框，在对话框，在对话框，在“分类分类分类分类”栏中选择栏中选择栏中选择栏中选择“基本基本基本基本页页页页”选项，在选项，在选项，在选项，在“基基基基本页本页本页本页”栏中选择栏中选择栏中选择栏中选择“HTML”HTML”选项，单选项，单选项，单选项，单击击击击“创建创建创建创建”按钮。按钮。按钮。按钮。保存网页文档 选择

8、选择选择选择 文件文件文件文件 保存保存保存保存 菜单菜单菜单菜单命令，打开的命令，打开的命令，打开的命令，打开的“另存为另存为另存为另存为”对话框，在对话框，在对话框，在对话框，在“保存在保存在保存在保存在”下拉列表框中选下拉列表框中选下拉列表框中选下拉列表框中选择文件的保存路径，在择文件的保存路径，在择文件的保存路径，在择文件的保存路径，在“文件名文件名文件名文件名”文本框中输入文本框中输入文本框中输入文本框中输入保存的文件名保存的文件名保存的文件名保存的文件名，单击，单击，单击，单击“保存保存保存保存”按钮按钮按钮按钮。预览网页效果 选择选择选择选择 文件文件文件文件 在浏览器中预览在浏

9、览器中预览在浏览器中预览在浏览器中预览 IExploreIExplore 6.0 6.0菜单菜单菜单菜单命令命令命令命令在在在在IEIE浏览器中浏览器中浏览器中浏览器中预览网页文档的效预览网页文档的效预览网页文档的效预览网页文档的效果。果。果。果。退出Dreamweaver 8 l l单击单击单击单击DreamweaverDreamweaver 8 8窗口右上角的窗口右上角的窗口右上角的窗口右上角的“关闭关闭关闭关闭”按钮。按钮。按钮。按钮。l l单击单击单击单击DreamweaverDreamweaver 8 8窗口左上角的图窗口左上角的图窗口左上角的图窗口左上角的图标，在弹出的下拉菜单中选

10、择标，在弹出的下拉菜单中选择标，在弹出的下拉菜单中选择标，在弹出的下拉菜单中选择“关闭关闭关闭关闭”命令。命令。命令。命令。l l在在在在DreamweaverDreamweaver 8 8窗口中选择窗口中选择窗口中选择窗口中选择 文件文件文件文件 退出退出退出退出 菜单命令。菜单命令。菜单命令。菜单命令。l l在当前窗口为在当前窗口为在当前窗口为在当前窗口为DreamweaverDreamweaver 8 8工作界工作界工作界工作界面时，按面时，按面时，按面时，按【Alt+F4Alt+F4】键退出键退出键退出键退出DreamweaverDreamweaver 8 8。Dreamweaver

11、8 工作界面介绍 l l插入栏插入栏插入栏插入栏l l文档工具栏文档工具栏文档工具栏文档工具栏l l文档编辑区文档编辑区文档编辑区文档编辑区l l网页标签网页标签网页标签网页标签l l扩展按钮扩展按钮扩展按钮扩展按钮l l浮动面板组浮动面板组浮动面板组浮动面板组l l属性面板属性面板属性面板属性面板l l标签选择器标签选择器标签选择器标签选择器l l水水水水平平平平标标标标尺尺尺尺和和和和垂直标尺垂直标尺垂直标尺垂直标尺上机实战 本课上机本课上机本课上机本课上机实战将练习在实战将练习在实战将练习在实战将练习在DreamweaverDreamweaver 8 8中新建一个只中新建一个只中新建一个只中新建一个只包含文本的简单包含文本的简单包含文本的简单包含文本的简单网页，并使用网页，并使用网页，并使用网页，并使用IEIE浏览器预览其效浏览器预览其效浏览器预览其效浏览器预览其效果。其中主要练果。其中主要练果。其中主要练果。其中主要练习习习习DreamweaverDreamweaver 8 8的启动、新建的启动、新建的启动、新建的启动、新建文档、保存网页、文档、保存网页、文档、保存网页、文档、保存网页、预览网页和退出预览网页和退出预览网页和退出预览网页和退出DreamweaverDreamweaver 8 8的操作。的操作。的操作。的操作。