-
CSS編寫(xiě)中靈活運(yùn)行注釋的意義
2008-04-18如果使用注釋的方法得當(dāng)?shù)脑?huà),為你的CSS文件添加注釋可以在開(kāi)發(fā)過(guò)程中給予你和其他人很大的幫助。最常見(jiàn)的是為CSS樣式規(guī)則添加提示信息,不過(guò)使用注釋對(duì)優(yōu)化組織結(jié)構(gòu)和提升效用也很有幫助。 提示和標(biāo)簽 這是注釋最常用的途徑,可以為自己或其他開(kāi)發(fā)人員留下提示信息可 -
新手如何系統(tǒng)的學(xué)習(xí)Web標(biāo)準(zhǔn)?
2008-04-17如果你還不知道 Web 標(biāo)準(zhǔn)是什么,那么我給一個(gè)定義:從 05 年開(kāi)始才在中國(guó)流行起來(lái)的一種做網(wǎng)頁(yè)的方式,并且現(xiàn)在保持著一定的熱度。新浪、網(wǎng)易這兩大門(mén)戶(hù)網(wǎng)站的首頁(yè)都是標(biāo)準(zhǔn)的(或接近標(biāo)準(zhǔn))。我這么定義,是說(shuō)作為一個(gè)新銳的網(wǎng)頁(yè)設(shè)計(jì)師,如果你現(xiàn)在還不知道 Web 標(biāo)準(zhǔn) -
Web設(shè)計(jì)國(guó)際一般流程
2008-04-151. 初始會(huì)商, 主要是收集該站點(diǎn)的關(guān)鍵信息,包括站點(diǎn)的目標(biāo)讀者.要發(fā)布的內(nèi)容.開(kāi)發(fā)Web服務(wù)器平臺(tái); 2. 概念開(kāi)發(fā) ,設(shè)計(jì)師根據(jù)收集的信息,開(kāi)始構(gòu)思,通常,設(shè)計(jì)師要把這些構(gòu)思用草圖的形式呈現(xiàn)給顧客,這個(gè)草圖要有整個(gè)網(wǎng)站的結(jié)構(gòu),不同的布局.設(shè)計(jì)及導(dǎo)航; 3. 內(nèi)容綜合 ,當(dāng)決定 -
網(wǎng)站最令人討厭的幾個(gè)用戶(hù)體驗(yàn)
2008-04-14互聯(lián)網(wǎng)發(fā)展這么多年,網(wǎng)站制作已經(jīng)非常成熟了,但是為了訪(fǎng)問(wèn)量的提升,不少網(wǎng)站都不顧用戶(hù)體驗(yàn)使用流氓手段,以下舉幾個(gè)典型的例子: 瘋狂分頁(yè): 一篇文章切割成N段,每一小段就是一頁(yè),特別是圖片類(lèi)的,甚至一張圖片一個(gè)網(wǎng)頁(yè),不僅造成帶寬浪費(fèi),而且瀏覽起來(lái)非常的不 -
用CSS使圖片自適應(yīng)顯示寬度
2008-04-14公司的項(xiàng)目中需要顯示由用戶(hù)提供URI鏈接的圖片,可是預(yù)先無(wú)法獲知圖片的尺寸大小,如果圖片尺寸過(guò)大將會(huì)影響頁(yè)面布局。最理想的解決方案自然是自動(dòng)生成縮略圖,涉及的后臺(tái)工作較為復(fù)雜,用CSS進(jìn)行控制是一個(gè)可以接受的捷徑。 如果用width屬性強(qiáng)行設(shè)定顯示尺寸似乎太不 -
純CSS制作的新聞網(wǎng)站中的文章列表
2008-04-14應(yīng)用CSS制作的新聞網(wǎng)站中的文章列表:ul是html中的無(wú)序列表,li是列表中的列表項(xiàng)。如果沒(méi)有CSS定義它的外觀(guān),它默認(rèn)是顯示成一列列表,并且它會(huì)存在項(xiàng)目符號(hào)(比如方塊或?qū)嵭牡暮邳c(diǎn))的列表內(nèi)容。CSS網(wǎng)頁(yè)布局中,除了新聞列表、鏈接運(yùn)行ul、li制作以外,我們通常將菜單也 -
看看網(wǎng)頁(yè)高手怎么理解Web標(biāo)準(zhǔn)
2008-04-12與老友閑聊,不想夜晚的貓子都很亢奮,聊了很多。Web標(biāo)準(zhǔn)及Div+CSS相關(guān)知識(shí)是老友很擅長(zhǎng)的,妙語(yǔ)連珠。我覺(jué)得聊天過(guò)程完整也較有意義,轉(zhuǎn)貼閑聊過(guò)程如下: 橫導(dǎo)航鏈接為什么要用UL+LI 為什么不直接在一行寫(xiě)上文本鏈接呢 列表本身就有列表符號(hào),同時(shí)列表項(xiàng)也要分行顯示 -
學(xué)習(xí)網(wǎng)站建設(shè)技術(shù)CSS布局心得
2008-04-12從開(kāi)始認(rèn)識(shí)CSS(DW4)那時(shí)起,我就知道了CSS的強(qiáng)大,但從未用CSS排版過(guò),因?yàn)槲以?jīng)嘗試過(guò)學(xué)習(xí),但感覺(jué)太難了 而且用DW的表格,所見(jiàn)及所得,做起頁(yè)面來(lái)非常的快,排版也容易的多,由于最近求職,很多公司都要求DIV,CSS,所以我再次嘗試學(xué)習(xí)。 1.學(xué)習(xí)方式 我以為,看別人的代碼是一個(gè) -
與表格邊框有關(guān)的CSS語(yǔ)法
2008-04-12表格 是數(shù)據(jù)的載體,不再是布局的方式,雖然我們不需要表格來(lái)進(jìn)行網(wǎng)頁(yè)布局了,但很多表格式的數(shù)據(jù),還是需要表格這一形式發(fā)揮它的作用!我們知道Dreamweaver在表格制作方面做得非常出色,但是在某些時(shí)候還是必須結(jié)合css才能達(dá)到一些特定效果,下面我們先把有關(guān)表格邊框 -
學(xué)DIV+CSS技術(shù),如何入門(mén)?
2008-04-12引用一本書(shū)中的一段文字:當(dāng)我第一次開(kāi)始學(xué)習(xí)漢語(yǔ)時(shí),我的家庭老師老王給了我一本漢英字典、一本漢語(yǔ)語(yǔ)法書(shū)和一本初級(jí)教程。但是,他將這些書(shū)放 在一個(gè)書(shū)筐里,并說(shuō)到下周才能派上用 -
中文排版CSS心得
2008-04-12數(shù)月來(lái)學(xué)習(xí)web標(biāo)準(zhǔn),并遵循標(biāo)準(zhǔn)設(shè)計(jì)和制作web頁(yè)面。一直想寫(xiě)點(diǎn)什么,整理一下自己的心得體會(huì)。寫(xiě)這篇文章,主要是針對(duì)中文排版設(shè)計(jì),英文排版因?yàn)楹苌僮觯圆簧婕啊?先介紹如何設(shè)定字體、顏色、大 -
網(wǎng)頁(yè)頁(yè)面框架架構(gòu)方法
2008-04-11做前端也有幾年時(shí)間了,不敢說(shuō)能把他看地多透,但是多多少少還是有些自己的東西。下面以 Tudou.com 的首頁(yè)為例,總結(jié)總結(jié)。 就制作而言,我將一張頁(yè)面分為四層:框架、布局、模塊、列表和數(shù)據(jù)塊。 一、框架 頁(yè)面的框架基本上都是:頭、主體、尾。但是對(duì)于一些頁(yè)面如Tud -
Web標(biāo)準(zhǔn)學(xué)習(xí):CSS樣式書(shū)寫(xiě)風(fēng)格
2008-03-25這個(gè)格式是我自創(chuàng)的,經(jīng)常有人問(wèn)我為什么,這里做個(gè)簡(jiǎn)單總結(jié): 1、分類(lèi),一個(gè)模塊或者同類(lèi)功能定義為一類(lèi)定義,每類(lèi)定義之間用段落隔開(kāi)。 2、分級(jí),每類(lèi)定義中的每個(gè)定義語(yǔ)句,根據(jù)結(jié)構(gòu)或語(yǔ)意級(jí)別使用Tab縮進(jìn)縱向?qū)R。 3、分?jǐn)啵總(gè)定義內(nèi)的每個(gè)屬性定義之間,用分號(hào) -
Css:制作一個(gè)更漂亮一些的多選列表框
2008-03-20我認(rèn)為多選列表具有完美的功能只需按下Ctrl鍵,同時(shí)點(diǎn)擊鼠標(biāo)從列表中選擇多個(gè)項(xiàng)目。以下是一個(gè)典型的多選列表框: 選出你最喜愛(ài)的快餐: 上面那個(gè)列表框的代碼如下: 以下為引用的內(nèi)容: form method=get action= bCheck your favorite fast food:/bbr/ SELECT MULTIPL -
無(wú)內(nèi)容div占據(jù)空間的觸發(fā)條件和解決方法
2008-03-10當(dāng)在div標(biāo)簽內(nèi)無(wú)任何內(nèi)容時(shí): div/div 如果給div元素b設(shè)置了寬度b時(shí),比如width:100%,此時(shí)div在IE中(IE6,IE7)將占據(jù)物理空間,而在FF中不占據(jù)物理空間(正確理解)。為了表述直觀(guān),將樣式直接寫(xiě)在元素標(biāo)簽內(nèi): div style=width:100%/div 此時(shí)在IE中到底是什么在影 -
Web標(biāo)準(zhǔn)學(xué)習(xí):保持清晰的文檔結(jié)構(gòu)
2008-03-04我十分支持Web標(biāo)準(zhǔn),并且認(rèn)為它提出的文檔對(duì)象模型(DOM,Document Object Model)是非常合理而且有用的。文檔對(duì)象模型讓我們脫離字符,在結(jié)構(gòu)層面高級(jí)方式操作文檔。 在網(wǎng)頁(yè)制作(HTML/XHTML)方面,遵循Web標(biāo)準(zhǔn)可以使網(wǎng)站的結(jié)構(gòu)更加合理。但是,新的標(biāo)準(zhǔn)總會(huì)導(dǎo)致一部分舊 -
Web頁(yè)面優(yōu)化減小頁(yè)面對(duì)內(nèi)存及CPU的占用
2008-02-26有的網(wǎng)頁(yè)看起來(lái)并不大但打開(kāi)會(huì)很卡,有的網(wǎng)頁(yè)雖然很長(zhǎng)但使用流暢,占用用戶(hù)電腦的內(nèi)存與CPU就影響這些。瀏覽器問(wèn)題,有各自的瀏覽器處理內(nèi)存問(wèn)題會(huì)影響到,但 -
高性能表現(xiàn)的div css網(wǎng)站
2008-02-25從2004年開(kāi)始,我開(kāi)始進(jìn)入雅虎的異常表現(xiàn)小組。我們是一個(gè)很小的隊(duì)伍,專(zhuān)門(mén)針對(duì)雅虎的產(chǎn)品進(jìn)行質(zhì)量檢測(cè)和改進(jìn),我作為一個(gè)后端工程師,現(xiàn)在卻開(kāi)始搗鼓前端代碼 -
高性能表現(xiàn)的div+css網(wǎng)站
2008-02-25從2004年開(kāi)始,我開(kāi)始進(jìn)入雅虎的異常表現(xiàn)小組。我們是一個(gè)很小的隊(duì)伍,專(zhuān)門(mén)針對(duì)雅虎的產(chǎn)品進(jìn)行質(zhì)量檢測(cè)和改進(jìn),我作為一個(gè)后端工程師,現(xiàn)在卻開(kāi)始搗鼓前端代碼優(yōu)化方面的工程,所以我認(rèn)為這是一個(gè)極好的進(jìn)步的機(jī)會(huì)。我的目標(biāo)是改進(jìn)用戶(hù)端體驗(yàn),我度量了在各個(gè)帶寬下瀏 -
大型Web2.0站點(diǎn)構(gòu)建技術(shù)初探
2008-02-14Web2.0網(wǎng)站是指將傳統(tǒng)的網(wǎng)站構(gòu)架(平臺(tái)、內(nèi)容源、用戶(hù)、傳播方式等)轉(zhuǎn)化到以用戶(hù)為核心的網(wǎng)站構(gòu)架上來(lái),包括一系列體現(xiàn)web2.0概念的元素、定位和創(chuàng)意。web2.0
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS網(wǎng)頁(yè)布局語(yǔ)義化探討
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- W3C驗(yàn)證中10個(gè)常見(jiàn)問(wèn)題
- DIV CSS\讓搜索引擎蜘蛛不再累
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
- 結(jié)構(gòu)(Structure)表現(xiàn)(Presentation)和行為(Behavior)
- CSS如何定義文字大小以體現(xiàn)用戶(hù)體驗(yàn)
- CSS中HTML標(biāo)簽語(yǔ)義化詳解
- 幾種CSS及網(wǎng)站開(kāi)發(fā)常犯的錯(cuò)誤
猜你也喜歡看這些
- 相關(guān)鏈接:
- 欄目說(shuō)明:
WEB 標(biāo)準(zhǔn)教程:提供WEB 標(biāo)準(zhǔn)教程,WEB 2.0 標(biāo)準(zhǔn)教程.