[p]css樣式中的postion元素，它有四個(gè)不同的屬性，即staticrelative。[/p]static:默認(rèn)值。無(wú)特殊定位，對(duì)象遵循h(huán)tml定位規(guī)則absolute:絕對(duì)的。將對(duì)象從文檔流中拖出，使用[url=http://bbon.iifree.net/wp-admin/c_left.html]left...

[p][b]1.輸入控件的自動(dòng)聚焦和可用鍵盤切換輸入焦點(diǎn)[/b][/p][p]使用javascript實(shí)現(xiàn)頁(yè)面加載完成后立即自動(dòng)聚焦(focus)到第一個(gè)輸入控件?？捎胻ab鍵（ie缺省實(shí)現(xiàn)）或方向鍵切換聚焦到下一個(gè)輸入控件。[/p][p][b]2.可用enter（或ctrl＋enter）鍵提交，確保和點(diǎn)擊提交按鈕的效...

[p]一、一些很實(shí)用且必用的小腳本代碼：[/p][p]腳本1：進(jìn)入主頁(yè)以后自動(dòng)播放聲音[/p][p][/p][p]腳本2：進(jìn)入主頁(yè)后自動(dòng)最大話,省的去在自己?jiǎn)螕袅薣/p][p][/p][p][br]以下為引用的內(nèi)容：[br][br]self.moveto(0,0)[br]self.resizeto(screen.ava...

[p]在閱讀本文之前，首先需要聲明是寫給css初學(xué)者和不了解css的朋友學(xué)習(xí)的，如果你已經(jīng)是一個(gè)高手，那么你就無(wú)需在這里浪費(fèi)時(shí)間了。[/p][p]css是一種標(biāo)記語(yǔ)言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語(yǔ)言)，是cascadingstylesheets(層疊樣式表)的簡(jiǎn)稱。在標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)中，css負(fù)責(zé)...

[p]寫這篇文章貌似有點(diǎn)牢騷的感覺(jué)，這個(gè)問(wèn)題也始終是非常的抽象。“企業(yè)網(wǎng)站的大氣到底是為了什么?”接觸互聯(lián)網(wǎng)以來(lái)，經(jīng)由我手的企業(yè)網(wǎng)站建設(shè)或是改版之類的工作也不計(jì)其數(shù)，絕大多數(shù)的網(wǎng)站項(xiàng)目需求設(shè)計(jì)方案都有一個(gè)共通點(diǎn)：設(shè)計(jì)要求一定要“大氣”。[/p][p]“大氣”這個(gè)原本陌生的詞匯漸漸占領(lǐng)了我的設(shè)計(jì)思路，有種盲從地被強(qiáng)奸的感...

[p]有人說(shuō)ajax很難，但自從[url=http://jquery.com/]jquery[/url]出現(xiàn)后，再難我們都可以輕松駕馭了。jquery作為當(dāng)前流行的javascript框架將使ajax變得及其簡(jiǎn)單。這篇文章就是為各位網(wǎng)站設(shè)計(jì)師和其他新手講述的怎樣更好地使用jquery庫(kù)實(shí)現(xiàn)javascript效果的。[...

[p][b]網(wǎng)頁(yè)設(shè)計(jì)的步驟：[/b][/p][p][b]1:定位[/b][/p][p]在通過(guò)與客戶,或與和客戶接觸的業(yè)務(wù)人員交流,做出一個(gè)準(zhǔn)確的定位.[/p][p]定位的準(zhǔn)確與否,雖然不能決定一定通過(guò),但如果定位不準(zhǔn)或相差太遠(yuǎn),那么100%被pass.定位決定了你出的稿的品位.試想一下,一個(gè)年產(chǎn)值100w和一個(gè)年產(chǎn)值1...

[p]可用性設(shè)計(jì)是web設(shè)計(jì)中最重要也是最困難的一項(xiàng)任務(wù)。在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，去切實(shí)[url=http://bbon.cn/wp-content/uploads/2008/04/dont-make-me-think.jpg][/url]地剖析用戶的心理，在用戶使用模式、瀏覽導(dǎo)航設(shè)計(jì)、主頁(yè)布局、可用性測(cè)試等方面下足功夫，是...

[p][b]用戶黏性[/b][img]http://bbon.cn/wp-content/themes/wpink//images/grey.gif[/img]是個(gè)并不抽象的概念，它在很大程度上反應(yīng)了訪問(wèn)者對(duì)博客/網(wǎng)站的忠實(shí)度和回頭率，也即說(shuō)明了博客/網(wǎng)站的整體質(zhì)量?，F(xiàn)在很多的博客站長(zhǎng)一直在死定著ip數(shù)量、訂閱用戶、點(diǎn)...

[p]在如今的網(wǎng)頁(yè)設(shè)計(jì)中，tab標(biāo)簽切換的應(yīng)用已經(jīng)是非常的廣泛，基本在每個(gè)網(wǎng)站中都有這樣的效果被應(yīng)用到前臺(tái)的設(shè)計(jì)中去，來(lái)完成之前無(wú)法完成的任務(wù)。所以，tab標(biāo)簽的設(shè)計(jì)也就成了一個(gè)不可小覷的工作流程，在瀏覽一個(gè)網(wǎng)站時(shí)，看到了他們的tab標(biāo)簽制作的導(dǎo)航菜單效果，但卻是沒(méi)有達(dá)到該有的效果，反而增加了用戶瀏覽的困惑，該站的ta...

[p]如果說(shuō)是table把我?guī)肓司W(wǎng)站設(shè)計(jì)的大學(xué)的話，那么div+css則把我?guī)肓藈eb設(shè)計(jì)的殿堂。雖然現(xiàn)在的web設(shè)計(jì)者都在推崇div+css的網(wǎng)站設(shè)計(jì)，但不落入盲目應(yīng)用的隊(duì)列，靈活運(yùn)用table的特色來(lái)做一些前臺(tái)的功能效果的話，那可能會(huì)讓你的工作進(jìn)程大大的縮短，并減少很多不必要的冗余css代碼。[/p][p]ta...

