网络编程基础.docx
《网络编程基础.docx》由会员分享，可在线阅读，更多相关《网络编程基础.docx（12页珍藏版）》请在冰点文库上搜索。
网络编程基础
网络编程基础
Web的历史与发展——————————————3
Html，Css，Javascript的联系与应用——————6
大作业“音乐汇”与“压缩感知”———————9
冗余字典与观测矩阵————————————13
感想———————————————————18
参考资料—————————————————19
（一）web的历史与发展
作为一名跨专业选修的学生，对网站的学习基本可以说是从零开始，在上课过程中逐渐感受着html的历史，发展，及其重要作用。
1.1网页介绍
网页，是网站中的一「页」，通常是HTML格式（文件扩展名为.html或.htm或.asp或.aspx或.php或.jsp等）。
网页通常用图像档来提供图画。
网页要透过网页浏览器来阅读。
网页是构成网站的基本元素，是承载各种网站应用的平台。
通俗的说，网站就是由网页组成的。
如果只有域名和虚拟主机而没有制作任何网页的话，客户仍旧无法访问您的网站。
所谓网站（Website），就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用於展示特定内容的相关网页的集合。
简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务），又或收集想要的信息。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。
网页实际是一个文件，他存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。
网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。
1.2Web的起源
最早的网络构想可以追溯到遥远的1980年蒂姆·伯纳斯-李构建的ENQUIRE项目。
这是一个类似维基百科的超文本在线编辑数据库。
尽管这与我们现在使用的万维网大不相同，但是它们有许多相同的核心思想，甚至还包括一些伯纳斯－李的万维网之后的下一个项目语义网中的构想。
1989年3月，伯纳斯－李撰写了《关于信息化管理的建议》一文，文中提及ENQUIRE并且描述了一个更加精巧的管理模型。
[3]1990年11月12日他和罗伯特·卡里奥（RobertCailliau）合作提出了一个更加正式的关于万维网的建议。
在1990年11月13日他在一台NeXT工作站上写了第一个网页以实现他文中的想法.
在那年的圣诞假期，伯纳斯－李制作了要一个网络工作所必须的所有工具：
第一个万维网浏览器（同时也是编辑器）和第一个网页服务器。
1991年8月6日，他在alt.hypertext新闻组上贴了万维网项目简介的文章。
这一天也标志着因特网上万维网公共服务的首次亮相。
万维网中至关重要的概念超文本起源于1960年代的几个从前的项目。
譬如泰德·尼尔森（TedNelson）的仙那都项目（ProjectXanadu）和道格拉斯·英格巴特（DouglasEngelbart）的NLS。
而这两个项目的灵感都是来源于万尼瓦尔·布什在其1945年的论文《和我们想得一样》中为微缩胶片设计的“记忆延伸”（memex）系统。
蒂姆·伯纳斯-李的另一个才华横溢的突破是将超文本嫁接到因特网上。
在他的书《编织网络》中，他解释说他曾一再向这两种技术的使用者们建议它们的结合是可行的，但是却没有任何人响应他的建议，他最后只好自己解决了这个计划。
他发明了一个全球网络资源唯一认证的系统：
统一资源标识符。
万维网联盟（WorldWideWebConsortium，简称W3C），又称W3C理事会。
1994年10月在麻省理工学院计算机科学实验室成立。
建立者是万维网的发明者蒂姆·伯纳斯-李。
1.3工作原理
当你想进入万维网上一个网页,或者其他网络资源的时候，通常你要首先在你的浏览器上键入你想访问网页的统一资源定位符（UniformResourceLocator），或者通过超链接方式链接到那个网页或网络资源。
这之后的工作首先是URL的服务器名部分，被名为域名系统的分布于全球的因特网数据库解析，并根据解析结果决定进入哪一个IP地址（IPaddress）。
接下来的步骤是为所要访问的网页，向在那个IP地址工作的服务器发送一个HTTP请求。
在通常情况下，HTML文本、图片和构成该网页的一切其他文件很快会被逐一请求并发送回用户。
网络浏览器接下来的工作是把HTML、CSS和其他接受到的文件所描述的内容，加上图像、链接和其他必须的资源，显示给用户。
这些就构成了你所看到的“网页”。
大多数的网页自身包含有超链接指向其他相关网页，可能还有下载、源文献、定义和其他网络资源。
像这样通过超链接，把有用的相关资源组织在一起的集合，就形成了一个所谓的信息的“网”。
这个网在因特网上被方便使用，就构成了最早在1990年代初蒂姆·伯纳斯-李所说的万维网
（二）Html，Css，Javascript的联系与应用
2.1html概述
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：
Head）、和“主体”部分（英语：
Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
在WWW上的一个超媒体文档称之为一个页面（page）。
作为一个组织或个人在万维网上开始点的页面称为主页Homepage，或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接）。
在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Web）。
HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。
网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：
文字如何处理，画面如何安排，图片如何显示等）。
浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。
但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。
HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点------就是一种URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。
这也是HTML获得广泛应用的最重要的原因之一。
由此可见，网页的本质就是HTML，通过结合使用其他的Web技术（如：
脚本语言、CGI、组件等），可以创造出功能强大的网页。
因而，HTML是Web编程的基础，也就是说万维网是建立在超文本基础之上的。
2.2Css概述
Css是英文Cascading Style Sheets的缩写。
它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
表是一系列格式设置的规则，它们控制网页内容的外观。
使用CSS设置页面格式时，可以将内容与表现形式分开。
网页内容（即HTML代码）驻留在HTML文件自身中，而用于定义代码表现形式的CSS规则驻留在另一个文件（外部样式表）或HTML文档的另一部分（通常为文件头部分）中。
使用CSS可以更加灵活地控制具体的页面外观，从精确的布局定位到特定的字体和样式。
CSS允许控制HTML[1]无法独自控制的许多属性。
例如，可以为选定的文本指定不同的字体大小和单位（像素、磅值等）。
通过CSS可以用像素为单位来设置字体大小，从而可以确保在多个浏览器中以更一致的方式处理页面布局和外观。
除设置文本格式外，还可以使用CSS控制网页中块级别元素的格式和定位。
例如，可以设置块级别元素的边距和边框，其他文本周围的浮动文本等。
CSS格式设置规则由选择器和声明两部分组成，其中选择器是标识格式元素的术语（如p、h1、类名或id），声明用于定义元素样式。
CSS的主要优点是提供了便利的更新功能。
设计网站时，可以创建一个CSS样式表文件，然后将网站中的所有网页都连接到该样式表文件，这样很容易为Web站点内的所有网页提供一致的外观和风格。
当更新某一样式属性时，使用该样式的所有网页的格式都会自动更新为新样式，而不必逐页进行修改。
2.3javascript概述
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。
它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的BrendanEich，在网景导航者浏览器上首次设计实现而成。
因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。
但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。
为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
（三）大作业“音乐汇”与“压缩感知”
3.1音乐汇
“音乐汇”是在课下小组分工合作不断完成的一个网页，以框架结构为基础，将每首歌单独的网页连接到网页中。
其中主体代码如下：
body{background-image:
url（右背景.jpg）;background-size:
cover;background-position:
50%50%}
p{font-size:
1.5em;font-family:
仿宋;text-align:
center}
#txt{font-size:
2em;}
总目录
absolute;right:
1px;bottom:
1px;">