网页设计与制作引言

《网页设计与制作引言》由会员分享，可在线阅读，更多相关《网页设计与制作引言（32页珍藏版）》请在金锄头文库上搜索。

1、网站：相当于一本书，是网页的集合。 网页：是书中的页，一种基于于超文本（Hypertext）方式的文档。实际意义其意义主要根源于计算机网络 在人们生活中的地位信息时代的不断发展，使得网络成为传播知识的主流。因此Internet的迅速普及，正是依靠不计其数、丰 富多彩的网站。 网站是由网页按照一定的链接顺序组成。现在 有越来越多的人希望在网络上 拥有自己的个人主 页或个人网站，来展示个人的个性和特点。 同时 也有越来越多的企业通过互联网上来展示自身形 象，提供服务和产品资讯。 以这种廉价的方式获 取最大的宣传效果。因此，网页制作已经成为现代社会的一种基本 功，越来越多的人希望学习如何制作网页，

2、同 时越来越多的网页制作工具展现在人们面前。本课程主要内容l网页的基本知识（网络的概念，HTML简 介，一些术语，网页编辑器）l网站设计思想lHTML语言（网页的基本结构、段落、链 接、列表、图片、表格、表单、框架等）lDreamWeaver网站的建设和管理l动画Flash制作应用，图片处理Photoshopl动态网页ASP *上课须知考核办法：平时成绩(考勤随堂作业） 30%期末大作业 70%参考书：1.1 Internet 简介（13）l域名域名与IP地址一一对应，由DNS管理组成：计算机名.组织机构名.网络名.最高层域名如：顶级域名分为两类，通用名和区域名，前者如com、 org、net

3、、edu、gov、mil，后者如cn、jp、us、ca 等 l我国的域名体系分为类型域名和行政域名两套 类别 域名按申请机构的性质：ac、com等行政域名：bj、sh、tj 如 1.1.7 URL1.1.7 URL和和httphttpWeb是World Wide Web的简称，一般也称之为WWW或3W Web的特点和结构 Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式 在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层 通信协议1.1 Internet 简介（14）URL的

4、完整格式三部分：资源类型、存放资源的主机名称、资源文件名 协议:/主机名或IP地址：端口号/路径名/文件名几个URL例子http:/ ftp:/ http:/gnacademy.org: 8001/uu-gna/index.html http:/www.w3.org/Addressing/URL/5-BNF.html#httpaddress1.1 Internet 简介（15）1.2 常用术语（1）lInternet：世界范围的计算机、网络和网关的 集合，它们使用 TCP/IP 协议相互通讯。 Internet 的核心是主要主机之间的高速数据通讯 线路，这些主机由上千个商业、政府、教育以 及其

5、他传送数据和消息的计算机系统组成。当 前，Internet为用户提供广泛的服务，例如电子 邮件、万维网、FTP、Usenet 新闻组、Gopher 、IRC、telnet 等。 l国际互连网（World Wide Web)：也就是 环球网，通常简称为WWW，它是全球范围的网 络，把全球各个站点连接，你可以从一处上去 ，随意访问任何你想去的网址。在环球网上， 可以交流经验和思想、信息、收集软件、或是 娱乐。1.2 常用术语（2）l协议：访问 Internet 上的文档或服务的方法，例如文 件传输协议 (FTP) 或超文本传输协议 (HTTP)。也称为 类型。 lURL统一资源定位：URL(Uni

6、form Resource Locator)简称为网址。它是一个网络地址的协议，能指 出某个在国际互联网上的资源的精确位置。从右到左 ，定位的范围逐步缩小。比如通过 http:/,我们可能到达西安交通大学的 站点，该站点提供了有关西安交通大学的资源信息。 其中“cn”代表中国，“edu”代表教育网，“xjtu”代表西安 交通大学。通过这种协议，惟一地确定了一个资源的 位置。1.2 常用术语（3）lHTML：超文本标记语言 (Hypertext Markup Language)，用 于万维网上文档的标准标记语言。HTML 的开发由万维网协会 (World Wide Web Consortium)

7、 完成。HTML 语言使用标记指明 Web 浏览器应如何显示文本和图形等网页元素以及如何响应用户 的操作（例如通过按键或单击鼠标激活超链接）。多数 Web 浏览 器，特别是 Microsoft Internet Explorer 和 Netscape Navigator， 还可识别目前标准中未包含的 HTML 标记。l Web 浏览器：一种软件，它解释 HTML 文件的标记、将 其格式化为 Web 页并显示给用户。有些浏览器也可以允许用户发 送和接收电子邮件、阅读新闻组、播放内嵌在 Web 文档中的声音 或视频文件。1.2 常用术语（4）l服务器：提供网络服务的计算机。在万维网 上，服务器是运

8、行可响应 HTTP 协议请求的 Web 服务器软件的计算机。也称为主机。 l主页、网页、Homepage：从用户的角度 看，网络提供了巨大的、遍及全球的电子文档 ，如包括各种图片、多媒体、文字等。这些电 子文档称为网页，也叫Homepage。而主页则 是当你连接到Web服务器上时，显示的第一个 网页。 l发布网页（Publish)：使一个网页走向世界 ，在整个环球网上都可被访问到。通常的做法 是将网页上载到一个Web服务器上，并存放在 那儿。 1.2 常用术语（5）l脚本：一种计算机代码，可以直接由能理解编写脚本所用语言的 程序来执行。脚本不需要编译就可运行。 l超链接：从文本、图片、图形或图

