牛腩新闻发布系统（一）

        结束了软件工程的学习，开始学习牛腩的时候也就意味着我们的知识体系从C/S向B/S开始转化了。这里已没有具体的窗体，开始面向web开发。

 

一、软件工程过渡到牛腩新闻发布系统

        在听牛腩讲解新闻发布从无到有，从最初只是一个需求，到系统初步成型，给我的感觉就是，软件不管是C/S还是B/S软件开发都还是一样的。

 

       根据之前的机房收费系统的经验和牛腩详细讲解，我看到了更多地相似和曾经。后面一点点才是新的知识。

 

       牛腩开始新闻发布系统的时候顺序也是根据需求写一个需求文档，然后画类图，设计数据库，画系统原型，回顾一下三层架构和C#，这个做的是后台工作，后面就是实现前台页面。

 

如果它代表一个系统，那我叫他牛腩新闻发布系统-平面图

 

因为牛腩还没有学完，js等知识还没有接触，所以小房子还不能用他们来建。后面学习后会加上。

二、div+css

牛腩画原型用的是div+CSS实现的。

1、div和span

div和span都是可以代表容器。只是两种容器的大小和形状有些不同而已，div可以加块级元素，span是行内元素。

比如：

2、CSS了解

 

CSS由来

         CSS （cascadingstyle sheets，层叠样式表）发 展 于 1994 年 10 月 ， 是 为 了 补 救 HTML 3. 2 语 法 中 的 不 足 ， 但 是 由 于 当 时 网 络 的 发 展 的 不 足 和 浏 览 器 的 支 持 率 较 低 ， 直 到 1996 年 底 ， 才 正 式 发 表 了 CSS 1 ． 0 规 格 ， 也 正 是 1996 年 之 后 ， 浏 览 器 才 开 始 正 式 的 支 持 CSS 。 简 单 的说 CSS 的 引 入 就 是 为 了 使 得 HTML 能 够 更 好 的 适 应 页 面 的 美 工 。

 

         CSS 能 够 通 过 编 写 样 式 控 制 代 码 来 进 行 页 面 布 局 ， 在 编 写 相 应 的 HTML 标 签 时 ， 可 以 通 过 Style 属 性 进 行 CSS 样 式 控 制 。

 

div和css联系

将css文件直接拉到.aspx文件 中，效果如下：

 

css应用

css最著名的就是盒子模型了。

主要有4部分：

margin：边缘（top、bottom、left、right）

border：边界（top、bottom、left、right）

padding：填充（top、bottom、left、right）

content：内容（height，width）

 

 

举例：

.aspx文件

Common.css文件

效果：

 

这是学习 牛腩的开头，但是窥一叶而知秋，慢慢增添东西，平面图也会变成一个立体图的

如果它代表了牛腩新闻发布系统，那我叫他牛腩新闻发布系统立体图。

 

 

总结：学习是个演化的过程，从量变到质变的过程。好好学习牛腩，为我开启B/S的大门。