GONE WITH THE WIND

          --tomorrow is another day

            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理 ::
            30 隨筆 :: 19 文章 :: 0 評(píng)論 :: 0 Trackbacks

          2009年4月2日 #

          LI代碼的格式化:
          A).運(yùn)用CSS格式化列表符: ul li{
          list-style-type:none;
          }
          B).假如你想將列表符換成圖像,則: ul li{
          list-style-type:none;
          list-style-image: url(/blog/images/icon.gif);
          }
          C).為了左對(duì)齊,可以用如下代碼: ul{
          list-style-type:none;
          margin:0px;
          }
          D).假如想給列表加背景色,可以用如下代碼: ul{
          list-style-type: none;
          margin:0px;
          }
          ul li{
          background:#CCC;
          }
          E).假如想給列表加MOUSEOVER背景變色效果,可以用如下代碼: ul{ list-style-type: none; margin:0px; }
          ul li a{ display:block; width: 100%; background:#ccc; }
          ul li a:hover{ background:#999; }說明:display:block;這一行必須要加的,這樣才能塊狀顯示!

          F).LI中的元素水平排列,要害FLOAT:LEFT: ul{
          list-style-type:none;
          width:100%;
          }
          ul li{
          width:80px;
          float:left;
          }
          <ul><li>的區(qū)別
          <LI> 的參數(shù)設(shè)定(常用):
           


          例如: <li type="square" value="4">

          type="square"
          只適用于非順序清單,設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type="disc":
          符號(hào) 是當(dāng) type="disc" 時(shí)的列項(xiàng)符號(hào)。
          符號(hào) if" width=10 height=10 border=0> 是當(dāng) type="circle" 時(shí)的列項(xiàng)符號(hào)。
          符號(hào) 是當(dāng) type="square" 時(shí)的列項(xiàng)符號(hào)。
          value="4"
          只適用于順序清單,設(shè)定該一項(xiàng)的數(shù)目,其後各項(xiàng)將以此作為起始數(shù)目而遞增,但前面各項(xiàng)則不受影響,其值只能是 1,2,3.. 等整數(shù),沒有內(nèi)定值。
          <UL>稱為無序清單標(biāo)記。
          所謂無序清單就是在每一項(xiàng)前面加上 、、等符號(hào),故又稱符號(hào)清單。
          <UL> 的參數(shù)設(shè)定(常用):
          例如: <UL type="square">

          type="square"
          設(shè)定符號(hào)款式,其值有三種,如下,內(nèi)定為 type="disc":
          符號(hào) 是當(dāng) type="disc" 時(shí)的列項(xiàng)符號(hào)。
          符號(hào) 是當(dāng) type="circle" 時(shí)的列項(xiàng)符號(hào)。
          符號(hào) 是當(dāng) type="square" 時(shí)的列項(xiàng)符號(hào)。

          <ul>是項(xiàng)目列表,<li>是列表項(xiàng),項(xiàng)目列表就是用符號(hào)來列的,所以你列出來默認(rèn)的就是黑點(diǎn)啦,還有一個(gè)是<ol>這個(gè)是編號(hào)列表,用數(shù)字來列的,也是用<li>做列表項(xiàng)

           


          <li>是 list item 即列表項(xiàng),但列表有很兩種,所以外面得有 <ul> 或者 <ol> 用來區(qū)別無序列表(小點(diǎn)點(diǎn))和有序列表(1,2,3...)。

          posted @ 2009-04-13 09:22 張永耀 閱讀(398) | 評(píng)論 (0)編輯 收藏

          (from:http://www.0574dh.com/article.asp?id=420)

          /* mozilla.org Base Styles
          * maintained by fantasai
          * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup)
          */
          /* Suggested order:
          //顯示屬性
          * display
          * list-style
          * position
          * float
          * clear
          //自身屬性
          * width
          * height
          * margin
          * padding
          * border
          * background
          //文本屬性
          * color
          * font
          * text-decoration
          * text-align
          * vertical-align
          * white-space
          * other text
          * content
          *
          */
          posted @ 2009-04-08 12:31 張永耀 閱讀(186) | 評(píng)論 (0)編輯 收藏

          (from: http://www.webwoo.net/bc/bencandy-38-20144-1.htm)
          優(yōu)化代碼:網(wǎng)頁技術(shù)CSS的font屬性的縮寫的技巧,縮寫有利于減少代碼,優(yōu)化CSS,使之更加合理。

            css font屬性是用來控制文字字體、顏色、大小等。而font的屬性有多種,在通常情況下,我們用縮寫的辦法將多種屬性概括在一句css代碼中。這樣極大的減小了代碼,優(yōu)化css文件。

            我們常用的font屬性有下面這六種:

          font-style設(shè)定斜體 如:font-style: italic;
          font-weight設(shè)定文字粗細(xì) 如:font-weight: bold;
          font-size設(shè)定文字大小 如:font-size: 12px;
          line-height設(shè)定行距 如:line-height: 150%;
          color設(shè)定文字顏色(注意不是font-color) 如:color: red;
          font-family設(shè)定字體 如:font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;

            上述的屬性,我們可以概括寫在一行font屬性里。需要注意的是color屬性我們需要單獨(dú)定義。

          font: italic bold 12px/150% "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif;}

            上面的例子用一行來定義font屬性,分別是:font-style font-weight font-size line-height font-family;而color設(shè)定文字顏色需要單獨(dú)進(jìn)行定義。

          posted @ 2009-04-08 12:30 張永耀 閱讀(195) | 評(píng)論 (0)編輯 收藏

          使用PHP編程的人都會(huì)碰到這樣一個(gè)問題:當(dāng)PHP代碼和HTML代碼在一起的時(shí)候,看PHP代碼很費(fèi)勁,整個(gè)文件也無法用Dreamweaver來編輯,這對(duì)于PHP程序員和美工來講,修改這樣的文件就象一個(gè)噩夢(mèng)。
          PHP中的模板(Template)技術(shù)就是為了解決這個(gè)問題而出現(xiàn)的。PHP模板類有很多,比較常見的是 FastTemplate 和 PHPLib, 因?yàn)槌霈F(xiàn)得早,在PHP編程界名聲很大。PHP程序員不知道這兩個(gè)類,就象VB程序員不知道MsgBox函數(shù)一樣,是一件不可思議的事情。
          以前我們需要去下載PHP模板類,現(xiàn)在PHP4有了自己的模板類 IntegratedTemplate 和 IntegratedTemplateExtension,功能和PHPLib 差不多。這兩個(gè)類是子類和父類的關(guān)系。一般我們用 IntegratedTemplateExtension 就可以了。讓人感到不可思議的是 IntegratedTemplate 不是從 PEAR 類繼承過來,無法用到 PEAR 類的 debug 功能。
          以下舉例子說明它們的用法,假設(shè) IntegratedTemplate 類和 IntegratedTemplateExtension 類分別在 C:\php4\pear\HTML\ITX.php 和 C:\php4\pear\HTML\ITX.php 中。我們寫的代碼放在C:\TestPHP\PHP4\Welcome.htm 和 C:\TestPHP\HTML\Welcome.php 中。將C:\TestPHP\PHP4 在Web Server 上設(shè)成虛擬目錄 /testphp 并且給與腳本執(zhí)行權(quán)限,確認(rèn)C:\TestPHP\HTML\Welcome.htm 無法通過遠(yuǎn)端瀏覽器訪問。在 php.ini 里面設(shè)置 include_path = ".;C:\php4\pear"
          例1:
          我們?cè)贖TML文件中放置變量的標(biāo)記,用PHP代碼設(shè)置變量的值,然后將HTML中的標(biāo)記替換掉,最后輸出到客戶瀏覽器。
          以下是 Welcome.htm 代碼,我們放了三個(gè)PHP tag(變量標(biāo)記)為: {WelcomeTitle}、{UserName}、{WelcomeMessage}



          您好,{UserName}


          {WelcomeMessage}



          以下是Welcome.php代碼
          <?php
          require_once "HTML/ITX.php";

          //以下是給變量賦值,在實(shí)際代碼中可能從Database中取得數(shù)據(jù)然后賦值
          $WelcomeTitle = "歡迎來到網(wǎng)頁天堂";
          $UserName = "皮皮魯";
          $WelcomeMessage = "您的到來讓我們深感榮幸!";

          //一般來說這種全局變量放在單獨(dú)的一個(gè)文件中,便于維護(hù)
          $HTML_CODE_FILE_ROOT = "../HTML/";

          $tpl = new IntegratedTemplateExtension($HTML_CODE_FILE_ROOT);

          指定要替換 tag 的 HTML 文件
          $tpl->loadTemplatefile("Welcome.htm");

          替換HTML 文件中的 tag
          $tpl->setVariable( array (
          "WelcomeTitle" => $WelcomeTitle,
          "UserName" =>$UserName,
          "WelcomeMessage" =>$WelcomeMessage
          ) );

          輸出替換后的 HTML
          $tpl->show();
          ?>

          這樣寫好后,Welcome.htm 仍然可以使用網(wǎng)頁編輯器如Dreamweaver、FrontPage 進(jìn)行編輯,Welcome.php中是純粹的PHP代碼,不含HTML,方便以后的代碼修改和維護(hù)。
          如果將 IntegratedTemplateExtension 類和 PHP4中的 Cache 類 聯(lián)合使用,在速度上可以得到很好的效果。
          PHP4 模板類還可以使用 Block,配合其他 PHP4 中的類 可以很輕松地實(shí)現(xiàn)數(shù)據(jù)庫數(shù)據(jù)檢索的翻頁,可以很輕松寫出論壇之類的軟件。

          補(bǔ)充說明:為了防止用戶直接用 Welcome.htm 看網(wǎng)頁,將 Welcome.htm 放在客戶訪問不到的目錄(只要不在Web Server 的虛擬目錄下即可)。對(duì)于大型的PHP項(xiàng)目,圖片、PHP代碼、HTML文件、多語言字符串文件都應(yīng)該放在不同的目錄,這樣在多人共同做一個(gè)項(xiàng)目時(shí)不至于混亂。
          posted @ 2009-04-08 12:29 張永耀 閱讀(369) | 評(píng)論 (0)編輯 收藏

          分離內(nèi)容和表現(xiàn)
          HTML從來就不是表現(xiàn)的手段,但從用戶端結(jié)合元素來格式化文本,開發(fā)者從中找到操作布局的方法。CSS的強(qiáng)大,使得現(xiàn)在不再需要用HTML做任何表現(xiàn)了,而內(nèi)容也可以完全從表現(xiàn)(CSS)中分離出來。

          這樣做有很多好處──通常可以壓縮文件容量,有著用一個(gè)主要樣式表就可控制整個(gè)網(wǎng)站而不是單個(gè)頁面的靈活性,也可能使頁面更易用,更具親和力。

          遵循這些基本原則基本上意味著你不應(yīng)該在HTML內(nèi)使用樣式化的任何事物了。比如font的標(biāo)簽,比如bgcolor的屬性不應(yīng)該再使用。甚至在圖像標(biāo)簽img內(nèi)的邊框?qū)傩詁order在XHTML 1.1中也是非法的了。別擔(dān)心,過時(shí)的HTML可以樣式化,CSS更可以樣式化,而且可以做得更好。

          不僅僅是從HTML內(nèi)剝離表現(xiàn),內(nèi)容的結(jié)構(gòu)意味著在適合的地方使用明確的HTML標(biāo)簽。比如,h1,h2等應(yīng)用在標(biāo)題上──而不僅僅是使用CSS使字體變大而已。

          最佳指引就是一個(gè)可視化的瀏覽器上使用其默認(rèn)的樣式來呈現(xiàn)一個(gè)沒有樣式表(或者有樣式表,但不支援樣式表的文本瀏覽器,比如lynx——譯者注)的頁面。

          表格不應(yīng)該用在布局上──表格用來表示表格式的數(shù)據(jù)(我們已經(jīng)不厭其煩地說了很多次──譯者注)。也許對(duì)于已經(jīng)習(xí)慣傳統(tǒng)結(jié)構(gòu)的HTMLer來說,完全改變有很大的技術(shù)難度。這個(gè)方法很大程度上壓縮了文件,而且,基于這些顯性代碼,它變得更易用,更具親和力。

          關(guān)于更多,請(qǐng)閱讀CSS高級(jí)指南的布局。


          在XHTML中所有的標(biāo)簽都必須小寫和關(guān)閉。沒有閉合標(biāo)簽的(如br和img)必須用英文半角正斜杠“/”在后面自關(guān)閉(如<br />)。注意在斜杠前應(yīng)該有一個(gè)英文半角空格。

          標(biāo)記也必須是合式的,使元素正確嵌套(比如<strong><em>this</em></strong>,而不是<strong><em>this</strong></em>)。

          所有的文檔都要有html,head,title和body元素。也必須從文檔類型聲明開始。

          文檔主體應(yīng)該從 p, h1,h2, h3,h4,h5,h6,div, pre,address,ins或者del開始。

          屬性
          所有的屬性必須是小寫的,它們的值也要用英文半角引號(hào)括(")起來。

          精簡(jiǎn)屬性是不允許的(比如<input type="checkbox" checked />)。按慣例,精簡(jiǎn)屬性必須給出跟屬性名稱一樣的值(如 <input type="checkbox" checked="checked" />)。

          名字 name屬性不再是合法的了(除了在表單元素中),應(yīng)該使用id來代替。

          目標(biāo)屬性target不是一個(gè)合法的屬性。慶幸吧,它有些癲狂。

          在img里,alt屬性是必須的。

          親和力
          為殘障人士制做具有親和力網(wǎng)頁的理由是不證而明的。不僅是人道的,而且也對(duì)老年用戶和五官功能減退的用戶有利(想一想,有一天我們老了,視力消退,五官不靈,怎么瀏覽互聯(lián)網(wǎng)?為年老積點(diǎn)德,現(xiàn)在就考慮親和力吧!——譯者注)。親和力不僅與有嚴(yán)重殘障人士方便,也使大部分少量消退功能(特別是視覺)的用戶更為易用。

          這個(gè)問題越來越牽涉法律問題了,比如美國的“508條款”的采用,試圖積極推動(dòng)強(qiáng)制使用親和力;在英國,所有的政府網(wǎng)站必須有一個(gè)指定的親和力程度。什么時(shí)候才可以有像在建筑物上的親和措施的立法,以便普遍用在商業(yè)網(wǎng)站上?(中國還不知道什么時(shí)候有這種立法呢!但不等于我們就不要關(guān)注我們?cè)O(shè)計(jì)的網(wǎng)頁的合法性。——譯者注)

          如果能遵循上述的建議,你的HTML應(yīng)該已經(jīng)具備了為殘障用戶服務(wù)的高度親和力。還有更多的創(chuàng)作使你的親和力更上一層樓,而且不難。見親和連接和親和表單指南。

          posted @ 2009-04-08 12:28 張永耀 閱讀(363) | 評(píng)論 (0)編輯 收藏

          怎么改善現(xiàn)有網(wǎng)站

          我們大部分的設(shè)計(jì)師依舊在采用傳統(tǒng)的表格布局、表現(xiàn)與結(jié)構(gòu)混雜在一起的方式來建立網(wǎng)站。學(xué)習(xí)使用XHTML CSS的方法需要一個(gè)過程,使現(xiàn)有網(wǎng)站符合網(wǎng)站標(biāo)準(zhǔn)也不可能一步到位。最好的方法是循序漸進(jìn),分階段來逐步達(dá)到完全符合網(wǎng)站標(biāo)準(zhǔn)的目標(biāo)。如果你是新手,或者對(duì)代碼不是很熟悉,也可以采用遵循標(biāo)準(zhǔn)的編輯工具,例如Dreamweaver MX 2004,它是目前支持CSS標(biāo)準(zhǔn)最完善的工具。

          1.初級(jí)改善

          • 為頁面添加正確的DOCTYPE

          很多設(shè)計(jì)師和開發(fā)者都不知道什么是DOCTYPE,DOCTYPE有什么用。DOCTYPE是document type的簡(jiǎn)寫。主要用來說明你用的XHTML或者HTML是什么版本。瀏覽器根據(jù)你DOCTYPE定義的DTD(文檔類型定義)來解釋頁面代碼。所以,如果你不注意設(shè)置了錯(cuò)誤的DOCTYPE,結(jié)果會(huì)讓你大吃一驚。XHTML1.0提供了三種DOCTYPE可選擇:

          (1)過渡型(Transitional )

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

          (2)嚴(yán)格型(Strict )

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

          (3)框架型(Frameset )

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

          對(duì)于我們初級(jí)改善來說,只要選用過渡型的聲明就可以了。它依然可以兼容你的表格布局、表現(xiàn)標(biāo)識(shí)等,不至于讓你覺得變化太大,難以掌握。

          Tip:你懶得輸入上面過渡型代碼的話,可以訪問http://www.macromedia.com/網(wǎng)站的首頁,然后查看源代碼,把head區(qū)同樣的代碼拷貝粘貼就可以了。

          • 設(shè)定一個(gè)名字空間(Namespace)

          直接在DOCTYPE聲明后面添加如下代碼:

          <html XMLns="http://www.w3.org/1999/xhtml" >

          一個(gè)namespace是收集元素類型和屬性名字的一個(gè)詳細(xì)的DTD,namespace聲明允許你通過一個(gè)在線地址指向來識(shí)別你的namespace。只要照樣輸入代碼就可以。

          • 聲明你的編碼語言

          為了被瀏覽器正確解釋和通過標(biāo)識(shí)校驗(yàn),所有的XHTML文檔都必須聲明它們所使用的編碼語言。代碼如下:

          <meta http-equiv="Content-Type" content="text/html; charset=GB2312" />

          這里聲明的編碼語言是簡(jiǎn)體中文GB2312,你如果需要制作繁體內(nèi)容,可以定義為BIG5。

          • 用小寫字母書寫所有的標(biāo)簽

          XML對(duì)大小寫是敏感的,所以,XHTML也是大小寫有區(qū)別的。所有的XHTML元素和屬性的名字都必須使用小寫。否則你的文檔將被W3C校驗(yàn)認(rèn)為是無效的。例如下面的代碼是不正確的:

          <TITLE>公司簡(jiǎn)介</TITLE>

          正確的寫法是:

          <title>公司簡(jiǎn)介</title>

          同樣的,<P>改成<p>,<B>改成<b>等等。這步轉(zhuǎn)換很簡(jiǎn)單。
          • 為圖片添加 alt 屬性

          為所有圖片添加alt屬性。alt屬性指定了當(dāng)圖片不能顯示的時(shí)候就顯示供替換文本,這樣做對(duì)正常用戶可有可無,但對(duì)純文本瀏覽器和使用屏幕閱讀機(jī)的用戶來說是至關(guān)重要的。只有添加了alt屬性,代碼才會(huì)被W3C正確性校驗(yàn)通過。注意的是我們要添加有意義的alt屬性,象下面這樣的寫法毫無意義:

          <img src="logo_unc_120x30.gif" alt="logo_unc_120x30.gif">

          正確的寫法:

          <img src="logo_unc_120x30.gif" alt="UNC公司標(biāo)志,點(diǎn)擊返回首頁">

          • 給所有屬性值加引號(hào)

          在HTML中,你可以不需要給屬性值加引號(hào),但是在XHTML中,它們必須被加引號(hào)。

          例:height="100",而不能是height=100。

          • 關(guān)閉所有的標(biāo)簽

          在XHTML中,每一個(gè)打開的標(biāo)簽都必須關(guān)閉。就象這樣:

          <p>每一個(gè)打開的標(biāo)簽都必須關(guān)閉。</p>

          <b>HTML可以接受不關(guān)閉的標(biāo),XHTML就不可以。</b>

          這個(gè)規(guī)則可以避免HTML的混亂和麻煩。舉例來說:如果你不關(guān)閉圖像標(biāo)簽,在一些瀏覽器中就可能出現(xiàn)CSS顯示問題。用這種方法能確保頁面和你設(shè)計(jì)的一樣顯示。需要說明的是:空標(biāo)簽也要關(guān)閉,在標(biāo)簽尾部使用一個(gè)正斜杠"/"來關(guān)閉它們自己。例如:

          <br />

          <img src="webstandards.gif" />

          經(jīng)過上述七個(gè)規(guī)則處理后,頁面就基本符合XHTML1.0的要求。但我們還需要校驗(yàn)一下是否真的符合標(biāo)準(zhǔn)了。我們可以利用W3C提供免費(fèi)校驗(yàn)服務(wù)(http://validator.w3.org/)。發(fā)現(xiàn)錯(cuò)誤后逐個(gè)修改。在后面的資源列表中我們也提供了其他校驗(yàn)服務(wù)和對(duì)校驗(yàn)進(jìn)行指導(dǎo)的網(wǎng)址,可以作為W3C校驗(yàn)的補(bǔ)充。當(dāng)最后通過了XHTML驗(yàn)證,恭喜你已經(jīng)向網(wǎng)站標(biāo)準(zhǔn)邁出了一大步。不是想象中的那么難吧!

          2.中級(jí)改善

          接下來我們的改善主要在結(jié)構(gòu)和表現(xiàn)相分離上,這一步不象第一步那么容易實(shí)現(xiàn),我們需要觀念上的轉(zhuǎn)變,以及對(duì)CSS2技術(shù)的學(xué)習(xí)和運(yùn)用。但學(xué)習(xí)任何新知識(shí)都需要花點(diǎn)時(shí)間的,不是嗎?訣竅在于邊做邊學(xué)。假如你一直采用表格布局,根本沒用過 CSS,也不必急于跟表格布局說再見,你可以先用樣式表代替 font 標(biāo)簽。隨著你學(xué)到的越多,你能做的就越多。好,一起來看看我們需要做哪些事:

          • 用CSS定義元素外觀

          我們?cè)趯憳?biāo)識(shí)時(shí)已經(jīng)養(yǎng)成習(xí)慣,當(dāng)希望字體大點(diǎn)就用<h1>,希望在前面加個(gè)點(diǎn)符號(hào)就用<li>。我們總是想<h1>的意思是大的,<li>的意思是圓點(diǎn),<b>的意思是“加粗文本”。而實(shí)際上, <h1>能變成你想要的任何樣子,通過CSS,<h1>能變成小的字體,<p>文本能夠變成巨大的、粗體的,<li>能夠變成一張圖片等等。我們不能強(qiáng)迫用結(jié)構(gòu)元素實(shí)現(xiàn)表現(xiàn)效果,我們應(yīng)該使用CSS來確定那些元素的外觀。例如,我們可以使原來默認(rèn)的6級(jí)標(biāo)題可以看起來大小一樣:

          h1, h2, h3, h4, h5, h6{ font-family: 宋體, serif; font-size: 12px; }

          • 用結(jié)構(gòu)化元素代替無意義的垃圾

          許多人可能從來都不知道HTML和XHTML元素設(shè)計(jì)本意是用來表達(dá)結(jié)構(gòu)的。我們很多人已經(jīng)習(xí)慣用元素來控制表現(xiàn),而不是結(jié)構(gòu)。例如,一段列表內(nèi)容可能會(huì)使用下面這樣的標(biāo)識(shí):

          句子一<br /> 句子二<br /> 句子三<br />

          如果我們采用一個(gè)無序列表代替會(huì)更好:

          <ul> <li>句子一</li> <li>句子二</li> <li>句子三</li> </ul>

          你或許會(huì)說“但是<li>顯示的是一個(gè)圓點(diǎn),我不想用圓點(diǎn)”。事實(shí)上,CSS沒有設(shè)定元素看起來是什么樣子,你完全可以用CSS關(guān)掉圓點(diǎn)。

          • 給每個(gè)表格和表單加上id

          給表格或表單賦予一個(gè)唯一的、結(jié)構(gòu)的標(biāo)記,例如

          <table id="menu">

          接下來,在書寫樣式表的時(shí)候,你就可以創(chuàng)建一個(gè)“menu”的選擇器,并且關(guān)聯(lián)一個(gè)CSS規(guī)則,用來告訴表格單元、文本標(biāo)簽和所有其他元素怎么去顯示。這樣,不需要對(duì)每個(gè)<td>標(biāo)簽附帶一些多余的、占用帶寬的表現(xiàn)層的高、寬、對(duì)齊和背景顏色等等屬性。只需要一個(gè)附著的標(biāo)記(標(biāo)記“menu”的id標(biāo)記),你就可以在一個(gè)分離的樣式表內(nèi)為干凈的、緊湊的代碼標(biāo)記進(jìn)行特別的表現(xiàn)層處理。

          中級(jí)改善我們這里先列主要的三點(diǎn),但其中包含的內(nèi)容和知識(shí)點(diǎn)非常多,需要我們逐步學(xué)習(xí)和掌握,直到最后實(shí)現(xiàn)完全采用CSS而不才用任何表格實(shí)現(xiàn)布局。

          posted @ 2009-04-08 12:21 張永耀 閱讀(135) | 評(píng)論 (0)編輯 收藏

          CREATE USER 'dream2008'@'%' IDENTIFIED BY 'dream1234';
          GRANT ALL PRIVILEGES ON *.* TO 'dream2008'@'localhost' IDENTIFIED BY 'dream1234'WITH GRANT OPTION


          MAX_QUERIES_PER_HOUR 0 MAX_CONNECTIONS_PER_HOUR 0 MAX_UPDATES_PER_HOUR 0 MAX_USER_CONNECTIONS 0;

          MYSQL數(shù)據(jù)庫實(shí)用學(xué)習(xí)資料之常用命令集合
          2007-10-12 源自:賽迪網(wǎng) 網(wǎng)友評(píng)論 0 條 進(jìn)入視頻教程
          Mysql數(shù)據(jù)庫是一個(gè)多用戶,多線程的關(guān)系型數(shù)據(jù)庫,是一個(gè)客戶機(jī)/服務(wù)器結(jié)構(gòu)的應(yīng)用程序。它是對(duì)個(gè)人用戶和商業(yè)用戶是免費(fèi)的.


          Mysql數(shù)據(jù)庫具有以下優(yōu)點(diǎn):


          1.同時(shí)訪問數(shù)據(jù)庫的用戶的數(shù)量不受限制

          2.可以保存超過5千萬條的記錄

          3.是目前市場(chǎng)上現(xiàn)有數(shù)據(jù)庫產(chǎn)品中運(yùn)行速度最快的數(shù)據(jù)庫系統(tǒng)

          4.用戶權(quán)限設(shè)置簡(jiǎn)單、有效。


          Mysql數(shù)據(jù)庫常用命令:


          啟動(dòng)Mysql數(shù)據(jù)庫


          C:/>cd Mysql5.0/bin

          C:/Mysql5.0/bin>mysqld –install 安裝Mysql服務(wù)

          C:/Mysql5.0/bin>net start mysql 啟動(dòng)Mysql服務(wù)

          請(qǐng)求的服務(wù)已經(jīng)啟動(dòng)。


          連接mysql

          用戶需要提供Mysql的用戶名和密碼來連接服務(wù)器,如果服務(wù)器不是在本機(jī),則還需要一個(gè)主機(jī)名或IP來指定服務(wù)器的位置。

          C:/Mysql5.0/bin>mysql -h localhost -u root -p

          Enter password: ****

          Welcome to the MySQL monitor. Commands end with ; or /g.

          Your MySQL connection id is 6 to server version: 5.0.18-nt


          Type 'help;' or '/h' for help. Type '/c' to clear the buffer.


          mysql>

          使用一條簡(jiǎn)單的查詢語句


          mysql> select version(),current_date;

          mysql> select version();select now();


          新建或刪除一個(gè)數(shù)據(jù)庫


          Mysql>create database mydb;

          Mysql> drop database mydb;


          打開的數(shù)據(jù)庫的命令


          mysql> use mysql

          Database changed


          查看數(shù)據(jù)庫的命令


          mysql> show databases;


          查看數(shù)據(jù)表的詳細(xì)結(jié)構(gòu)


          mysql> desc func;


          新建數(shù)據(jù)庫


          mysql> create database school;

          Query OK, 1 row affected (0.00 sec)


          新建表


          mysql> create table user01(

          -> id varchar(20) NOT NULL,

          -> userName varchar(10) NOT NULL,

          -> age int(11) default'0',

          -> sex char(2) NOT NULL default'm',

          -> PRIMARY KEY (id)

          -> )TYPE=InnoDB;

          Query OK, 0 rows affected, 1 warning (0.02 sec)mysql>desc student;


          插入和刪除表中的數(shù)據(jù)


          Create table student(stuName varchar(20),age varchar(20),id varchar(20),set0 char(1));


          插入


          mysql> insert into student(id,stuName) values('1','tomcat');

          Query OK, 1 row affected (0.00 sec)


          刪除


          mysql> delete from student where id='1';

          Query OK, 1 row affected (0.01 sec)


          刪除表中所有數(shù)據(jù)


          mysql> truncate table student;

          Query OK, 1 row affected (0.01 sec)


          刪除表


          mysql> create table temp(t varchar(1));

          Query OK, 0 rows affected (0.00 sec)


          mysql> drop table temp;

          Query OK, 0 rows affected (0.00 sec)


          創(chuàng)建新用戶并給予權(quán)限


          mysql> grant all privileges on *.* to dbuser@localhost identified by '1234'

          with grant option;


          更改Mysql用戶密碼


          c:/Mysql5.0/bin>mysqladmin -u root -p password 1234

          Enter password: ****


          備份數(shù)據(jù)庫及表


          我們用mysqldump命令來備份數(shù)據(jù)庫

          c:/mysql/bin/>mysqldump –u root –p 3306 mysql>d:/backup.sql

          執(zhí)行此語句將把mydb 備份到D盤的backup.sql文件中


          備份多個(gè)數(shù)據(jù)庫表


          c:/mysql/bin/>mysqldump –u root –p 3306 school user01 user >d:/backup.sql

          此句的意思是把school庫中的user01表和user表的內(nèi)容和表的定義備份到D盤backup.sql文件中。


          備份所有的數(shù)據(jù)庫


          c:/myql/bin>mysqldump –u root –p 3306 –all –database>d:backup.sql


          還原Mysql數(shù)據(jù)庫

          c:/mysql/bin/mysql –u root –p 3306 school

          還原其中的一個(gè)表


          mysql> source d:/books.sql;

          ERROR:

          Unknown command '/b'.

          Query OK, 0 rows affected (0.00 sec)

          Query OK, 1 row affected (0.00 sec)


          退出Mysql連接


          mysql>quit(exit)


          關(guān)閉mysql服務(wù)


          C:/mysql/bin>net mysql

          (責(zé)任編輯:盧兆林)


          mysql4.0.26 win32 下載及安裝方法
          [color=blue]mysql4.0.26安裝方法:[/color]
            
               解壓下載后的mysql-4.0.26-win32.rar,執(zhí)行setup.exe,默認(rèn)安裝,一路NEXT就可以了.
              
               安裝完畢后,在“開始”菜單的“運(yùn)行”中輸入:C:\MySQL\bin\mysqld-nt.exe -install ([color=Red]這個(gè)版本建議安裝在C盤[/color]),運(yùn)行成功之后再在“開始”菜單的“運(yùn)行”輸入:net mysql start ,將會(huì)啟動(dòng) MySQL 服務(wù).
              
               默認(rèn)管理員root 密碼空 請(qǐng)使用PHPMYADMIN 修改.

          [color=red]注: 這個(gè)版本建議安裝在C盤,如果安裝后不能啟動(dòng),重啟服務(wù)器后,請(qǐng)直接到系統(tǒng)服務(wù)里面去啟動(dòng)MYSQL.

          [/color][color=Blue]怎么刪除mysql服務(wù)?[/color]
          開始-運(yùn)行-CMD-進(jìn)入MYsql的安裝目錄下的bin目錄輸入下面命令
          D:\mysql5\bin>mysqld-nt.exe -remove

           


           

          posted @ 2009-04-02 15:10 張永耀 閱讀(633) | 評(píng)論 (0)編輯 收藏

          主站蜘蛛池模板: 南平市| 丽江市| 张家界市| 日土县| 临海市| 滨州市| 成都市| 南木林县| 桑日县| 贵州省| 苏州市| 宽城| 湘阴县| 潜山县| 怀来县| 濮阳市| 阳原县| 蒙山县| 土默特右旗| 婺源县| 广汉市| 汽车| 汝州市| 景洪市| 武邑县| 无为县| 南乐县| 夏津县| 武陟县| 岳池县| 呈贡县| 视频| 克拉玛依市| 玉环县| 苏尼特右旗| 高淳县| 宽甸| 筠连县| 定远县| 棋牌| 六枝特区|