国产性―交―乱―色―情人-影音先锋影院中文无码-国产精品久久久久久无码五月-欧美成人看片一区二区

如何創(chuàng)建一個(gè)Web設(shè)計(jì)方案?

如何創(chuàng)建一個(gè)Web站點(diǎn)規(guī)劃設(shè)計(jì)方案，這對(duì)于網(wǎng)站建設(shè)來(lái)說(shuō)，顯然是必須的，但同時(shí)也比較難以從理論上進(jìn)行準(zhǔn)確的詮釋。為了使這一討論能有一個(gè)清晰的脈絡(luò)。這里用一個(gè)簡(jiǎn)單的例子，并根據(jù)前面所講述的內(nèi)容進(jìn)行一次規(guī)劃實(shí)戰(zhàn)。如：有一個(gè)叫“遠(yuǎn)峰鞋業(yè)”的公司，生產(chǎn)銷售各種樣式的鞋。公司想創(chuàng)建一個(gè)Web站點(diǎn)，通過(guò)訪問(wèn)公司站點(diǎn)，使用戶可以得到產(chǎn)品信息、公司的形象、公司的理念，也希望能夠通過(guò)Web得到用戶的反該信息。根據(jù)他們的要求，首先來(lái)確定建站的目的：站點(diǎn)必須提供公司的所有部門(mén)的信息，得到用戶的反饋信息。而且根據(jù)公司的產(chǎn)業(yè)結(jié)構(gòu)和建站的目的，確定典型的訪問(wèn)者群體是一般的消費(fèi)者。其基本資料就是公司的宣傳手冊(cè)、產(chǎn)品信息、公司新聞和聯(lián)系信息，還有就是是網(wǎng)絡(luò)的技術(shù)限制，根據(jù)當(dāng)前總體網(wǎng)絡(luò)的用戶情況，所有的頁(yè)面都在以33.6Kbps速率的調(diào)制解調(diào)器為下載標(biāo)準(zhǔn)，并確定以Internet Explor 5.0版本的瀏覽器為基本的用戶瀏覽器。下面要做的就是將整個(gè)網(wǎng)站的內(nèi)容進(jìn)行分類列表，并確定網(wǎng)頁(yè)的主題，一般來(lái)說(shuō)放置到網(wǎng)站上的內(nèi)容分兩類：第1類是頂層內(nèi)容(頂層文件)，這是構(gòu)筑網(wǎng)站主頁(yè)的內(nèi)容，當(dāng)訪問(wèn)者進(jìn)入網(wǎng)站時(shí)首先看到的內(nèi)容。主頁(yè)的內(nèi)容主要包括以下元素：公司的標(biāo)志、公司的名稱、公司的理念、公司的新聞、公司的簡(jiǎn)介、最新產(chǎn)品信息、公司的聯(lián)系信息、網(wǎng)管的聯(lián)系信息、網(wǎng)站的版權(quán)信息、網(wǎng)站的導(dǎo)航圖標(biāo)。第2類是次層內(nèi)容(文件內(nèi)容)，包括下級(jí)各網(wǎng)頁(yè)的內(nèi)容，如產(chǎn)品信息、部門(mén)信息、工作手冊(cè)和演示文件，甚至數(shù)據(jù)庫(kù)等。產(chǎn)品信息頁(yè)內(nèi)容：公司產(chǎn)品的詳細(xì)信息，包括鞋的類型、圖片、價(jià)格等。部門(mén)信息頁(yè)內(nèi)容：提供公司各部門(mén)的信息，包括部門(mén)的職責(zé)，負(fù)責(zé)人、聯(lián)系電話等。用戶反饋?lái)?yè)的內(nèi)容：提供一個(gè)供用戶直接填寫(xiě)該信息的表單，包括反饋的內(nèi)容，用戶或訪問(wèn)在的聯(lián)系信息等。完成對(duì)網(wǎng)站內(nèi)容的分類后，下面要做的工作就是整理各頁(yè)面的層次關(guān)系和邏輯關(guān)系，通常是用表來(lái)完成這項(xiàng)工作的，用戶或訪問(wèn)者的聯(lián)系信息。先是從用戶或訪問(wèn)者的角度考慮，并設(shè)計(jì)一個(gè)訪問(wèn)Web的任務(wù)圖，如圖2.1所示。它的目標(biāo)就是要讓訪問(wèn)者更方便地找到自己希望的信息。網(wǎng)頁(yè)的層次關(guān)系和邏輯關(guān)系，是網(wǎng)站結(jié)構(gòu)的重點(diǎn)。合理而層次化地排布各網(wǎng)頁(yè)的主題，并給它們建立良好的邏輯關(guān)系，就可以非常方便地指引用戶訪問(wèn)自己感興趣的信息。一般網(wǎng)站的分層不應(yīng)分的太深，大約3層就足夠了，這樣就可以保證用戶通過(guò)不超過(guò)3次點(diǎn)擊便能到達(dá)站點(diǎn)的任何地方，這也就是通常所說(shuō)的站點(diǎn)3級(jí)結(jié)構(gòu)，如圖2.2所示，為本例的網(wǎng)站分層結(jié)構(gòu)略圖。完成任務(wù)和站點(diǎn)結(jié)構(gòu)的圖表后，可以再很據(jù)總體的思路對(duì)相關(guān)內(nèi)容進(jìn)行補(bǔ)充細(xì)化，由子篇幅的關(guān)系，這里就不再作介紹了。

