第一章 网页设计基础

HTML是纯文本类型的语言，使用HTML编写的网页文件也是标准的纯文本文件。HTML文件可以直接由浏览器解释执行，而无需编译，网页显示的速度同网页代码的质量有很大关系。

目录

1.1万维网概述

1.2HTML的概念

1.3HTML开发组织

1.4网页设计相关概念

    1.4.1超链接

    1.4.2统一资源定位器

    1.4.3网站

    1.4.4网页

    1.4.5首页

1.5网页的开发工具和浏览工具

    1.5.1网页的开发工具

    1.5.2网页的浏览工具

    1.5.3Dreamweaver的使用

1.6网页制作相关技术

1.6.1客户端应用技术

1.6.2服务器端应用技术

---

1.1万维网（WEB/WWW）概述

万维网是一种基于超文本方式工作的信息系统。

万维网提供了丰富的信息资源，这些信息资源通常表现为

1.超文本Hypertext

一种全局性的信息结构，将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索

2.超媒体Hypermedia

是超文本和多媒体在信息浏览环境下的结合，有了超媒体，用户不仅能从一个文本跳到另一个文本，而且可以显示图像，播放动画，音频和视频等

3.超文本传输协议HTTP Hyper Text Transport Protocol

是超文本在互联网上的传输协议

1.2HTML的概念

网页制作标注性语言，并不能算一种程序设计语言。

HTML语言是一种简易的文件交换标准，有别于物理的文件结构，旨在定义文件内的对象和描述文件的逻辑结构，而并不定义文件的显示。由于HTML所描述的文件具有极高的适应性，所以特别适合于www的出版环境。

1.3HTML开发组织

1.WHATWG

2.W3C

3.因特网工程任务组

1.4网页设计相关概念

    1.4.1超链接

指从一个网页指向一个目标的连接关系

    1.4.2统一资源定位器（符）URL uniform resource locator

    1.4.3网站

    1.4.4网页

通常是HTML格式，文件扩展名为html.htm.asp.aspx.php.jsp

网页是一个文件，他存放在世界某个角落的某一台计算机中，而这部计算机必须是与互联网相连的，网页经由网址（URL）来识别与存取

    1.4.5首页

大多数作为首页的文件名是index.dedault.main加上扩展名

1.5网页的开发工具和浏览工具

    1.5.1网页的开发工具

          1.Dreamweaver

          2.Webstorm

          3.Sublime

    1.5.2网页的浏览工具

                1.Chrome浏览器

                2.IE浏览器

                3.火狐浏览器

1.5.3Dreamweaver的使用

文件-——>新建——>HTML——>创建

文件——>保存——>另存为

1.6网页制作相关技术

web是一种典型的分布式应用架构

web应用中的每一次信息交换都要涉及客户端和服务器端两个层面

web开发技术分为

1.客户端技术：主要用于展现信息内容

2.服务端技术：用于进行业务逻辑的处理和与数据库的交互

1.6.1客户端应用技术

HTML语言 CSS样式 Flash和客户端脚本技术

1.HTML语言

用于显示网页信息，它不需要编译，由浏览器解释执行。HTML语言不区分大小写，这一点与java不同

2.CSS

css是一种叫做样式表（层叠样式表）的技术

可以有效的对页面的布局，字体，颜色，背景和其他效果实现更加精确的控制，在网页中使用css样式，不仅可以美化页面，而且可以优化网页速度。因为css样式表文件只是简单的文本格式，不需要安装额外的第三方插件。由于css提供了很多滤镜效果，从而避免使用大量的图片，这样将大大缩小文件的体积，提高下载速度。

3.客户端脚本技术

嵌入web页面中的程序代码，这些程序代码是一种解释性的语言，浏览器可以对客户端脚本进行解释，通过脚本语言可以实现以编程的方式对页面元素进行控制，从而增加页面的灵活性，常用的客户端脚本语言有JavaScript和VBScript。JavaScript脚本是Ajax的重要组成部分。

1.6.2服务器端应用技术

在开发动态网站时，离不开服务器端技术，主要有CGI，ASP，PHP，ASP.NET和JSP