第一章 网页设计基础

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

你可能感兴趣的:(~~~Web前端知识~~~)