网站开发切片说明

网站开发,切片,html,fireworks

项目1项 目 1 网 站 首 页 设 计 与 切 片

网站首页设计与切片

知识技能目标

掌握网页设计的基础知识 掌握使用切片工具进行切片并导出网页模板的基本方法

本单元理论授课4学时，上机操作4学时。1 / 93

网站开发,切片,html,fireworks

课次

1

课时

2

教具

投影仪

备注

课题 任务1 项 目 1 网 站 首 页 设 计 与 切 片

网页基础、网页配色知识及经典网站赏析

目的 了解网页设计基础知识、网页配色基础知识 重点 网页设计基础知识 难点 无

任务1

网页基础、网页配色及经典网站赏析

一、任务分析

张先生的网站要展示企业形象和宣传产品，要求如下： ① 网站选色以绿色为主，代表着健康和生机； ② 网站有一个较大的banner展示动画，展示 产品和宣传企业形象；网站首页效果如图所示； ③ 网页宽度全屏设置为1003px。2 / 93

网站开发,切片,html,fireworks

二、相关知识 (一)网页基础知识项 目 1 网 站 首 页 设 计 与 切 片

1. Internet基础知识 (1) Internet

“Inter”意即交互，“net”意即网络。 Internet称为国际互联网络。(2) Internet的功能 信息的获取与发布(WWW)

电子邮件(E-mail) 网上交际(BBS、新闻组、即时通讯、网络电话等) 电子商务与网上事务处理

Internet的其它应用(远程教育、远程医疗、远程登录、文件传输、 游戏娱乐等 )3 / 93

网站开发,切片,html,fireworks

(3) Internet的发展项 目 1 网 站 首 页 设 计 与 切 片

Internet始于1969年，美国国防部高级研究计划管理局(ARPA-Advanced Research Projects Agency)资助建立一个名为ARPANET 的网络，目的只是为了将美国的几个军事及研究用电脑主机连接起 来，成为Internet的雏形。 随着网络互连技术的发展，将大小同构和异构网络连接起来， 形成一个网络的网络，形成了现在的Internet(国际互联网)。

4 / 93

网站开发,切片,html,fireworks

(4)Internet在我国的发展 1987年至1993年，我国与Internet的连接仅是电子函件的转发连接，项 目 1 网 站 首 页 设 计 与 切 片

并在少数高校和科研机构提供电子邮件服务。 1987年9月，北京计算机应用技术研究所与德国卡尔斯鲁厄大学 (Karlruhe University)合作，建成CANET中国科技网(China Academic Network),它是我国第一个Internet电子邮件服务结点。 1994年3月，Internet管理委员会批准中国进入Internet,中国政

府也批准Internet与中国连通。同年，我国第一条Internet专线在中科院高能物理研究所正式接通。5 / 93

网站开发,切片,html,fireworks

(5)Internet的工作原理

互联网连接了世界上不同国家与地区无数不同硬件、不同操作系项 目 1 网 站 首 页 设 计 与 切 片

统与不同软件的计算机，为保证这些计算机能畅通无阻地交换信息，

须拥有统一的通信协议。互联网上使用TCP/IP作为标准的通信协议。TCP/IP采用

分组交换方式，即数据在传输时分成若干段(数据 包),TCP/IP协议的基本传输单位是数据包。 TCP/IP协议簇包括两个主要的协议，即TCP(传输控制协议)和IP (网际协议),它们在数据传输过程中主要完成以下功能：

6 / 93

网站开发,切片,html,fireworks

① TCP协议把数据分成若干数据包，给每个数据包写上序号，以项 目 1 网 站 首 页 设 计 与 切 片

便接收端把数据还原成原来的格式。

