新闻发布系统阶段小结

 

         新闻发布系统进行到现在已经半个多月了，这段时间主要是以它为主，视频已经接近尾声了。代码也在完善中。

         做这个系统是第一次接触B/S系统以及掺杂着asp.net以及html还有JS的一些混杂东西。总体上感觉哪里的知识都有，有一些混乱。不过跟着视频这个系统还是基本上完成了。感觉B/S和C/S最大的不同就是在界面这一部分。

         之前的C/S开发的界面随便拖拖拽拽就完事了，没有考虑过布局，没有考虑过界面美化等工作。而现在新闻发布系统与原来的界面完全不一样了，原来你可以不考虑界面的差异性，因为你的程序是安装在别的电脑上的，而现在是借助浏览器来使用你的系统，所以浏览器之间的差异是必须考虑的因素。

         新闻发布系统的制作是用CSS+DIV来布局的。它的作用大体上就是把界面与界面的格式隔离分开。

         CSS的思想就是首先指定对什么“对象”进行设置，然后指定对该对象的哪个方面的“属性”进行设置，最后给出该设置的“值”。

所以，CSS就是由3个基本部分——“对象”、“属性”和“值”组成的。

在CSS的3个组成部分中，“对象”是很重要的，它指定了对哪些网页元素进行设置，因此，它有一个专门的名称——选择器（selector）。

具体包括标记选择器，类别选择器，和ID选择器

CSS的四种使用方式：

行内式：

 <textarea cols="50" rows="15" name="code" class="xhtml">&lt;html&gt; &lt;head&gt; &lt;title&gt;页面标题&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p style="color:#FF0000; font-size:20px;" mce_style="color:#FF0000; font-size:20px;"&gt;正文内容1&lt;/p&gt; &lt;p style="color:#000000; font-style:italic;" mce_style="color:#000000; font-style:italic;"&gt;正文内容2&lt;/p&gt; &lt;p style="color:#FF00FF; font-weight:bold;" mce_style="color:#FF00FF; font-weight:bold;"&gt;正文内容3&lt;/p&gt; &lt;/body&gt; &lt;/html&gt; </textarea> 

内嵌式

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;html&gt; &lt;head&gt; &lt;title&gt;页面标题&lt;/title&gt; &lt;mce:style type="text/css"&gt;&lt;!-- p{color:#0000FF; text-decoration:underline; font-weight:bold; font-size:25px; } --&gt;&lt;/mce:style&gt;&lt;style type="text/css" mce_bogus="1"&gt; p{color:#0000FF; text-decoration:underline; font-weight:bold; font-size:25px; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; </textarea>  

链接式：

<textarea cols="50" rows="15" name="code" class="xhtml">&lt;html&gt; &lt;head&gt; &lt;title&gt;页面标题&lt;/title&gt; &lt;link href="&ldquo;sheet1.css" mce_href="&ldquo;sheet1.css"" type="text/css" rel="stylesheet"&gt; &lt;/head&gt; &lt;body&gt; &lt;h2&gt;CSS标题&lt;/h2&gt; &lt;p&gt;这是正文内容&hellip;&hellip;&lt;/p&gt; &lt;h2&gt;CSS标题&lt;/h2&gt; &lt;p&gt;这是正文内容&hellip;&hellip;&lt;/p&gt; &lt;/body&gt; &lt;/html&gt;</textarea> 

<textarea cols="50" rows="15" name="code" class="css">sheet1.css h2{ color:#0000FF; } p{ color:#FF0000; text-decoration:underline; font-weight:bold; font-size:15px; } </textarea> 

在新闻发布系统中，我们使用最多的就是这一种。

 

导入式：

<textarea cols="50" rows="15" name="code" class="xhtml">@import url(sheet1.css); @import url("sheet1.css"); @import url('sheet1.css'); @import sheet1.css; @import "sheet1.css"; @import 'sheet1.css'; </textarea> 

         这次写新闻发布系统，做界面用了很长时间，其实这也是它和C/S系统的根本差别，用C#写后台代码基本上都是一带而过。三层架构更不用说了，总之，这次做它的最大意义是接触和了解了B/S系统，当然里面还有N多的东西还是有些朦胧，但是后面跟着的视频看完之后各种问题都会迎刃而解。