夢想工程

META標籤是HTML語言head區的一個輔助性標籤，它用來描述一個HTML 網頁文檔的屬性，例如作者、日期和時間、網頁描述、關鍵詞、頁面刷新等。它有兩個屬性，分別是HTTP標題信息(HTTP-EQUIV)和頁面描述信息(NAME)。不同的屬性又有不同的參數值，這些不同的參數值就實現了不同的網頁功能。
我們在對網站進行搜索引擎優化(SEO)的時候，通常會用到name屬性裡的“Keywords”（關鍵詞）和“description”（網頁描述）兩個參數。在主流的兩個搜索引擎“百度”和“GOOGLE”中進行了長時間測試，發現百度搜索結果的排名和META標籤中的內容有很大關係，在GOOGLE中也存在有一定的決定性作用，META標籤在一個頁面中的作用僅次於title。所以META標籤的內容設計仍然是很重要的。
下面來和大家共同探討META標籤中keywords和description的基本寫法,和應該注意的事項：
一、Keywords (關鍵字)
說明：為搜索引擎提供的關鍵字列表
用法：<Meta name="Keywords" Content="QQ網名,QQ簽名,QQ個性簽名,最酷QQ名,非主流QQ簽名,繁體QQ簽名">
技巧：1，選擇適當的關鍵詞（可利用百度指數等工具，選出搜索量比較高的關鍵詞，必要時可以選擇複合關鍵詞）
2，不同的關鍵詞之間,應用半角逗號隔開（關鍵詞之間應以半角逗號(即英文狀態下的逗號)隔開，如果以中文為標點，搜索引擎會誤認為是文字）
3，關鍵詞不要寫得太多太長（建議控制在六個詞語以內，簡短、明確就好，別太多或故意重複）
4，大網站盡量不要每個頁面都要用同樣的Keywords
二、Description ( 網頁描述)
說明：Description用來告訴搜索引擎你的網站主要內容。用法：<Meta name="Description" Content="QQ網名,給你的QQ挑一個最酷QQ網名,一個最酷QQ簽名">
技巧：1，應為自然語言,並不是羅列關鍵詞（也就是說是幾句比較簡煉的描述網頁標題和內容的話，並不是像Keywords那樣把關鍵詞羅列出來。）
2，描述內容與網頁標題和Keywords關鍵詞內容應有高度相關性（重點補充在title和keywords中未能充分錶述的說明）
3，描述內容與網頁本身內容應有高度相關性
4，描述的文字不必太多（建議控制在200個字符以內，關鍵字重複出現三四次即可，不要過多堆積）
5，不要每個頁面都要用同樣的Description
以上寫法只是一般規律,在實際運用中應隨著搜索引擎檢索規則的變化和網站的本身情況進行適當調整.META優化只是SEO的一部分,並不能完全代表SEO.要想把網站的優化做好,還需要從多方面下功夫.我們會在後續的幾期裡為大家繼續探討網站優化。

PHP Token(令牌)設計
設計目標:
避免重複提交數據.
檢查來路,是否是外部提交
匹配要執行的動作(如果有多個邏輯在同一個頁面實現,比如新增,刪除,修改放到一個PHP文件里操作)
這里所說的token是在頁面顯示的時候,寫到FORM的一個隱藏表單項(type=hidden).
token不可明文,如果是明文,那就太危險了,所以要采用一定的加密方式.密文要可逆.俺算法很白癡,所以采用了網上一個現成的方法.
如何達到目的:
怎樣避免重複提交?
在SESSION里要存一個數組,這個數組存放以經成功提交的token.在後臺處理時,先判斷這個token是否在這個數組里,如果存在,說明是重複提交.
如何檢查來路?
可選項,這個token在生成的時候,加入了當前的session_id.如果別人copy你的html(token一迸copy),在提交時,理論上token里包含的session_id不等於當前session_id,就可以判斷這次提交是外部提交.
如何匹配要執行的動作?
在token的時候,要把這個token的動作名稱寫進這個token里,這樣,在處理的時候,把這個動作解出來進行比較就行了.
我以前寫的GToken不能達到上面所說的第二條,今天修改了一下,把功能2加上了.個人感覺還行.

網頁三列自適應等高且中列寬度自適應的CSS佈局實例，作者silence應用了很多​​HACK進行代碼編寫。
　　IE6是主要出現問題的瀏覽器，希望在以後的發展中，IE6與標準不再協調的事情不要再次發生。我們看代碼：
 

