标签：
历时一个月的时间，牛腩新闻发布系统项目完成。牛腩这个学习项目既是B/S的一个开端，又是对C/S的一个回顾。在牛腩中使用三层架构，先从后台设计入手，再到前台设计，最后实现前台和后台的交互。在前台网页的设计的过程中，学习到了很多网页制作的知识点，先简单总结一下。
当我们在VS中新建一个Web窗体时，VS在自动生成一些代码,这些代码其实就是HTML。
<html xmlns="http://www.w3.org/1999/xhtml"><!--网页的起始标签-->
<head runat="server"><!--网页的首部标签-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title><!--设置网页的标题-->
</head>
<body><!--网页的内容标签-->
<form id="form1" runat="server"><!--网页的表单-->
<div></div><!--网页的块级元素-->
</form>
</body>
</html> HTML:超文本标记语言，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。我们用VS生成的Web程序就是通过HTML让浏览器识别、显示网页的，HTML可谓是Web的核心内容。由于传统的网页是在HTML里通过Table表格来设计网页布局，这样建立的网页中有层层叠叠的嵌套表格,变得越来越难以维护,每次修改都意味着要改动一个或多个表格,还要注意别破坏整个网页的布局,直到调整正确为止,即使在HTML中添加了大量的注释,维护起来也相当的麻烦。CSS的出现很好克服了这样的弊端。
CSS是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
在牛腩中制作错误页的时候用到了JS,定义了一个方法用来实现网页自动计时。看着视频把错误页实现之后，从网上查了查关于JS的知识。JS(JavaScript)，JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。以下是在实现网页自动计时的一段JS代码。
<script lang="javascript" type="text/javascript" >
var i = 5;
setInterval("fun()", 1000);
function fun() {
document.getElementByld("mes").innerHTML = i;
i--;
}
</script>
JQuery：JavaScript和查询（Query)，也就是一个兼容多浏览器的javascript库。在Web开发中使用JQuery，可以很好jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。由于JQuery是一个Javascript库，也可查询Js，因此JQuery要引用到JS文件的前面，如下：
<script src="../JS/jquery-2.1.4.js"></script>
<script src="../JS/edittable.js" type="text/javascript"></script>
AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页（不使用 AJAX）如果需要更新内容，必须重载整个网页。
牛腩新闻发布系统设计到知识点很广，咱们牛先生对知识的讲解也是点到为止，不过他那种“绝不放过1px”的精神是值得我们学习的。Web制作的学习还在继续,加油
标签：
原文地址：http://blog.csdn.net/mhj9388/article/details/46290027