[p]在web應(yīng)用中有很多數(shù)據(jù)、圖表的表現(xiàn)方式，尤其在一些數(shù)據(jù)統(tǒng)計(jì)應(yīng)用比較廣泛的網(wǎng)站后臺(tái)，可以直觀表現(xiàn)數(shù)據(jù)的圖表應(yīng)用更是不可缺少的一個(gè)重要部分。摒棄圖片的實(shí)現(xiàn)方法，使用純碎的css樣式去表現(xiàn)data的統(tǒng)計(jì)變化，能更好的增加網(wǎng)站的可訪問(wèn)性和管理的可操作性。[/p][p]現(xiàn)在，[b][/b][url=http://bbon...

[p]jquery是近段時(shí)間里比較流行的一個(gè)javascript框架，不斷有使用者開(kāi)發(fā)出新的jquery插件。下面收集了50多個(gè)開(kāi)發(fā)者最喜歡使用的jquery插件。[/p][p][b]slidingpanels－滑動(dòng)門控制[/b][/p]1)slidingpanelsforjquery-元素可以展開(kāi)或關(guān)閉，創(chuàng)建出手風(fēng)琴...

[p]從2001年網(wǎng)絡(luò)泡沫爆發(fā)，到2006年無(wú)處不在的web2.0正式成為主流大約用了5年的時(shí)間。在這5年里，人們通過(guò)對(duì)xml和rss等標(biāo)準(zhǔn)格式、面向服務(wù)的網(wǎng)絡(luò)應(yīng)用程序、用戶控制的數(shù)據(jù)的應(yīng)用，認(rèn)識(shí)到了英特網(wǎng)真正的力量，當(dāng)然，整個(gè)社會(huì)對(duì)英特網(wǎng)的接受也功不可沒(méi)。在這期間，我們見(jiàn)證了社交網(wǎng)站的崛起和許多漂亮的交互式web應(yīng)用...

