网页设计基础知识1

《网页设计基础知识1》由会员分享，可在线阅读，更多相关《网页设计基础知识1（72页珍藏版）》请在金锄头文库上搜索。

1、第一章 网页设计基础知识 1.1 网站概述 1.2 网站策划 1.3 网站开发流程 1.4 网页版式设计 1.5 色彩 1.6 网站标准结构 internet基础 INTERNET的概述 Internet是相互连接的网络集合。 Internet是由成千上万个网络、上亿台计算机通过特定的网络协议相互连接而成的全球计算机网络，是提供信息资源查询和信息资源共享的全球最大的信息资源平台。 网络协议是网络中的设备进行通信时共同遵循的一套规则，即以何种方法获得所需的信息。 Internet最初并不是为商业性和广泛使用而设计的。它起源于 1969年美国国防部高级研究计划署协助开发的 ARPANET。最初是只

2、允许国防部人员进入的封闭式网络。到 1987年，在美国国家科学基金会的推动下，将之主要从军事用途转向科学研究和民事用途，形成了今天的 Internet主干网雏形 NSFNET。全球网络的发展是空前且出人意料的。今天，检查电子邮件、访问喜爱的网站这些活动已融入我们的日常生活。 internet基础 从国内 Internet的发展现状来看， 1994年 4月，中科院计算机网络信息中心正式接入 Internet，在 10多年的时间里，中国 Internet发生了飞速的发展，截至 2009年底，我国网民人数超过了 2亿。 10%的网民普及率将是互联网发展的高速拐点，突破 10%之后，中国互联网将迎来更

3、快速的增长期。另外网站数、 IP地址等也迅速增长，分别达到 84.3万和 9800万。从域名、网站数、 IP地址等增长情况来看，我国互联网资源得到了全面提升。 Internet所提供的服务主要是 WWW、 E-mail、 FTP、网上传呼、在线聊天、网上购物等等，而其中 WWW和 E-mail是最常用的服务。 internet基础 WWW WWW(World Wide Web)简称为 Web或万维网，客户端只要通过“浏览器”（ Browser）就可以非常方便地访问internet上的服务器端，迅速地获得所需的信息。如图所示。 internet 浏览器 WEB服务器 客户端 HTTP 网络协议

4、用户通过浏览器访问 WEB服务器的网页，那么如何查找这些网页呢？通过在浏览器的地址栏中输入网址，即 URL，统一资源定位器。 URL的一般格式为：“协议名： /主机名 /文件夹名 /文件名 ” 常用的协议名如下： HTTP：超文本传输协议，用于转换网页。 FTP：文件传输协议，主要用于传输文件，许多提供软件下载的网站使用“ FTP”作为下载的网址。 MAILTO：传送 E-mail协议，主要用于传输电子邮件。 例如： http:/ ftp:/ mailto: 1.1.1 网页与网站 构建 WWW的基本单位是网页。网页中包含所谓的“超链接”，通过已经定义好的关键字和图形，只要用鼠标轻轻一点，就可

5、以自动跳转到相应的其它文件，获得相应的信息，从而实现网页之间的链接，从而构成了 WWW的纵横交织的网状结构。 通过超链接连接起来的一系列逻辑上可以视为一个整体的页面，则叫做网站。 网站点概念是相对的，大的如新浪、搜狐等大的门户网站，页面非常多，可能分布于多台服务器上；小的如一些个人网站，可能只有几个页面，仅在某台 WEB服务器的占据很小的空间。 一个站点的起始页面通常被称为“主页”，主页是一个网站的开始，因此主页的好坏决定了这个网站的访问情况，一般主页的名称是固定的 index.htm或 index.html等。 1.1.2 网站基本分类 专业网站 商业网站 形象类网站 个人主页网站 域名与

6、IP地址 在 Internet上的每台网络设备都要有一个唯一的地址才能被访问到，这个地址就是 IP地址。 IP地址是由 32bits的二进制数值构成，分成 4组，转化为十进制用点分隔，比如： 202.100.4.11。 1 0 网络号 主机号 0 1 2 3 8 16 24 31 0 网络号 主机号 0 1 2 3 8 16 24 31 1 1 0 网络号 主机号 0 1 2 3 8 16 24 31 A类地址的范围为： 1.0.0.0 126.255.255.255 B类地址的范围： 128.0.0.0-191.255.255.255 C类地址的范围： 192.0.0.0-223.255.2

7、55.255 A B C 域名与 IP地址 IP地址是一串难以记忆的数字，因此在 1985年开始，引入了域名的概念，用具有含义的字符来表示网络中的主机，以便于浏览者访问。域名与 IP地址如何对应呢？通过 DNS域名解析系统将域名解析到相应的 IP地址上，实现这二者之间的对应关系。 我们知道新浪网的域名： ，但很少有人知道新浪网 WEB服务器的 IP地址是多少？ 域名的分类：域名系统是一个分层的树状结构组织，如图所示。最上面是一个无名的根域，下层为顶级域名，接着是二级 1.1.4 域名与 IP地址 根域 Com net org jp cn tw Ibm hp yahoo Com edu net

