[工学]西安邮电学院 网页制作31.pptVIP

网页设计基础知识 一、网页设计基础 基本概念 1、什么是因特网 （回顾） 因特网的分类 因特网的历史 因特网在中国 因特网的服务 2 什么是WWW（World Wide Web） WWW可称为万维网（全球信息网），它允许将文本、声音、图形、图像、动画、视频文件综合在一起使文档成为一种知识链。 1．发展背景 2．体系结构 客户机/服务器（Client/Server）的体系结构 3．基本技术 （1）实现资源引用的统一命名机制 （2）使用标准的Web检索机制HTTP （3）文本的逻辑结构采用HTML语言描述 （4）WWW的使用 3 什么是Web浏览器 Web浏览器（WWW浏览器）是一个应用程序，知道如何解释和显示在WWW上找到的文档。 IE5.0浏览器 用户界面 浏览功能 多媒体组件 4 什么是Web服务器 Web服务器是一种在因特网上根据设定而采用HTTP协议的计算机 URL（统一资源定位器 ） 信息层次结构 Web服务器与网页 因特网服务供应商（ISP） Web站点 5什么是主页与网页 1．主页（Homepage） 主页是WWW为用户提供图形化界面的Web页，每个WWW服务器上提供了多个Web页。 2．网页（Webpage） 网页就是存放在互联网中的Web服务器上的一个文件，或者说是一种文档――Web文档。 6什么是超文本与超级链接 1． 超文本（Hypertext） 超文本是具有链的文本，它没有严格的顺序。它们可能含有链，由链指向文档中别的地方或指向别的文档。 锚 链 超文本 2．超媒体（Hypermedia） 超媒体概念用于多媒体文档的表示、访问、组织及存储。 3．超级链接（Hyperlink） 链接是对其他文档的简单索引 一个超文本链接分为两个部分 第一部分是对相关项 第二部分是锚。 网页制作的基本方法 网页设计包括创意和制作两部分 1. 创意要新 、构思要精 2. 网页中的基本元素 1．框架 2. 表格 3．超级链接 网页设计过程 1目标分析 2收集素材 3结构设计 4色彩搭配 设计范例 分析以下内容： 【设计主题】 【网页目的】 【网站内容及信息结构】 ? 【页面之间的结构】 【主页结构】 网页制作工具简介 常用的网页制作工具分为两类：文本编辑类和可视化网页制作工具。 1文本编辑类工具 HotDog、HomeSite、HotMetal、CuteHTML 优点是能控制代码 2可视化网页制作工具 FrontPage、DreamWeaver、PageMill 网页素材 网页素材大致可概括为视觉和听觉两大类，具体可分为文本（Text）、声音（Sound）、图像（Image）、动画（Movie）、视频（Video）等种类 文本文件格式 文本文件的基本格式为纯文本文件（*.TXT）,许多文字处理软件均可制作这种格式的文件，如写字板，WORD、WPS等 1. 格式（Style）:正常体、粗体、斜体、底线、 外框，影子等。 2. 定位（Align） :居左（left）,居中央 （Center），居右（Right）。 3.字体 : 宋体和黑体、楷体、仿宋体、隶 书、细圆等。 4.字的大小（Size） 图像文件的基本格式 1． GIF格式 2． JPEG格式 声音文件的基本格式 两种基本格式WAVE和MIDI WAVE和MIDI格式的区别与比较 （1） 存储效率 （2） 文件编辑的难易程度 （3） 播放质量 （4） 录制及播放工具 动画文件的基本格式 视频文件的基本格式 AVI格式 MPEG格式 在Frontpage2002中制作具有文本、图像和动画的网页 建立第一个网页 建立有文本、图像、超连接的网页 建立有视频的网页 * * 1. 什么是计算机网络？ 计算机网络是计算机技术和通信技术的结合。 我们把若干地理位置不同，并具有独立功能的多个计算机系统，通过网络设备和通信线路连接起来，且以功能完善的网络软件（网络协议、网络操作系统等）实现资源共享和信息交换的系统，称为计算机网络系统。 2.计算机网络的分类 按信息交换方式分 电路交换 报文交换 分组交换 按网络的覆盖区域分类 （1）局域网（Local Area Network ,简称LAN）：覆盖距离从几百米到几公里，这种网络多装在一栋办公楼或相邻的几座大楼内，由单位或部门所有。 （2）城域网（Metropolitan Area Network., 简称MAN）：作用距离约在几公里到50公里，往往由一个城市的政府机构或电信部门控制。 （3）广域网（Wide Area Netw