2016年度WEB开发实验室第一次Seminar.

主讲人:马名骏

课件下载:

PPT: 走进web的世界.pptx (下载502)

PDF: 走进web的世界.pdf (下载486)

一、初识Web

1.Web的定义

Web在网页设计中被称为网页。现广泛译作网络、互联网等技术领域。同时,Web也被用作是环球信息网(www)的缩写之一。

简单来说,它是一个由许多互相链接的超文本组成的系统,通过互联网访问。在这个系统中,每个有用的事物,称为一样“资源”;并且由一个全局“统一资源标识符”(URI)标识;这些资源通过超

文本传输协议(HTTP)传送给用户,而后者通过点击链接来获得资源。

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

2.Web的表现形式

2.1 超文本

  • 超文本是一种用户接口方式,用以显示文本及与文本相关的内容。现时超文本普遍以电子文档的方式存在。
  • 超文本的格式最常使用的是超文本标记语言(HTML)及富文本格式(RTF)。我们日常浏览的网页都属于超文本。
  • 超文本链接将文档中的不同部分通过关键字建立链接,允许从当前阅读位置直接切换到超文本链接所指向的文字,使信息得以用交互方式搜索。

2.2 超媒体

超媒体是超文本(hypertext)和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本,而且可以激活一段声音,显示一个图形,甚至可以播放一段动画。

 【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室            【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

2.3 超文本传输协议

超文本协议(HTTP,HyperText Transfer Protocol),是互联网上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。其最初的目的是为了提供一种发布和接收HTML页面的方法。

3.Web的特点

3.1 图形化

Web 具有将图形、音频、视频信息集合于一体的特性,可以在一页上同时显示色彩丰富的图形和文本是Web非常流行的一个很重要的原因。

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

3.2 与平台无关

无论你的系统平台是什么,你都可以通过Internet访问WWW。浏览WWW对你的系统平台没有什么限制。

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

3.3 分布式的

信息可以放在不同的站点上,只需要在浏览器中指明这个站点即可。在物理上并不一定在一个站点的信息在逻辑上一体化,从用户来看这些信息是一体的。

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

3.4 动态的

由于各Web站点的信息包含站点本身的信息,信息的提供者可以经常对站上的信息进行更新。所以Web站点上的信息是动态的、经常更新的。

3.5 交互的

用户通过填写FORM可以向服务器提交请求,服务器可以根据用户的请求返回相应信息。

4.Web的应用

4.1 常见的Web应用

  • 购物网站
  • QQ等聊天工具
  • 论坛BBS
  • 网络游戏

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

4.2 应用程序的两种模式

  • C/S:客户端/服务器端程序,这类程序一般独立运行。应用程序(客户端)首先依据用户操作形成对应的SQL语句,然后通过网络协议(如:TCP/IP等)向数据库服务器发送SQL命令;数据库服务器通过其监听端口,实时检测有无服务请求。当检测到有SQL请求时,服务器首先对客户端身份进行验证,验证通过后执行请求客户的SQL命令。
  • B/S:浏览器端/服务器端应用程序,这类应用程序一般借助IE等浏览器来运行。

4.3 B/S基本构成

  • 浏览器: 指可以显示网页服务器或者文件系统的HTML文件(标准通用标记语言的一个应用)内容,并让用户与这些文件交互的一种软件。
  • 服务器: 是提供计算服务的设备。响应服务请求,并进行处理。目前最主流的三个Web服务器是Apache 、Nginx、 IIS。

  • 请求响应过程:

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

5.Web的技术简介

5.1 客户端技术

  • Web客户端的主要任务是展现信息内容。
  • Web客户端设计技术主要包括:HTML、CSS、JavaScript等。
       HTML

HTML是Hypertext Markup Language(超文本标记语言)的缩写,它是构成Web页面的主要骨架。

超文本标记语言的结构包括“头”部分(Head)、和“主体”部分(Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

       CSS

CSS是Cascading Style Sheet(层叠样式表)的缩写,它决定了web页面的样式。

相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计。

       JavaScript

一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。

丰富的JS库:jQuery等。

5.2 服务端技术

  • 与Web客户端技术的演进过程类似,Web服务端的开发技术也是由静态向动态逐渐发展、完善起来的。
  • Web服务器技术主要包括JSP(Servlet)、 PHP、ASP、ASP.NET等。
      JSP

全名为Java Server Pages。它实现了Html语法中的java扩展(以 <%, %>形式)。Servlet和JSP是Java EE的核心技术。

      PHP

外文名:PHP: Hypertext Preprocessor,中文名:“超文本预处理器”。

PHP语言将HTML代码和PHP指令合成为完整的服务端动态页面,Web应用的开发者可以用一种更加简便、快捷的方式实现动态Web功能。

      ASP, ASP.NET

全称为:Active Server Page。ASP是微软公司开发的代替CGI脚本程序的一种应用;ASP.NET是.NET FrameWork的一部分,是一项微软公司的技术,它把界面设计和程序设计以不同的文件分离开,复用性和维护性得到了提高。

二、Python:简洁的高级编程语言

1. Python简介

Python是一种面向对象的解释型计算机程序设计语言,语法简洁清晰,特色之一是强制用空白符(white space)作为语句缩进。它具有丰富和强大的库。它常被昵称为胶水语言,能够把用其他语言制作的各种模块(尤其是C/C++)很轻松地联结在一起。

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

2. Hello world

一款最好的编辑器:sublime text

Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。主要功能包括:拼写检查,书签,即时项目切换,多选择,多窗口等等。Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

附上简短的命令窗口操作python

出现以下操作说明Python安装成功:

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

打印hello world :

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

初识输入输出函数:

【2016年度Seminar】(一)走进Web的世界-Web与Python-Web开发实验室

推荐网站

http://www.w3school.com.cn/

http://www.baidu.com/

http://www.sublimetext.com/

http://www.liaoxuefeng.com/