[p]想盡量減少自己的設(shè)計(jì)花銷，搜集足夠多的設(shè)計(jì)源文件素材是最好的方法，在需要時(shí)，“拿來(lái)主義”后的潤(rùn)色，可以很快滿足你的需求。而且，在這個(gè)過(guò)程中，還可以在成功的作品中學(xué)習(xí)提高，轉(zhuǎn)換為自己的能力，從而舉一反三，設(shè)計(jì)出更多自己的思想。[/p][p]文中[url=http://10steps.sg/]10steps[/url...

[p]在進(jìn)行頁(yè)面的div+css排版時(shí)，遇到ie6（當(dāng)然有時(shí)firefox下也會(huì)偶遇）瀏覽器中的圖片元素img下出現(xiàn)多余空白的問(wèn)題絕對(duì)是常見(jiàn)的對(duì)于該問(wèn)題的解決方法也是“見(jiàn)機(jī)行事”，根據(jù)原因的不同要用不同的解決方法，這里把解決直接把解決image圖片布局下邊的多余空隙的bug的常用方法歸納，供大家參考。方法整理來(lái)源于萬(wàn)福...

[p]隨著jquery、mootools、prototype等知名的javascript框架的應(yīng)用變的越來(lái)越強(qiáng)大，瀏覽器對(duì)最新版本css屬性的支持，除去頁(yè)面中flash的應(yīng)用之外，圖表應(yīng)用變的越來(lái)越廣泛實(shí)用。本文為你整理了6個(gè)實(shí)用性強(qiáng)的jquery圖表插件，概述了它們各自的功用和優(yōu)勢(shì)。[/p][p][/p]1，[url...

[p][color=#000000]對(duì)于一個(gè)界定明確的用戶群體來(lái)講，其用戶體驗(yàn)的共性是能夠經(jīng)由良好設(shè)計(jì)的實(shí)驗(yàn)來(lái)認(rèn)識(shí)到。[/color][/p][p]用戶體驗(yàn)，英文叫做userexperience，縮寫為ue或者ux。一種純主觀的在用戶訪問(wèn)一個(gè)網(wǎng)站或使用一個(gè)產(chǎn)品（服務(wù)）的過(guò)程中建立起來(lái)的心理感受。他們的印象和感覺(jué)，是否成...

[p][url=http://jquery.com/]jquery[/url]是一個(gè)了不起的javascript庫(kù)，它可以是我們用很少的幾句代碼就可以創(chuàng)建出漂亮的頁(yè)面效果。從網(wǎng)站開(kāi)發(fā)方面說(shuō)，這使得javascript更加有趣和簡(jiǎn)潔實(shí)用。[/p][p][/p]fileupload-文件上傳[p][url=http://p...

[p]現(xiàn)在，比較牛的設(shè)計(jì)師和開(kāi)發(fā)者都認(rèn)識(shí)到了可用性在他們工作中的重要性?？捎眯院玫木W(wǎng)站會(huì)極大地提高用戶體驗(yàn)，并且好的用戶體驗(yàn)會(huì)讓用戶更加快樂(lè)。用聰明的設(shè)計(jì)決策取悅并滿足您的訪客，而不是阻撓和激怒他們。[/p][p][/p][p]下面是[b]9個(gè)網(wǎng)站經(jīng)常面臨的可用性問(wèn)題[/b]，以及對(duì)于這些問(wèn)題的推薦解決方案。您可能還對(duì)...

[p]本文探討的是前端設(shè)計(jì)種最常用的頁(yè)面圓角框效果的７種不同方法實(shí)現(xiàn)解決方案，其核心關(guān)鍵詞是“圓滑、完美、兼容、重用性、語(yǔ)義”，這些技術(shù)都是收集目前網(wǎng)絡(luò)上最流行的做法?？v觀種種方法，各有其優(yōu)勢(shì)，請(qǐng)針對(duì)不同的環(huán)境分別使用。[/p][p][/p][p]圓角框，因?yàn)槠錁邮奖戎苯强蚱?，所以成為設(shè)計(jì)師心中偏愛(ài)的設(shè)計(jì)元素。現(xiàn)在的...

[p]jquery,mootools,prototype等優(yōu)秀的javascript框架擁有各種強(qiáng)大的功能，包括繪制web圖表，使用這些框架以及相應(yīng)插件，我們可以非常輕松地實(shí)現(xiàn)曲線圖，圓餅圖，柱狀圖等web圖表的繪制，而不必象以往那樣通過(guò)復(fù)雜的flash技術(shù)實(shí)現(xiàn)。[/p][p][/p][p]本文介紹了9個(gè)優(yōu)秀的基于ja...

[p]當(dāng)今越來(lái)越多的應(yīng)用程序遷移到web平臺(tái)上。由于沒(méi)有平臺(tái)的限制和安裝的要求，saas的模式看起來(lái)非常有吸引力。web應(yīng)用程序的界面設(shè)計(jì)，其核心就是網(wǎng)頁(yè)設(shè)計(jì)，但它的重點(diǎn)主要是在功能方面。要超越桌面應(yīng)用程序，web應(yīng)用程序必須提供簡(jiǎn)單、直觀和即時(shí)響應(yīng)的用戶界面，讓他們的用戶花更少的精力和時(shí)間去完成事情。[/p][p][...

任何一個(gè)行業(yè)發(fā)展到一個(gè)階段之后，其應(yīng)用都會(huì)越發(fā)的平民化，只要你夠勤勞，你就可以創(chuàng)造自己的價(jià)值，網(wǎng)頁(yè)設(shè)計(jì)也同樣如此，如今網(wǎng)頁(yè)設(shè)計(jì)的輔助軟件和在線工具越來(lái)越多，并且都細(xì)化到了極致，各司其職，為web設(shè)計(jì)者更好更快地提高工作效率帶來(lái)了莫大的幫助，酷秀為我們翻譯整理的28個(gè)優(yōu)秀的快速網(wǎng)頁(yè)設(shè)計(jì)必備工具和生成器。[p][/p]1....

[p][b]1.檢查html元素是否有拼寫錯(cuò)誤、是否忘記結(jié)束標(biāo)記[/b][/p][p]即使是老手也經(jīng)常會(huì)弄錯(cuò)div的嵌套關(guān)系?？梢杂胐reamweaver的驗(yàn)證功能檢查一下有無(wú)錯(cuò)誤。[/p][p][b]2.檢查css是否正確[/b][/p][p]檢查一下有無(wú)拼寫錯(cuò)誤、是否忘記結(jié)尾的}等?？梢岳胏leancss來(lái)檢查c...