9、像映射指向万维网上的网页或 文件的指针。在万维网上，超链接是在网页和 Web 站点之间导航 的主要方法。也称为链接。 lASP(Active Server Page)：包含内嵌的服务器端脚本的文 档。与 ASP 兼容的 Web 服务器可以执行这些脚本。在客户端， ASP 是标准 HTML 文档，可以在任何平台上使用任何 Web 浏览器 查看。 l Web服务器(Web Server)：对请示浏览检索Web作出响应的 计算机。它等待你告诉它所需的信息，然后对其进行查找，在把找 到的信息发送到你的计算机上。一般的计算机只要具备了上述功能 就可称为服务器。网页的类型 l通常我们看到的网页，都是以 h

10、tm 或 html 后缀 结尾的文件，俗称 HTML 文件。不同的后缀， 分别代表不同类型的网页文件，例如以CGI、 ASP、PHP、JSP甚至其他更多。 lHTML全称 HyperText Markup Language，正式名称是超 文本标记语言，利用标记（tag）用来描述网页的字体、 大小、颜色及页面布局的语言，使用任何的文本编辑器 都可以对它进行编辑，与VB、C+等编程语言有着本质 上的区别。lCGICGI 全称为 Common Gateway Interface （公共网关接口CGI），它是一种编程标准，它 规定了Web服务器调用其它可执行程序（CGI程 序）的接口协议标准。CGI

11、程式通过读取使用 者的输入请求从而产生 HTML 网页。CGI 程序 可以用任何程序设计语言编写，如Shell、Perl 、C、Java等，其中最为流行的是Prel。CGI程序通常用于查询、搜索、或其他的 一些交互式的应用。lASPASP 全称为 Active Server Pages（动态服 务器主页），它一种应用程序环境，可以利用 VBscript 或 Java Script 语言来设计，主要用于 网络数据库的查询与管理。其工作原理是当浏 览者发出浏览请求的时候，服务器会自动将 ASP 的程序码，解释为标准 HTML 格式的网页 内容，再送到浏览者浏览器上显示出来。我们 也可以将 ASP

12、理解为一种特殊的 CGI。l利用 ASP 生成的网页，与HTML相比具有更大 的灵活性。只要结构合理，一个 ASP 页面就可 以取代成千上万个网页。尽管 ASP 在工作效率 方面较之一些新技术要差，但胜在简单、直观 、易学，是涉足网络编程的一条捷径。lPHPPHP 是 Hypertext Preprocessor 的缩 写，代表：超文本预处理器。其优势在于 其运行效率比一般的CGI程序要高，而且 ，PHP是完全免费，不用花钱，你可以从 PHP官方站点（http:/）自 由下载。PHP 在大多数 Unix 平台， GUN/Linux 和微软 Windows 平台上均可 以运行。lJSPJSP 与

13、 ASP 非常相似。不同之处在 于 ASP 的编程语言是 VBScript 之类的脚 本语言， 而 JSP 使用的是 Java 。此外 ， ASP 与 JSP 还有一个更为本质的区别 ：两种语言引擎用完全不同的方式处理页 面中嵌入的程序代码。在 ASP 下， VBScript 代码被 ASP 引擎解释执行；在 JSP 下，代码被编译成 Servlet 并由 Java 虚拟机执行。lVRMLVRML（Virtual Reality Modeling Language）就是 虚拟实境描述模型语言。是描述三维的物体及其连结的 网页格式。用户可在三维虚拟现实场景中实时漫游， VRML2.0在漫游过程中

14、还可能受到重力和碰撞的影响， 并可和物体产生交互动作，选择不同视点等（就象玩 Quake）。浏览VRML的网页需要安装相应的插件，利用经典 的三维动画制作软件3DMAX，可以简单而快速地制作 出VRML。1.1.2 常见的网页制作软件（续 ） Fireworks Fireworks 是来自著名的 Macromedia 公 司的首选 Web 图形工具软件。 Flash Flash 是目前最流行的一种 Web 矢量动画 软件，它建立了 Web 上交互式矢量图形 和动画的工业标准。 AnfyAnfy 是一种常用的 Java 特效生成工具， 它能以简明的方式实现多种复杂的 Java 效果 。1.2.1

15、 规划站点l目标规划书 l定义、分析目标用户 l确立站点的风格 信息式表现形式是以文字信息为主。 画廊式表现形式是以图像、动画、多媒体等高新 网络技术为主。1.2.1 规划站点（续）l考虑网络技术 网络上的速度因素（带宽）网络带宽是一个要引起设计者注意的首 要因素，连接速度将影响到网页的设计。 影响网页显示速度的最主要因素就是图像 的数量和大小。1.2.1 规划站点（续） 浏览器的分辨率显示器的屏幕分辨率是网页设计者应该 特别关注的因素。显示器屏幕分辨率是指 计算机屏幕水平与垂直方向的像素值（即 屏幕的宽度与高度），通常可以将国内用 户显示器分辨率的设计标准定为：800 * 600 兼顾 1024 * 768。 即时交互与插件1.2.2 设计站点l建立网站目录结构 网站中的命名规则 （1）最好使用小写英文名称，可以用汉语拼音 代替。 （2）可以包含数字或下划线 。 （3）注意正确的文件后缀名（扩展名）：网页 文件的后缀名为：.htm 或 .html。 （4）默认的主页名称 。1.2.2 设计站点（续） 建立站点结构1.2.2 设计站点（续）l设计站点的导航 导航的概念网站中的导航系统，实质上就是一组使用了 超链接技术的网页对象（包括文字、按钮、 小图片、图形等），它们将网站中的内容有 机地连接在一起。 导航的分类 导航的要点