美國零售商沃爾瑪週一表示，由於其客戶需求不高，因此決定停止此前開展的Linux電腦在零售店的試銷，今後不再銷售。
　　沃爾瑪公司發言人默里薩-奧布萊恩(Melissa O'Brien)表示:“我們的客戶對Linux電腦的需求的確不高，因此不適合在零售店銷售。”然而在沃爾瑪網絡連鎖店Walmart。com上將繼續銷售Linux電腦，上述決定只是針對沃爾瑪的實體零售店。
　　為了測試其用戶對Linux電腦的需求程度，從去年10月份開始，沃爾瑪先後在約600個零售店試銷由台灣廠商Everex生產的Green gPC電腦，該電腦運行Linux操作系統，售價為199美元。

以下是我開發時碰到的問題以及心得經驗，花了些時間調試，貼出來避免大家少走彎路。
　　1、xml文件盡量以utf-8編碼，gb2312有些字是存儲不了的，如?,就算能存也需要轉換，比較麻煩，utf-8也符合國際規範。
　　2、CSS中:hover這個偽類，如果放在:visited前面則會失效。
　　3、<a>標籤如果沒有href屬性，所有對它的css的偽類如:hover均失效。　　4、js文件中用document.wirte("<script language='javascript' src='" + file + "'></" + "script>"形式的引用，其file相對路徑均為引用該js的html的路徑。　　如：a.htm引用x\b.js,b.js引用x\c.js,則file應該為x\c.js而不是相對b.js的直接路徑c.js，而css中的@import,url()引用不存在這個問題
 

以下是網友王垠寫的關於學習Linux的忠告。但只要稍加替換，它完全可以用來解決FF與IE，五筆與拼音，QQ與MSN，IBM與HP，甚至是SONY與任天堂粉絲之間的種種爭端。
　　1、不要當“傳教士”

需求：將一段文字截取一定的物理長度顯示，註意，要截取的不是字符串的字節數，UFT-8 的編碼中文字符是3個字節或者4個字節的，而顯示的時候中文會占兩個字符的長度，英文字符只占一個，全角的時候又有不同。而且給的數據是HTML代碼串，比如這樣：
<div class=”aaa”><a href=”/aaa.php?id=1″>張三</a>  評論了 <a href=”/aaa.php?id=444″>李四</a> 分享的 <a href=”bbb.html”>一篇文章文章一長串的東西</a></div>
截取的時候是要截取 div 標簽內部的東西，而且要保留HTML標簽，只是對其中的文字做處理。比如我可能只是截取到“李四”的“李”字，但是如果就這樣放到前端的話，“李四”前面的 a 標簽是沒有閉合的，所以截取之後要保證HTML的語法正確。
這個問題確實不太好搞，讓我郁悶了兩天。請註意，這只是一個字符串，只不過內容是HTML代碼，是沒有什麽DOM的。如果是在前端處理就好辦了，直接DOM獲取，然後對里面的節點進行處理，最後把innerHTML 之類的東西輸出就搞定了。現在可不行了，得換個思路。同事的思路是這樣的：
遍歷字符串的每一個字符。設置一個標記，碰到標簽開始的標記< 就置為1，接下來的字符都不記數，然後碰到>之後再開始計數。對標簽內部的字符串處理的時候，還要先判斷當前字符的編碼是不是可能是中文，一般來說PHP中 UTF-8 編碼的中文字符的長度都是3，所以如果碰到是中文字符編碼，就要跳過兩個不記數……說到這里我自己頭已經開始大了。個人認為這種方法很不爽，首先這種精致的邏輯不太容易控制，而且 UFT-8 編碼下中文產生的長度有可能是3個或4個 所以代碼的嚴密性值得懷疑。
我個人的思路是，用 Tidy 來搞（具體用法請看PHP手冊吧）。昨天研究了一下那個 Tidy ，發現這個東西還是挺好用的。首先，把這個字符串轉換成 Tidy 對象，這樣：

下午的時候同事碰到了一個小問題，是這樣的：他從別人的接口中取回一長串的HTML，但是他只需要其中的一塊。這就涉及到在PHP中解析HTML字符串的問題，花了挺長時間，找了不同的方法，在此記錄一下：
1.最簡單的就是字符串解析，靈活運用 strpos , substr 混合處理，把那一段代碼摳出來。由於他要取的是一個固定的div內的東西，而且那個div 的 class 屬性也是固定的，所以這種方法倒也簡單，直接先以<div class=”xxx” 作為needle 找到那個div，然後做一些操作就行了。
2.PHP DOMDocument 。聽到這個問題的時候首先想到的是PHP的DOM解析功能，剛開始真的以為找到了救星。但是最後發現這個東西的功能不能解決問題，反正我是沒找到。因為最好我們想要把div里面的html代碼輸出出來，結果用 DOMDocument 提供的方法輸出的全是不帶標簽的純文本，無奈，只好棄用。（可能是我不知道它的用法，希望知道的不吝賜教。）
3. Tidy Functions 。其實 Tidy 是用來整理HTML的，不過它也可以進行HTML的解析處理。先使用tidy_parse_string() 把字符串轉換成 tidy 對象，然後就可以利用tidy的方法對其進行處理了，還算方便，不過這個東西只能在 PHP 4.3.x 和 PHP 5 的版本下才有。具體方法和使用請參考手冊。
4. strip_tags() 。無意中發現了這個函數，實在是太好用了！！上面幾種方法最好我都是結合著strip_tags()來使用的。strip_tags() 可以過濾掉HTML和PHP標簽，返回一個全新的字符串！用法如下：
string strip_tags ( string 要處理的字符串 [, string 想保留的標簽] )
如果你想保留某些標簽，比如 <a> 標簽，就可以這樣寫，strip_tags($str, “<a>”) ，如果想保留多個標簽，就可以這麽寫： strip_tags($str, “<a> <img>”);  標簽之間用空格隔開就可以了。
5.另外，據我另一個同事測試，好像使用 XMLReader 來搞，沒嘗試，有興趣的可以搞一下。
在工作中學習到的一些小東西，記錄下來，省的以後忘記了。如果大家有什麽更好的技巧，歡迎賜教，謝謝。

函數Abs()
描述：
mixed abs (mixed number);
Returns the absolute value of number. If the argument number is float, return type is also float, otherwise it is int(返回所輸的數字的絕對值，浮點型返回浮點型，其他返回整型)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"https://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>show</title>
<style type="text/css">
#show{
display:none;
margin:0px auto;
background-color:#FF0000;
}
#txt{
width:760px;
height:30px;
margin:0px auto;
background-color:#efefef;
}
</style>
</head>
<body>
<div id=show>
</div>
<div id=txt>
<a href="#" onClick="show()">Open</a> <a href="#" onClick="show2()">Close</a>
</div>
<script type="text/javascript">
function show(){
if (!document.getElementById) return false;
if (!document.getElementById("show")) return false;
var show = document.getElementById("show");
show.style.width = "0px";
show.style.height = "0px";
show.style.display = "block";
movement = setTimeout("animation()",0)
}
function animation(){
if (!document.getElementById) return false;
if (!document.getElementById("show")) return false;
var show = document.getElementById("show");
var xpos = parseInt(show.style.width);
var ypos = parseInt(show.style.height);
if (xpos == 760 && ypos == 420){
return true;
}
if (xpos < 760){
xpos++;
}
if (xpos > 760){
xpos--;
}
if (ypos < 420){
ypos++;
}
if (ypos > 420){
ypos--;
}
show.style.width = xpos + "px";
show.style.height = ypos + "px";
movement = setTimeout("animation()",0);
}
function show2(){
if (!document.getElementById) return false;
if (!document.getElementById("show")) return false;
var show = document.getElementById("show");
show.style.width = "760px";
show.style.height = "420px";
show.style.display = "block";
movement = setTimeout("animation2()",0)
}
function animation2(){
if (!document.getElementById) return false;
if (!document.getElementById("show")) return false;
var show = document.getElementById("show");
var xpos = parseInt(show.style.width);
var ypos = parseInt(show.style.height);
if (xpos == 0 && ypos == 0){
return true;
}
if (xpos < 0){
xpos++;
}
if (xpos > 0){
xpos--;
}
if (ypos < 0){
ypos++;
}
if (ypos > 0){
ypos--;
}
show.style.width = xpos + "px";
show.style.height = ypos + "px";
movement = setTimeout("animation2()",0);
}
</script>
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD><TITLE>絕對經典的滑輪新聞顯示(javascript+css)</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<style type="text/css">
<!--
*{padding:0; margin:0}
img{border:0; display:block;}
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR: white; TEXT-ALIGN: center
}
.dis {
DISPLAY: block
}
.undis {
DISPLAY: none
}
#cntR,#cntR2{
WIDTH: 302px
}
#NewsTop,#NewsTop2{
CLEAR: both; MARGIN-BOTTOM: 16px
}
#NewsTop P,#NewsTop2 P {
FLOAT: left; LINE-HEIGHT: 21px
}
#NewsTop P.topTit,#NewsTop2 P.topTit{
FONT-WEIGHT: bold; WIDTH: 117px
}
#NewsTop P.topC0,#NewsTop2 P.topC0 {
BACKGROUND: #dcdcdc; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; CURSOR: pointer
}
#NewsTop P.topC1,#NewsTop2 P.topC1 {
BACKGROUND: #c2130e; BORDER-LEFT: #f2f2f2 1px solid; WIDTH: 40px; COLOR: #fff
}
#NewsTop #NewsTop_tit,#NewsTop2 #NewsTop_tit2 {
BORDER-BOTTOM: #c2130e 3px solid; HEIGHT: 21px
}
#NewsTop #NewsTop_cnt,#NewsTop2 #NewsTop_cnt2 {
PADDING-LEFT: 32px; BACKGROUND: url(o2007320133249.gif) no-repeat 12px 13px; LINE-HEIGHT: 26px; PADDING-TOP: 7px; HEIGHT: 260px; TEXT-ALIGN: left
}
#NewsTop #NewsTop_cnt A,#NewsTop2 #NewsTop_cnt2 A {
COLOR: #666; TEXT-DECORATION: none
}
#NewsTop #NewsTop_cnt A:hover,#NewsTop2 #NewsTop_cnt2 A:hover {
COLOR: #c2130e; TEXT-DECORATION: underline
}
-->
</style>
</HEAD>
<BODY>
<DIV id="cntR">
<DIV id="NewsTop">
<DIV id="NewsTop_tit">
<P class="topTit">新聞排行</P>
<P class="topC0">國內</P>
<P class="topC0">國際</P>
<P class="topC0">社會</P>
<P class="topC0">網評</P>
</DIV>
<DIV id="NewsTop_cnt">
<SPAN title="Don't delete me"></SPAN>
<SPAN>
<A href="#" target=_self>新疆阜康鐵路橋梁坍塌多節運煤車廂側翻墜河</A><BR>
<A href="#" target=_self>最高法:承諾不判賴昌星死刑沒有超越法律程序</A><BR>
<A href="#" target=_self>物權法:滿70年住宅建設用地使用權將自動續期</A><BR>
<A href="#" target=_self>弟弟被妻下藥毒死男子買女屍為其配陰婚(圖)</A><BR>
<A href="#" target=_self>揭開鄭州神槍手神秘面紗 頭號狙擊手是近視眼</A><BR>
<A href="#" target=_self>美軍高官:不排除和中國發生直接軍事對抗可能</A><BR>
<A href="#" target=_self>浙江東陽傳奇富姐吳英涉嫌非法吸收存款被批捕</A><BR>
<A href="#" target=_self>西方炒作"中國航母威脅論"稱05年已正式服役</A><BR>
<A href="#" target=_self>女孩生活無法自理請人大代表遞交安樂死議案</A><BR>
<A href="#" target=_self>建設部：住房公積金制度將覆蓋農民工</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>美華裔女兵在營房上吊死亡軍方介入調查(圖)</A><BR>
<A href="#" target=_self>組圖：美國總統布什車隊被撞</A><BR>
<A href="#" target=_self>夢露掌握肯尼迪之弟秘密遭誘騙自殺(組圖)</A><BR>
<A href="#" target=_self>孟加拉國嚴打貪官人人自危奔馳寶馬拋棄路邊</A><BR>
<A href="#" target=_self>韓國將舉行大規模軍事演習(圖文)</A><BR>
<A href="#" target=_self>組圖：土星最大衛星表面發現“海洋”</A><BR>
<A href="#" target=_self>墨西哥緝毒行動繳獲2億美元巨額現鈔(組圖)</A><BR>
<A href="#" target=_self>組圖：全球掀起裸體抗議加拿大捕獵海豹活動</A><BR>
<A href="#" target=_self>美潛艇在百慕大失蹤一晚航母戰群出動搜索</A><BR>
<A href="#" target=_self>匈牙利20萬人示威 政要被民眾扔雞蛋(組圖)</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>深圳女工被三名男子輪奸男友目睹過程(組圖)</A><BR>
<A href="#" target=_self>男子珍藏一角錢“幣王”價格高達1.3萬(圖)</A><BR>
<A href="#" target=_self>青海女孩被困洗頭房每天接客十幾次(圖)</A><BR>
<A href="#" target=_self>組圖：老妻少夫演繹忘年戀69歲妻子成功除皺</A><BR>
<A href="#" target=_self>陜西藍田縣電視臺播放淫穢影像 達10分鐘左右</A><BR>
<A href="#" target=_self>女子自稱被大學教授誘騙同居討要分手費(圖)</A><BR>
<A href="#" target=_self>組圖：男女私處成造型“性”趣禮品太出格</A><BR>
<A href="#" target=_self>組圖：四川瀘州16歲女孩打造中國第一醜女</A><BR>
<A href="#" target=_self>最高法:承諾不判賴昌星死刑沒有超越法律程序</A><BR>
<A href="#" target=_self>深圳發現睪丸被摘男童屍體續：疑為1月前失蹤</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>養路費征稽員強制扣車致三輪車夫慘死車輪下</A><BR>
<A href="#" target=_self>20多位學者談中醫問題 方舟子遭多名專家批駁</A><BR>
<A href="#" target=_self>考研女生自稱揭露監考老師作弊 成績被判零分</A><BR>
<A href="#" target=_self>全國政協委員建議一戶一房制引起網民熱議</A><BR>
<A href="#" target=_self>河南周口市6名警察將人打昏後扔下樓摔死</A><BR>
<A href="#" target=_self>組圖：69歲老妻除皺成功 與少夫開始新生活</A><BR>
<A href="#" target=_self>青海女孩被困洗頭房每天接客十幾次(圖)</A><BR>
<A href="#" target=_self>美上將：解放軍不是美軍對手 導彈打不垮臺灣</A><BR>
<A href="#" target=_self>新疆阜康鐵路橋梁坍塌導致運煤列車脫軌</A><BR>
<A href="#" target=_self>鐵道部回應吳敬璉質疑:春運不漲價將長期堅持</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
</DIV>
<DIV id="cntR2">
<DIV id="NewsTop2">
<DIV id="NewsTop_tit2">
<P class="topTit">新聞排行</P>
<P class="topC0">國內</P>
<P class="topC0">國際</P>
<P class="topC0">社會</P>
<P class="topC0">網評</P>
</DIV>
<DIV id="NewsTop_cnt2">
<SPAN title="Don't delete me"></SPAN>
<SPAN>
<A href="#" target=_self>新疆阜康鐵路橋梁坍塌多節運煤車廂側翻墜河</A><BR>
<A href="#" target=_self>最高法:承諾不判賴昌星死刑沒有超越法律程序</A><BR>
<A href="#" target=_self>物權法:滿70年住宅建設用地使用權將自動續期</A><BR>
<A href="#" target=_self>弟弟被妻下藥毒死男子買女屍為其配陰婚(圖)</A><BR>
<A href="#" target=_self>揭開鄭州神槍手神秘面紗 頭號狙擊手是近視眼</A><BR>
<A href="#" target=_self>美軍高官:不排除和中國發生直接軍事對抗可能</A><BR>
<A href="#" target=_self>浙江東陽傳奇富姐吳英涉嫌非法吸收存款被批捕</A><BR>
<A href="#" target=_self>西方炒作"中國航母威脅論"稱05年已正式服役</A><BR>
<A href="#" target=_self>女孩生活無法自理請人大代表遞交安樂死議案</A><BR>
<A href="#" target=_self>建設部：住房公積金制度將覆蓋農民工</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>美華裔女兵在營房上吊死亡軍方介入調查(圖)</A><BR>
<A href="#" target=_self>組圖：美國總統布什車隊被撞</A><BR>
<A href="#" target=_self>夢露掌握肯尼迪之弟秘密遭誘騙自殺(組圖)</A><BR>
<A href="#" target=_self>孟加拉國嚴打貪官人人自危奔馳寶馬拋棄路邊</A><BR>
<A href="#" target=_self>韓國將舉行大規模軍事演習(圖文)</A><BR>
<A href="#" target=_self>組圖：土星最大衛星表面發現“海洋”</A><BR>
<A href="#" target=_self>墨西哥緝毒行動繳獲2億美元巨額現鈔(組圖)</A><BR>
<A href="#" target=_self>組圖：全球掀起裸體抗議加拿大捕獵海豹活動</A><BR>
<A href="#" target=_self>美潛艇在百慕大失蹤一晚航母戰群出動搜索</A><BR>
<A href="#" target=_self>匈牙利20萬人示威 政要被民眾扔雞蛋(組圖)</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>深圳女工被三名男子輪奸男友目睹過程(組圖)</A><BR>
<A href="#" target=_self>男子珍藏一角錢“幣王”價格高達1.3萬(圖)</A><BR>
<A href="#" target=_self>青海女孩被困洗頭房每天接客十幾次(圖)</A><BR>
<A href="#" target=_self>組圖：老妻少夫演繹忘年戀69歲妻子成功除皺</A><BR>
<A href="#" target=_self>陜西藍田縣電視臺播放淫穢影像 達10分鐘左右</A><BR>
<A href="#" target=_self>女子自稱被大學教授誘騙同居討要分手費(圖)</A><BR>
<A href="#" target=_self>組圖：男女私處成造型“性”趣禮品太出格</A><BR>
<A href="#" target=_self>組圖：四川瀘州16歲女孩打造中國第一醜女</A><BR>
<A href="#" target=_self>最高法:承諾不判賴昌星死刑沒有超越法律程序</A><BR>
<A href="#" target=_self>深圳發現睪丸被摘男童屍體續：疑為1月前失蹤</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
<SPAN>
<A href="#" target=_self>養路費征稽員強制扣車致三輪車夫慘死車輪下</A><BR>
<A href="#" target=_self>20多位學者談中醫問題 方舟子遭多名專家批駁</A><BR>
<A href="#" target=_self>考研女生自稱揭露監考老師作弊 成績被判零分</A><BR>
<A href="#" target=_self>全國政協委員建議一戶一房制引起網民熱議</A><BR>
<A href="#" target=_self>河南周口市6名警察將人打昏後扔下樓摔死</A><BR>
<A href="#" target=_self>組圖：69歲老妻除皺成功 與少夫開始新生活</A><BR>
<A href="#" target=_self>青海女孩被困洗頭房每天接客十幾次(圖)</A><BR>
<A href="#" target=_self>美上將：解放軍不是美軍對手 導彈打不垮臺灣</A><BR>
<A href="#" target=_self>新疆阜康鐵路橋梁坍塌導致運煤列車脫軌</A><BR>
<A href="#" target=_self>鐵道部回應吳敬璉質疑:春運不漲價將長期堅持</A><BR>
<div align="right"><A href="#" target=_self>...more</A></div>
</SPAN>
</DIV>
<SCRIPT>
var TagView=function(title,cnt,index){
var s=this;
this.flag=index||1;
var Tags=document.getElementById(title).getElementsByTagName('p');
var TagsCnt=document.getElementById(cnt).getElementsByTagName('span');
var len=Tags.length;
for(i=1;i<len;i++){
Tags[i].value = i;
Tags[i].onmouseover=function(){changeNav(this.value)};
TagsCnt[i].className='undis';
}
Tags[this.flag].className='topC1';
TagsCnt[this.flag].className='dis';
function changeNav(v){
Tags[s.flag].className='topC0';
TagsCnt[s.flag].className='undis';
s.flag=v;
Tags[v].className='topC1';
TagsCnt[v].className='dis';
}
}
new TagView('NewsTop_tit','NewsTop_cnt',1);//第一個
new TagView('NewsTop_tit2','NewsTop_cnt2',1);//第二,,,,然後第n個
</SCRIPT>
</DIV>
</DIV>
</BODY></HTML>

身為一個網站的策劃運營者，怎樣去運營和策劃似乎不是一個問題。將技術流程明確下來，將網站搭建起來，然後以用戶為中心，其他一切便紛至沓來?那麼，究竟什麼叫以用戶為中心?大多數網站，並不像搜索引擎那樣面對所有的互聯網用戶。事實上，總歸有那麼一部分用戶永遠不會成為你的用戶。究竟該如何取捨?這其實才是運營官必須要解決的問題。
　　很多人是這樣做網站的：嗯，這種功能很有趣，想必會有不少人用。於是，這個功能經過開發，一切上線後，運營者開始回過頭來尋找廣告商來支撐他/她的繼續運營。有什麼問題?問題就在於，他/她，一開始就忽略了客戶。因為有可能的確有不少人在用你開發的功能(比如說，使用一種名為網摘的功能)，但這些人，缺少共性，也就缺少了廣告商的興趣。在這個講究細分市場的年代，僅僅用三高特性(高收入、高層次教育、年齡成熟)來吸引廣告商，是遠遠不夠的。