dreamweaver第一课.pptVIP

什么是网页 在互联网中，网页其实就是一个用来传递各种信息的文件，这个文件能通过网络传输到用户电脑里，再由浏览器进行识别和翻译，最后将信息呈现在浏览器面前。 什么是网站 当一个一个的页面做出之后，为更方便用户浏览，往往需要按照相互关系把网页连接起来，这样一个有组织的网页群体，就称为网站。 实际上单独一个网页也能称为网站但是由于单个网页能够传递的信息量有限所以这种网页十分罕见。 网页构成元素 网页一般包含很多内容，将这些内容概括起来主要有文本、图像、动画、表格等一些基本元素 文本 文本即在网页中用来介绍各种信息的大量文字 文本的主要优点：体积小，传输速度快，可以在用户浏览页面时快速的显示出来。字体缺点：“无法在用户端展示本机特有的文字字体”。 图像 相对文字而言图像在传递时、表达信息时更加生动。图像能够很好的表达出来文字难于表述的情景 图像和文字结合使用更能表达出网页的美观。比如jpg格式图片，但是它也有缺点就是：“文件大不易浏览，有网络限制” 动画 动画很容易吸引人们的注意力。其效果不是静态文字和图像所能比的，动画最大限度的赋予了网页的动感效果，网页中的动画一般是Flash和Gif动画。 表格 一个网页能否让人看了满意，出来要有精彩的内容和协调的颜色外，还有一个重要的因素就是合理的排版布局。表在网页布局尤其是数据显示方面，发挥着很重要的作用。一般网页都是“国”字排版。 网页访问 做好网页之后还需要一个虚拟云空间用于放置这些网页。这个云空间是一个接入互联网并且24小时不断电的服务器的一部分，也就是正常访问该网页的一部分 网站域名 域名由英语字母组成由“.”分割成几部分，如就是一个域名根据域名后缀的不同可以分为国际域名，国别域名（国内域名）常见的国际域名后缀有：.com、.net、.org、.info等中国的国内域名有.cn、.、.、.、、.gov.vn。 网页访问地址： 当申请并解析好域名之后就可以使用域名访问网页了。 网页文件常见的扩展名有htm、html等，假如我们做好了一张网页，名为hello.html将此网页放到服务器端网站根目录下，那么就可以使用http://域名、hell.html访问到该页面。 认识Dreamweaver Dreamweaver是制作网页的最常用工具它是由Adobe公司开发出来的 Dreamweaver中文名称：“织梦”其主要特点是： 卓越的开发环境，简单易用 强大功能完全可以在可视模式下制作网页 强大的代码提示功能，输入首字母即提示相匹配的标签或属性 可以边看边写配有服务器上传管理功能 界面 Dreamweaver基本操作 1创建网页 保存网页 保存文件快捷键Ctrl+s 保存没有什么需要注意的 但是大家要养成勤于保存的习惯这样才不会在意外情况下发生文件丢失情况 下图是Dreamweaver的三种模式代码、拆分、和设计模式。 代码模式就是需要你输入代码才能真确编辑网页 设计模式：也就和ps是一样的不需要自己敲代码Dreamweaver已经替你敲好 拆分模式：代码模式和设计模式的混合体 提示：同学们要习惯于手敲代码 HTML语言介绍 网页之所以能够显示出来内容，是因为网页是通过代码来组织的网页的段落、标题、图片等都有自己的代码结构，这些代码通过一定的顺序、嵌套就形成了网页。组成网页的语言代码统称为HTML HTML又称为超文本标记语言是目前网络上应用最为广泛的语言，也是构成网页的必要的语言。 HTML标签 1、 标签概念： 　　　所谓标签，就是它采用了一系列的指令符号来控制输出的效果， 这些指令符号用标签名字　属性来表示。　2、分类： A：单标签 某些标记称为“单标签”，因为它只需单独使用就能完整 地表达意思。 语法是： 内容 标签名称 其中“内容” 部分就是要被这对标记施加作用的部分。 例：最常用的单标签是BR, 它表示换行 B： 双标签　　由“始标签”和“尾标签”两部分构成，必须成对使用，始标签告诉Web浏览器从此处开始执行该标记所表示的功能，尾标签告诉Web浏览器在这里结束该功能。始标签前加一个斜杠（/）即成为尾标记。 语法是： 标签 内 容 / 标签 例 子: center 居中文字 /centerC：中性标签 这类标签既可以单独使用,又可以成对使用。 例子： p换段标记3、标签属性： 许多单标记和双标记的始标记内可以包含一些属性。 其语法是： 　　　 标签名字 属性1