如何發(fā)揮CSS 2.0的作用

css應(yīng)用是本文要討論的重點(diǎn)，也是向Web標(biāo)準(zhǔn)過(guò)渡的重要一環(huán)。相對(duì)于結(jié)構(gòu)設(shè)計(jì)來(lái)講，表現(xiàn)層的樣式設(shè)計(jì)變化更豐富，也更難掌握。對(duì)于千變?nèi)f化的網(wǎng)頁(yè)設(shè)計(jì)，如何將設(shè)計(jì)編碼成機(jī)器能夠識(shí)別的樣式語(yǔ)言，也是CSS的1作重點(diǎn)。Css豐富的樣式表現(xiàn)也對(duì)設(shè)計(jì)者提出了更高的要求。這里針對(duì)向Web標(biāo)準(zhǔn)過(guò)渡的要求，先對(duì)CSS的編寫(xiě)提出一些建議與要求，而在后面章節(jié)才詳細(xì)探討這些內(nèi)容。 1.合理的CSS文件結(jié)構(gòu) 雖然CSS做到了樣式設(shè)計(jì)與內(nèi)容的分離，但CSS文件本身也應(yīng)該擁有良好的層次結(jié)構(gòu)及規(guī)范，目的是進(jìn)一步改替樣式設(shè)計(jì)的可維護(hù)性。CSS本身支持Import導(dǎo)入功能，針對(duì)大型網(wǎng)站設(shè)計(jì)，不妨使用分離的CSS文件來(lái)組織樣式，比如將字體樣式專門(mén)使用font.css文件來(lái)編寫(xiě)，表單設(shè)計(jì)則放到form.css文件中。通過(guò)合理地組織這些文件.可以帶來(lái)后期維護(hù)的便利性，也方便網(wǎng)站程序能夠根據(jù)瀏覽器版本或終端設(shè)備進(jìn)行文件調(diào)用，進(jìn)一步提升CSs跨平臺(tái)的應(yīng)川能力。2.繼承與重用的優(yōu)勢(shì) 使用CSs的優(yōu)勢(shì)就在于其良好的重用特性，一段CSs設(shè)計(jì)代碼可以供多個(gè)區(qū)域同時(shí)使用。除了龜用功能外，CSs還可以實(shí)現(xiàn)類似于而向?qū)ο蟪绦蛟O(shè)計(jì)中的繼承機(jī)制，通過(guò)繼承機(jī)制能夠進(jìn)一步地完善網(wǎng)站的樣式結(jié)構(gòu)。比如在CSs對(duì)應(yīng)的XHTML中，侮一級(jí)的標(biāo)簽總是首先使用其本身標(biāo)簽的樣式設(shè)計(jì)，接著使用父級(jí)標(biāo)簽的樣式，這樣部分代碼就可以分別放在各級(jí)別中，它們互相發(fā)揮作用;統(tǒng)一代碼則放在最上一級(jí)標(biāo)簽里。通過(guò)這種具有繼承機(jī)制的功能運(yùn)用，我們能夠進(jìn)一步地減小樣式設(shè)計(jì)中的代碼量，并進(jìn)一步改稗設(shè)計(jì)方法。 3.設(shè)計(jì)跨平臺(tái)的代碼 CSS也有美中不足，由于不同品牌瀏覽器及不同版本之間的演染方式不同，各白對(duì)CSS的解析也存在著一定差異。一些老版本的瀏覽器(如IE4.0及IE5.0等)，還有眾多不愿升級(jí)的用戶在使用，另外就是PC機(jī)F與MAC機(jī)下瀏覽器產(chǎn)品的不問(wèn).等等情況。針對(duì)這些原因，CSS設(shè)計(jì)也應(yīng)當(dāng)其有一定的跨平臺(tái)兼容特性，編碼時(shí)應(yīng)盡量減少生僻屬性的使用，如果想兼容舊版本的瀏覽器，也應(yīng)當(dāng)注意留有一定的CSS hack代碼。 4.具有良好可用性的Css樣式設(shè)計(jì) 可用性隨著計(jì)算機(jī)人機(jī)交互技術(shù)的發(fā)展不斷擴(kuò)充其內(nèi)容與形式?？捎眯缘哪繕?biāo)是使我們的交互式產(chǎn)品(軟件、網(wǎng)站)對(duì)用戶的需求提供最大限度的滿足，使得產(chǎn)品更容易被用戶使用，它從根本.上改變用戶與產(chǎn)品交互的主觀過(guò)程，提升產(chǎn)品價(jià)值，為產(chǎn)品及用戶帶來(lái)雙方面的利益。CSS作為樣式設(shè)計(jì)代碼，也包含著可用性的設(shè)計(jì)內(nèi)容。CSS樣式的設(shè)計(jì)意味著你對(duì)網(wǎng)站整體風(fēng)格的把握需要重新考慮，從視覺(jué)設(shè)計(jì)上為了達(dá)到最大限度的重用與合理的紡構(gòu)，需要統(tǒng)一的字體、字號(hào)及排版形式，這些統(tǒng)一性的設(shè)計(jì)都有助于視覺(jué)設(shè)計(jì)卜可用性的提升。對(duì)于網(wǎng)站上的細(xì)節(jié)表現(xiàn)，比如鏈接改變提示、鏈接區(qū)域、導(dǎo)航的操作感等，也都是CSS在可用性上設(shè)計(jì)的目標(biāo)，最終目的就是希望通過(guò)良好的設(shè)計(jì)，創(chuàng)造出更好的交互式網(wǎng)站.以便用戶使用，為網(wǎng)站及用戶創(chuàng)造價(jià)值。 5，使用基干DOM的腳本語(yǔ)言來(lái)編寫(xiě)交互 DOM的產(chǎn)生同樣是為了實(shí)現(xiàn)腳本語(yǔ)言的跨平臺(tái)與跨瀏覽器應(yīng)用。DOM (DocumentObject Model，文檔對(duì)象模型)是由W3C制定的一種與瀏覽器無(wú)關(guān)的接口，它能夠?qū)W(wǎng)頁(yè)中的標(biāo)準(zhǔn)組件(如HTML標(biāo)簽)做出技術(shù)性的統(tǒng)一規(guī)范，便腳本語(yǔ)言能夠訪問(wèn)的這些組件，前提是瀏覽器支持這種基于DOM的定義規(guī)范。 就目前來(lái)說(shuō)，大部分瀏覽器都支持標(biāo)準(zhǔn)的DOM。使用符合DOM的腳本語(yǔ)言，基本上不再需要檢側(cè)瀏覽器的不同版本而去編寫(xiě)幾套不同的代碼，只要符合DOM的瀏覽器，相同的代碼就能夠完成所有可支持的操作.目前的javaScript是符合DOM標(biāo)準(zhǔn)的腳本語(yǔ)言.有關(guān)DOM的詳細(xì)資料。