② IP协议给每个数据包写上发送主机源地址和接收主机目的地址，数据包就可以在网上传送了。 数据包可以通过不同的传输途径(路由)进行传输，由于路径不 同，加上其它的原因，可能出现顺序颠倒、数据丢失、数据失真甚至 重复的现象，这些问题都由TCP协议来处理，它具有查纠错误的功能， 必要时请求发送端重发。 IP协议负责数据传输寻址，TCP协议保障数据可靠传输。7 / 93

网站开发,切片,html,fireworks

(6)Intranet (内联网)项 目 1 网 站 首 页 设 计 与 切 片

Intranet也叫企业内部网，是指在一个单位或企业内通过TCP/IP 协议建立的网络。 Intranet是基于Internet技术、TCP/IP和HTTP等通信协议以及WWW 等信息服务的一种区域化的信息系统，它通过开放的Internet标准协 议，把多种服务平台提供给区域网络上的计算机。它既给一个公司或 企业提供了将其自身组织成一个完整信息系统的网络环境，也可以根 据需要通过防火墙技术访问Internet。

8 / 93

网站开发,切片,html,fireworks

(7)几个与Internet有关的概念术语

IP地址项 目 1 网 站 首 页 设 计 与 切 片

IP地址能唯一标识主机在Internet中所处的网络位置。 IP地址提供统一的地址格式，即由32个二进制位(bit)组成。由

于二进制使用起来不方便，常用“点分十进制”来表示，即将IP地址分为4个字节，每个字节以十进制数来表示，各个数之间以句点隔开。 例如，中国人民大学网站IP地址202.112.112.224。

9 / 93

网站开发,切片,html,fireworks

域名与IP地址相比，人们更喜欢使用具有一定含义的字符串来标识项 目 1 网 站 首 页 设 计 与 切 片

Internet上的计算机，用户可以随意命名自己的计算机，这样就可 能在Internet上出现重名。为了避免重名，Internet管理机构采取 了在主机名后加上后缀的方法，这个后缀称为域名(domain),用以

标识主机的区域位置。如http://www.77cn.com.cn中www为主机名，由服务器管理员命名， http://www.77cn.com.cn为域名，由服务器所属单位向域名管理机构申请。域名 通过域名服务器(DNS)的解析转换为实际的IP地址，以实现最终的 访问。10 / 93

网站开发,切片,html,fireworks

URL

URL(Uniform Resource Locator:统一资源定位器)是WWW页(资源项 目 1 网 站 首 页 设 计 与 切 片

对象)的地址，它的地址格式为： 资源类型://域名:端口号/路径 【资源类型】:指出WWW客户程序用来操作

的工具。

如: “http://”表示WWW服务器，“ftp://”表示FTP服务器，“new:”表示新闻组(Newgroup)等。 【域名】:指出WWW页所在的服务器域名。 【端口号】:对某些资源的访问，需给出服务器提供的端口号。 【路径】:资源的具体位置，如http://www.77cn.com.cn/domain/HXWZ11 / 93

网站开发,切片,html,fireworks

2.WWW简介WWW 是Internet多媒体信息查询工具，是 Internet 上近年发展项 目 1 网 站 首 页 设 计 与 切 片

起来的服务，也是发展最快和使用最广泛的服务。 (1)什么是WWW WWW是World Wide Web(环球信息网)的缩写，也可以简称为Web,

中文名字为“万维网”。通过万维网，人们只要通过简单的方法，就可以迅速地获得世界范围丰富的信息资料。 用户在通过Web浏览器访问信息资源时无需关心一些技术细节， 且界面友好，因而Web服务在Internet上一推出就受到了热烈的欢迎， 得到迅速发展。12 / 93

网站开发,切片,html,fireworks

(2)WWW的工作原理 WWW中的信息资源主要由一篇篇的Web文档(Web页)构成。这些Web项 目 1 网 站 首 页 设 计 与 切 片

页采用超文本(Hyper Text)的格式，即可以含有指向其它Web页或内 部 …… 此处隐藏：3091字，全部文档内容请下载后查看。喜欢就下载吧 ……