初识Dreamweaver市公开课一等奖省赛课获奖课件

课堂讲解上机实战第1课初识Dreamweaver8初识Dreamweaver第1页课堂讲解

什么是网页和网站网页分类网页中惯用术语网页设计相关知识认识Dreamweaver8Dreamweaver8基本操作Dreamweaver8工作界面介绍初识Dreamweaver第2页什么是网页和网站

什么是网页什么是网站

初识Dreamweaver第3页什么是网页网页是由HTML（超级文本标识语言）或者其它语言编写，经过IE浏览器编译后供用户获取信息页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。初识Dreamweaver第4页什么是网站

网站就是一个或多个网页集合。从广义上讲，网站就是当网页公布到Internet上以后，能经过浏览器在Internet上访问页面。门户网站职能网站专业网站个人网站初识Dreamweaver第5页网页分类按所处位置分类按表现形式分类

初识Dreamweaver第6页按所处位置分类

按网页在网站中所处位置可将网页分为主页和子页两类。初识Dreamweaver第7页按表现形式分类

按网页表现形式可将网页分为静态网页和动态网页。初识Dreamweaver第8页网页中惯用术语万维网（www）浏览器统一资源定位符（URL）文件传输协议（FTP）IP地址域名

超级链接

超级文本标识语言（HTML）

初识Dreamweaver第9页万维网（www）

万维网（www）是WorldWideWeb汉字简称，也称为3W网，它本质是一个基于超级文本技术交互式信息浏览检索工具，是Internet提供应用最普及、功效最丰富、使用方法最简便信息服务，用户可经过它在Internet上浏览、编辑、传递超文本格式文件（即.html格式文件）。初识Dreamweaver第10页浏览器

浏览器是用于阅读网页中信息一个软件工具，就像使用电脑必须有操作系统一样。InternetExplorer（IE）NetscapeNavigator（NE）腾讯TT浏览器初识Dreamweaver第11页统一资源定位符（URL）URL（UniformResourceLocator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其它目标在Internet位置和存取方式。通信协议主机名所要访问网页路径及名称

初识Dreamweaver第12页文件传输协议（FTP）FTP（FileTransferProtocol）是一个广泛使用文件传输协议，是快速、高效和可靠信息传输方法。FTP是基于客户/服务器模型TCP/IP应用，所以只要在客户端和服务器之间建立了TCP/IP连接，不论两台电脑位置远近、连接方式异同以及使用操作系统异同，都能经过FTP协议进行文件传输。初识Dreamweaver第13页IP地址IP地址用来标识连接到Internet上电脑指定编号，每一个IP地址对应一台电脑，这与用电话号码标识电话网络中电话相同。电脑识别IP地址由32位二进制数值组成，电脑上以十进制数值来显示，一组数值分为4部分，每一部分均不能大于255，中间用“.”分隔，如9。初识Dreamweaver第14页域名域名就是常说网址，它也含有惟一性，如baidu网址、网易网址等就是一个域名，域名由汉语拼音或英文字符加上数字表示，在访问网络时，域名将经过域名服务器转换成IP地址，这种转换是在后台完成。初识Dreamweaver第15页超级链接超级链接是网页中最惯用元素之一，网页就是经过无数超级链接才能组成一个网站。超级链接能够链接到网站内部页面、对象，也能够链接到其它网站，大大方便了用户在各个页面对象之间实现跳转。初识Dreamweaver第16页超级文本标识语言（HTML）

HTML（HyperTextMarkupLanguage）是一个用户与电脑之间进行交流文本技术，各种网页均是用HTML语言来描述，用HTML语言编写网页文件扩展名普通为“*.htm”或“*.html”。初识Dreamweaver第17页网页设计相关知识设计网页标准网页设计普通步骤网页制作惯用工具

初识Dreamweaver第18页设计网页标准整体规划鲜明主题善用图像醒目标导航及时更新易记网站名称通用网页动画适量初识Dreamweaver第19页网页设计普通步骤

规划网站搜集整理资源配置站点创建页面测试站点公布站点维护、更新站点初识Dreamweaver第20页网页制作惯用工具网页设计软件Dreamweaver是当前使用最多网页设计软件。图像处理软件制作网页图像软件种类繁多，大多数网页设计人员选择是Fireworks或Photoshop。动画制作软件网页动画制作中最惯用软件非Flash莫属。

初识Dreamweaver第21页认识Dreamweaver8使用Dreamweaver8制作网页之前，需先将该软件安装到电脑中，其方法与安装其它软件相同，用户可依据提醒操作。初识Dreamweaver第22页Dreamweaver8基本操作

开启Dreamweaver8新建空白HTML网页保留网页文档预览网页效果退出Dreamweaver8初识Dreamweaver第23页开启Dreamweaver8

选择[开始][全部程序][Macromedia][MacromediaDreamweaver8菜单命令初识Dreamweaver第24页新建空白HTML网页

选择[文件][新建]菜单命令，打开“新建文档”对话框，在“分类”栏中选择“基本页”选项，在“基本页”栏中选择“HTML”选项，单击“创建”按钮。

初识Dreamweaver第25页保留网页文档

选择[文件][保留]菜单命令，打开“另存为”对话框，在“保留在”下拉列表框中选择文件保留路径，在“文件名”文本框中输入保留文件名，单击“保留”按钮。

初识Dreamweaver第26页预览网页效果

选择[文件]

[在浏览器中预览][IExplore6.0]菜单命令在IE浏览器中预览网页文档效果。

初识Dreamweaver第27页退出Dreamweaver8

单击Dreamweaver8窗口右上角“关闭”按钮。单击Dreamweaver8窗口左上角图标，在弹出下拉菜单中选择“关闭”命令。在Dreamweaver8窗口中选择[文件][退出]菜单命令。在当前窗口为Dreamweaver8工作界面时，按【Alt+F4】键退出Dreamweaver8。初识Dreamweaver第28页Dreamweaver8

工作界面介绍

插入栏文档工具栏文档编辑区网页标签扩展按钮浮动面板组属性面板标签选择器水平标尺和垂直标尺初识Dreamweaver第29页上机实战