网页设计初识

**

网页设计初识

**

---

前言

一. 网站与网页

网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页集合。

网页是网站中的一页，通常网页是HTML格式的文件，它通过浏览器来阅读。
通常我们看到的网页，常以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。

网址中组成——举例：
1.如百度的网址 www.baidu.com 中，WWW 是 World Wide Web （环球信息网）的缩写，也可以简称为 Web，中文名字为“万维网”,是Internet提供的一种网络服务。
2.标号“baidu”是域名的主体。
3.最后的标号“.com”是该域名的后缀，代表的这是一个com国际顶级域名（.com域名，是国际最广泛流行的域名。还有教育领域的.edu，中国国家顶级域名.cn等）。

二.什么是HTML语言（超文本标记语言）

HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。

所谓超文本，有两层含义——

1. 它可以加入图片，声音，动画，多媒体等内容（超越了文本限制）。
2. 它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接（超级链接文本）。

三. 网页开发流程

1. 需求分析——对要开发的产品进行定位，如产品类型，功能，面向客户人群。
2. 整体规划——根据分析的结论，确定网站内容，层次，展现形式，再制定文案。
3. 界面设计——由设计师根据规划的结果，对网页各个页面进行设计，最终给出设计图。
4. 前端程序设计——前端开发人员将根据得到的设计图，进行代码的编写，实现网页的界面，功能。
5. 前后端系统整合——后端开封人员进行数据库设计，将程序功能与界面进行整合，前后端配合进行功能调试。
6. 测试验收——项目经理及相关测试人员，根据项目前期策划为指导对产品进行测试验收，测试产品的交互效果，功能，实现效果等。

四. Web标准

由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是国际最著名的标准化组织。

其标准主要包括结构（Structure），表现（Presentation）和行为（Behavior）三方面。
1.结构——用于对网页元素进行整理和分类，现阶段主要学的是HTML。
2.表现——用于设置网页元素的版式，颜色，大小等外观样式，主要指的是CSS。
3.行为——指网页模型的定义及交互的编写，现阶段主要学的是Javascript。

Web标准提出的最佳体验方案——结构，样式，行为相分离。

简单理解——结构写到HTML文件中，表现写到CSS文件中，行为写到Javascript中。

五. Web标准的优点

1.易于维护：只需更改CSS文件，就可以改变整站的样式

2.页面响应快：HTML文档体积变小，响应时间短

3.可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更容易被屏幕阅读器识别

4.设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式

5.搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名

总结

网页设计需要多方面技术的都有坚实的功底，适用于小组或团队配合完成项目。