8、Sina ebay alibaba 图 1.2 域名结构图 域名 域名机构 附注：全称 Com 商业机构 Commercial organization Edu 教育机构 Educational institution Gov 政府部门 government Int 国际性机构 International organization Mil 军队 military Net 网络机构 Networking organization Org 非盈利机构 Non-profit organization 表 1.1 按组织分类的顶级域名 表 1.2 按地理区域分类的项级域名 域名 国家 附注：全称 cn

9、 中国 China ca 加拿大 Canada jp 日本 Japan kr 韩国 Korea ru 俄罗斯 Russia tw 台湾 Taiwan hk 香港 Hong Kong 域名的书写格式为：叶节点名 .二级域名 .顶级域名 例如： ， www： web服务器名， sohu：企业名称，com：顶级域名。 1.1.3 网页设计软件概述 目前网页制作工具较多，大多数网页制作工作都是通过“所见即所得”的编辑工具完成的，在网页制作过程，还需要进行素材的创作和加工，即图形和动画制作工具。 网页编辑工具 网页编辑工具主要分为标记型和所见即所得型。标记型工具常用的是 notepad(记事本 )、 U

10、ltraedit等。 所见即所得型的编辑软件主要有：微软的Frontpage和 Dreamweaver。其中 Frontpage继承了 OFFICE系列软件的界面通用、操作简单的特点，十分适合初学者使用。但与 MacroMedia公司的 Dreamweaver相比，在 HTML源代码的精确性、实用性以及对各种新技术的支持上都略逊一筹，因此我们这本教材主要介绍的网页编辑工具是 Dreamweaver。 图形和图像处理工具 目前常用的图形和图像处理工具主要： Photoshop及Firework。 Photoshop的功能十分强大，是目前最为广泛的专业图形图像处理软件之一，它捆绑了 Image R

11、eady，能够实现各种专业化的图像处理、动画的制作等。 Fireworks是由 MacorMedia公司出品的首选 WEB图形图像处理软件。它的独特之处在于其能够优化处理大图片、切割图片、为图片加入特殊效果、制作网页的动态行为等，可以生成 Firework HTML，直接导入到网页中，使用非常方便。本教材将在以后的章节做详细的介绍。 动画制作工具 Flash是目前网页制作中最为出色的动画制作软件，它是一种交互式动画设计工具，用它可以将音乐、声效、动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 Flash所使用的图形是压缩的矢量图形，采用了网络流式媒体技术，突破了网络带宽的限制

12、，可以边下载边播放，这样避免用户长时间的等待，设计者可以随心所欲地设计出高品质的动画， Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。本教材将在以后的章节做详细的介绍。 1.2 网站策划 网站策划是以客户需求为基础，以个性化创意为主线，用专业的逻辑、语言与流程，阐述网站价值、模式及其实现方式，从而有效地解决网站建设的方向性问题。 1.3 网站开发流程 要建设一个优秀的网站，通常应该遵循以下工作流程：确定站点的核心网站的规划网站外观的设计网页具体制作网站性能测试网站发布网站更新与维护。 规划 设计 维护 发布 开发 1.3.1 网站规划 一个网站的成功与否与建站前的网站规划有

13、着极为重要的关系。在建立网站前应明确建设网站的目的，确定网站的功能，确定网站规模、投入费用，进行必要的市场分析等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建设能顺利进行。 1明确建立网站的目标和用户需求 2确定网站的风格 3网站的技术问题 1.3.2 网站设计 对网站进行详细的规划之后，就可进入到设计阶段。 好的 Web站点要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，突出网站的特点。 1网站的版式设计 2色彩在网页设计中的作用 3网页形式与内容相统一 4三维空间的构成和虚拟现实 5多媒体功能的利用 1.3.3 网

14、页制作 静态网页的制作：采用 HTML（超文本标记语言）生成的网页，供浏览者浏览。此阶段需要根据设计阶段制作的示范网页，通过去 Dreamweaver等软件在各个具体网页中添加实际内容，如：文字、图像、 FLASH动画、多媒体文件等。这类静态网页缺少动态的交互，因此还需添加网页的交互性，即动态网页的制作。 动态网页的制作：动态网页的编程目前常用的技术为 .ASP.PHP.JSP等，实现客户端与服务器的交互。比如说：会员注册、信息查询、产品选购、留言、论坛等。 1.3.4 站点的测试和上传 网站制作完毕，在本机上进行测试，查看网站上是否存在某些错误，如网站是否存在链接的错误，图片是否正常显示，网页程序代码是否有错等。 测试完毕，后用上传工具传到 WEB服务器上。 1.3.5 站点更新和维护 要充分发挥网站的市场功能，及时更