新编网页设计教程Dreamweaver8.Flash8第1章 认识Dreamweaver 8.ppt

《新编网页设计教程Dreamweaver8.Flash8第1章 认识Dreamweaver 8.ppt》由会员分享，可在线阅读，更多相关《新编网页设计教程Dreamweaver8.Flash8第1章 认识Dreamweaver 8.ppt（33页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、新编网页设计教程新编网页设计教程Dreamweaver8.Flash8第第1章章 认识认识Dreamweaver 8第1章 网页设计基础 n1.1 网页制作基础网页制作基础n1.2 Dreamweaver 8的操作界面的操作界面n1.3 调整布局调整布局n1.4 第一个站点第一个站点1.1 网页制作基础网页制作基础n1.1.1 Internet与与WWWn1.1.2 IP地址与域名地址与域名n1.1.3 URLn1.1.4 WWW与浏览器与浏览器1.1.1 Internet与与WWWInternet指的是全球各大计算机网络互联而成的全球性网络，是网络构成的网络。例如我国的中国公众网，教育科研网

2、以及金桥网都是Internet的一部分。1.1.1 Internet与与WWWn美国ARPA于1968开始研制ARPANET。n1983年，ARPANET分裂为ARPANET和纯军事用的MILNET。n20世纪90年代初，商业机构开始进入Internet，使Internet开始了商业化的新进程，也成为Internet大发展的强大推动力。n1995年，NSFNET停止运作，Internet开始大规模应用在商业领域。1.1.2 IP地址与域名地址与域名nInternet的网络地址是指连入Internet网络的计算机的地址编号。所以在Internet网络中，网络地址惟一地标识一台计算机。nIP地址是

3、一个逻辑地址，它是一个32位的二进制地址，为了便于记忆，将它们分为4组，每组8位，由小圆点分开，用四个字节来表示，其中每个字节都用十进制数字表示，而且，用点分开的每个字节的数值范围是0255，如202.116.0.1，其中202.116是网络号，0.1是主机号。1.1.3 URLn在万维网中，所有的资源都可以看成是一个文档，而URL（Uniform Resource Locator，统一资源定位符）则是用来指出某个“文档”的位置的地址以及存取方式。一般用户只要在浏览器的地址栏输入URL，就可以得到相关的文档。可以认 为 URL就 是 网 址，例 如：http:/ WWW与浏览器与浏览器nWWW

4、是World Wide Web（环球信息网）的缩写，中文名字为“万维网”。nWWW以超文本技术为基础，用面向文件的阅览方式替代通常的菜单的列表方式，提供具有一定格式的文本、图形、声音、动画等。通过将位于Internet网上不同地点的相关数据信息有机地编织在一起，WWW提供一种友好的信息查询接口。1.1.4 WWW与浏览器与浏览器n浏览器是一种工具软件，它提供了显示WWW上各种资源的统一环境。通过它可以方便地浏览WWW上提供的各种文本、图像、视频资料等。目前主流的浏览器有Internet Explorer和Nescape Navigator，而FireFox则是新兴的浏览器。n超链接（Hyper

5、link）可以看成是资源文档的地址链接。用户可以通过单击图标或者文字自动将所链接的文档显示到浏览器。通俗来讲，Web页面上能够单击的图标和文字都可以称为超链接。1.1.4 WWW与浏览器与浏览器n网页是WWW上的其中一种资源文件，本质上和计算机中的文件并没有不同。网页有多种格式，一般称扩展名为*.html或*.htm的文件为静态网页。这种页面使用HTML语言编写，浏览器通过解释这种标记语言来按要求显示页面；而目前能够看到的更多的是动态页面，动态页面可以使用多种语言（技术）来编写，如ASP 和JSP。动态页面并不是有动画的页面，而是指同一个页面的内容能够根据不同的环境和状态来变化。1.1.4 W

6、WW与浏览器与浏览器n首页是指有特定名称的网页文件，当客户发送的URL没有制定特定资源文件时，该特定命名的文件就作为默认网页返回给浏览器来显示。比较常见的首页文件名为：index.htm、index.html、default.asp等。n显示器的单位，表示整个画面由多少个点组成。一般17的显示器使用1024768的分辨率，即屏幕画面横向有1024个点，纵向有768个点。1.2 Dreamweaver 8的操作界面的操作界面n1.2.1 标题栏标题栏n1.2.2 菜单栏菜单栏n1.2.3 插入栏面板插入栏面板n1.2.4 编辑窗口编辑窗口n1.2.5 文档工具栏文档工具栏n1.2.6 状态栏状态

7、栏n1.2.7 属性面板属性面板n1.2.8 辅助设计工具辅助设计工具1.2 Dreamweaver 8的操作界面的操作界面1.2.1 标题栏标题栏1.2.2 菜单栏菜单栏1.2.3 插入栏面板插入栏面板插入栏提供了把特定对象插入到网页中的一种简易的方法。只要单击面板上的按钮就能把所需的对象插入到指定的位置，1.2.4 编辑窗口编辑窗口1.2.5 文档工具栏文档工具栏文档工具栏包含了对该网页文件的常用操作 1.2.6 状态栏状态栏位于文档窗口底部的是状态栏。状态栏有标签选择器、窗口操作区、窗口大小设定区、文档网络属性区4个区间组成。1.2.7 属性面板属性面板属性面板会根据对象的不同来显示相应

8、的对象属性。1.2.8 辅助设计工具辅助设计工具标尺 1.2.8 辅助设计工具辅助设计工具辅助线用来辅助定位。1.2.8 辅助设计工具辅助设计工具网格是一个有用的定位参考工具。1.3 调整布局调整布局n1.3.1 显示和隐藏面板显示和隐藏面板n1.3.2 调整面板布局调整面板布局1.3.1 显示和隐藏面板显示和隐藏面板通过选择“窗口”菜单，可以显示/关闭各个面板。菜单中面板名称前的“”表示该面板已经显示在页面上。1.3.2 调整面板布局调整面板布局面板布局同样可以改变。用户可以收藏面板，使页面编辑区扩大。1.4 第一个站第一个站n1.4.1 设置本地站点位置设置本地站点位置n1.4.2 建立建

9、立Dreamweaver 8本地站点本地站点n1.4.3 网站框架和站点文件夹网站框架和站点文件夹n1.4.4 建立网页文件建立网页文件1.4.1 设置本地站点位置设置本地站点位置n首先应该先在硬盘内创建文件夹作为将要建立站点的存储位置。1.4.2 建立建立Dreamweaver 8本地站点本地站点n在Dreamweaver中建立本地站点的方法很多，其中一个是使用它提供的“新建站点向导”。1.4.2 建立建立Dreamweaver 8本地站点本地站点n新建的站点 1.4.3 网站框架和站点文件夹网站框架和站点文件夹n 建立站内文件 夹 框 架。新建立的站点可以进行文件夹的移动、修改和删除。1.4.4 建立网页文件建立网页文件n构建站点的文件夹之后，就可以在相应的文件夹下建立网页文件了。建立网页文件的步骤与建立文件夹的步骤和方法类似。小结小结n本章首先简要介绍了与网页制作相关的 基 础 知 识，然 后 介 绍 了Dreamweaver 8的操作界面和常用的工具面板，并对工作界面的布局的调整方法进行了比较详细的介绍。最后重点介绍了Dreamweaver 8站点的建立 和 网 站 框 架 的 架 构。在Dreamweaver 8中 的 文 件 操 作 和Windows下的文件操作本质上是相同的。