dreamweaver8网页制作教程01 (2)

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,课堂讲解,第1课 初识Dreamweaver 8,1,课堂讲解,什么是网页和网站,网页的分类,网页中的常用术语,网页设计的相关知识,认识Dreamweaver 8,Dreamweaver 8的基本操作,Dreamweaver 8工作界面介绍,2,什么是网页和网站,什么是网页,什么是网站,3,什么是网页,网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。,4,什么是网站,网站就是一个或多个网页的集合。从广义上讲，网站就是当网页发布到Internet上以后，能通过浏览器在Internet上访问的页面。,门户网站,职能网站,专业网站,个人网站,5,网页的分类,按所处位置分类,按表现形式分类,6,按所处位置分类,按网页在网站中所处的位置可将网页分为主页和子页两类。,7,按表现形式分类,按网页的表现形式可将网页分为静态网页和动态网页。,8,网页设计的相关知识,设计网页的原则,网页设计的一般步骤,网页制作的常用工具,9,设计网页的原则,整体规划,鲜明的主题,善用图像,醒目的导航,及时更新,易记的网站名称,通用网页,动画适量,10,网页设计的一般步骤,规划网站,收集整理资源,配置站点,创建页面,测试站点,发布站点,维护、更新站点,11,网页制作的常用工具,网页设计软件,Dreamweaver是目前使用最多的网页设计软件。,图像处理软件,制作网页图像的软件种类繁多，大多数网页设计人员选择的是Fireworks或Photoshop。,动画制作软件,网页动画制作中最常用的软件非Flash莫属。,12,Dreamweaver 8的基本操作,启动Dreamweaver 8,新建空白HTML网页,保存网页文档,预览网页效果,退出Dreamweaver 8,13,启动Dreamweaver 8,选择开始,所有程序,Macromedia,Macromedia Dreamweaver 8菜单命令,14,新建空白HTML网页,选择文件,新建菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。,15,保存网页文档,选择文件,保存菜单,命令，打开的“另存为”对话框，在“保存在”下拉列表框中选择文件的保存路径，在“文件名”文本框中输入保存的文件名，单击“保存”按钮。,16,预览网页效果,选择文件,在浏览器中预览,IExplore 6.0菜单,命令在IE浏览器中,预览网页文档的效,果。,17,退出Dreamweaver 8,单击Dreamweaver 8窗口右上角的“关闭”按钮。,单击Dreamweaver 8窗口左上角的图标，在弹出的下拉菜单中选择“关闭”命令。,在Dreamweaver 8窗口中选择文件,退出菜单命令。,在当前窗口为Dreamweaver 8工作界面时，按【Alt+F4】键退出Dreamweaver 8。,18,Dreamweaver 8,工作界面介绍,插入栏,文档工具栏,文档编辑区,网页标签,扩展按钮,浮动面板组,属性面板,标签选择器,水平标尺和垂直标尺,19,上机实战,本课上机实战将练习在Dreamweaver 8中新建一个只包含文本的简单网页，并使用IE浏览器预览其效果。其中主要练习Dreamweaver 8的启动、新建文档、保存网页、预览网页和退出Dreamweaver 8的操作。,20,