響應(yīng)式與自適應(yīng)的原理是相似的，都是檢測設(shè)備，根據(jù)不同的設(shè)備采用不同的css，而且css都是采用的百分比的，而不是固定的寬度，不同點(diǎn)是響應(yīng)式的模板在不同的設(shè)備上看上去是不一樣的，會(huì)隨著設(shè)備的改變而改變展示樣式，而自適應(yīng)不會(huì)，所有的設(shè)備看起來都是一套的模板，不過是長度或者圖片變小了，不會(huì)根據(jù)設(shè)備采用不同的展示樣式，流式就是采用了一些設(shè)置，當(dāng)寬度大于多少時(shí)怎么展示，小于多少時(shí)怎么展示，而且展示的方式向水流一樣，一部分一部分的加載，靜態(tài)的就是采用固定寬度的了。

　　要看你是從事網(wǎng)站界面設(shè)計(jì)還是軟件界面設(shè)計(jì)。網(wǎng)站界面設(shè)計(jì)，必須了解一些簡單的html、div、css樣式表等基本語言；軟件界面設(shè)計(jì)，就要了解其產(chǎn)品所用的是什么工具做的，軟件和硬件的兼容性問題（性能問題）。對(duì)于設(shè)計(jì)軟件，常用的有photoshop、網(wǎng)頁3劍客、UIDesigner等。      但是吧，這其實(shí)僅僅是皮毛，真正要設(shè)計(jì)出來東西，我覺得還是找專業(yè)人吧。例如北京的智加設(shè)計(jì)，我們?nèi)ツ旰退麄兒献鬟^。智加真的挺不錯(cuò)，團(tuán)隊(duì)大概在百人左右，他們會(huì)針對(duì)每個(gè)品牌的實(shí)際情況整合出一套量身定做的方案，你可以去他們網(wǎng)站看看，還有很多案例。

　首先要了解HTML（超文本設(shè)計(jì)語言），記住使用原理；接著用兩三天的時(shí)間學(xué)習(xí)CSS（層疊樣式表單）；進(jìn)而再花些時(shí)間了解一下javascript軟件。掌握這些基礎(chǔ)性知識(shí)后，就可試著用“記事本”編寫網(wǎng)頁，在初試階段千萬不要用那些可視化工具，如FrontPage、Dreamweaver，否則將不利于鍛煉實(shí)際能力。

網(wǎng)頁布局一般有七個(gè)步驟 如下：1.頁面尺寸：頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于無法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下的頁面范圍就變得越來越小。一般，分辨率在1024×768的情況下，頁面的顯示尺寸為1007×600；分辨率在800×600的情況下，頁面的顯示尺寸為780×428個(gè)象素；分辨率在640×480的情況下，頁面的顯示尺寸則為620×311個(gè)象素。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因，目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)顯示全部的工具欄和關(guān)閉全部工具欄時(shí)，頁面的尺寸是不一樣的。在網(wǎng)頁設(shè)計(jì)過程中，向下拖動(dòng)頁面是惟一給網(wǎng)頁增加內(nèi)容(尺寸)的方法。要提醒家。除非能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問者拖動(dòng)頁面超過三屏。如果需要在同一頁面顯示超過三屏的內(nèi)容，那么最好能在上面做上頁面內(nèi)部連接，以方便訪者瀏覽。2.整體造型：什么是造型，造型就是創(chuàng)造出來的物體形象。頁面的整體形象，應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該層疊有序，有機(jī)統(tǒng)一。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁面的造型，可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形代表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形則代表著平衡，協(xié)調(diào)，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是結(jié)合多個(gè)形狀加以設(shè)計(jì)，其中又以某種形狀為主。3.頁頭：頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁頭是整個(gè)頁面設(shè)計(jì)的關(guān)鍵，它將涉及到下面的設(shè)計(jì)和整個(gè)頁面的協(xié)調(diào)性。頁頭常放置站點(diǎn)名字的圖片或公司標(biāo)志以及旗幟廣告等。4.文本：文本在頁面中多數(shù)以“行”或者“塊”(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁面布局的可視性。在過去因?yàn)轫撁嬷谱骷夹g(shù)的局限，文本放置位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。5.頁腳：頁腳和頁頭相呼應(yīng)。頁頭是放置站點(diǎn)主題的地方，而頁腳則是放置制作者或者公司信息的地方。能看到，許多此類信息都是放置在頁腳的。6.圖片：圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個(gè)頁面布局的關(guān)鍵。而布局思維也將體現(xiàn)在這里。7.多媒體：除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。雖然不是經(jīng)常能被利用到，但隨著動(dòng)態(tài)網(wǎng)頁的興起，它們?cè)诰W(wǎng)頁布局上也變得更重要起來。

網(wǎng)頁布局一般有七個(gè)步驟 如下：1.頁面尺寸：頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于無法突破顯示器的范圍，而且因?yàn)闉g覽器也將占去不少空間，留下的頁面范圍就變得越來越小。一般，分辨率在1024×768的情況下，頁面的顯示尺寸為1007×600；分辨率在800×600的情況下，頁面的顯示尺寸為780×428個(gè)象素；分辨率在640×480的情況下，頁面的顯示尺寸則為620×311個(gè)象素。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因，目前的瀏覽器的工具欄都可以取消或者增加，那么當(dāng)顯示全部的工具欄和關(guān)閉全部工具欄時(shí)，頁面的尺寸是不一樣的。在網(wǎng)頁設(shè)計(jì)過程中，向下拖動(dòng)頁面是惟一給網(wǎng)頁增加內(nèi)容(尺寸)的方法。要提醒家。除非能肯定站點(diǎn)的內(nèi)容能吸引大家拖動(dòng)，否則不要讓訪問者拖動(dòng)頁面超過三屏。如果需要在同一頁面顯示超過三屏的內(nèi)容，那么最好能在上面做上頁面內(nèi)部連接，以方便訪者瀏覽。2.整體造型：什么是造型，造型就是創(chuàng)造出來的物體形象。頁面的整體形象，應(yīng)該是一個(gè)整體，圖形與文本的接合應(yīng)該層疊有序，有機(jī)統(tǒng)一。雖然，顯示器和瀏覽器都是矩形，但對(duì)于頁面的造型，可以充分運(yùn)用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對(duì)于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形代表著柔和，團(tuán)結(jié)，溫暖，安全等，許多時(shí)尚站點(diǎn)喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點(diǎn)為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形則代表著平衡，協(xié)調(diào)，公平，一些交友站點(diǎn)常運(yùn)用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是結(jié)合多個(gè)形狀加以設(shè)計(jì)，其中又以某種形狀為主。3.頁頭：頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個(gè)站點(diǎn)的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個(gè)站點(diǎn)是什么內(nèi)容。頁頭是整個(gè)頁面設(shè)計(jì)的關(guān)鍵，它將涉及到下面的設(shè)計(jì)和整個(gè)頁面的協(xié)調(diào)性。頁頭常放置站點(diǎn)名字的圖片或公司標(biāo)志以及旗幟廣告等。4.文本：文本在頁面中多數(shù)以“行”或者“塊”(段落)出現(xiàn)，它們的擺放位置決定者整個(gè)頁面布局的可視性。在過去因?yàn)轫撁嬷谱骷夹g(shù)的局限，文本放置位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。5.頁腳：頁腳和頁頭相呼應(yīng)。頁頭是放置站點(diǎn)主題的地方，而頁腳則是放置制作者或者公司信息的地方。能看到，許多此類信息都是放置在頁腳的。6.圖片：圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個(gè)頁面布局的關(guān)鍵。而布局思維也將體現(xiàn)在這里。7.多媒體：除了文本和圖片，還有聲音，動(dòng)畫，視頻等等其它媒體。雖然不是經(jīng)常能被利用到，但隨著動(dòng)態(tài)網(wǎng)頁的興起，它們?cè)诰W(wǎng)頁布局上也變得更重要起來。

網(wǎng)頁布局方法很多,根據(jù)各人不同的喜好布局也不同:通常的布局方法有以下幾種:一.通過表格來布局表格布局的優(yōu)勢(shì)在于它能對(duì)不同對(duì)象加以處理，而又不用擔(dān)心不同對(duì)象之間的影響。而且表格在定位圖片和文本上比起用CSS更加方便。表格布局唯一的缺點(diǎn)是，當(dāng)你用了過多表格時(shí)，頁面下載速度受到影響二.通過層疊樣式表來布局CSS(層疊樣式表)被提出來，它能完全精確的定位文本和圖片。CSS對(duì)于初學(xué)者來說顯得有點(diǎn)復(fù)雜，但它的確是一個(gè)好的布局方法。你曾經(jīng)無法實(shí)現(xiàn)的想法利用CSS都能實(shí)現(xiàn)三.通過框架來布局框架結(jié)構(gòu)的頁面被許多人不喜歡，可能是因?yàn)樗募嫒菪浴５珡牟季稚峡紤]，框架結(jié)構(gòu)不失為一個(gè)好的布局方法。它如同表格布局一樣，把不同對(duì)象放置到不同頁面加以處理，因?yàn)榭蚣芸梢匀∠吙?，所以一般來說不影響整體美觀四.當(dāng)然還有其他的布局方式,比如你可以在紙上布局,就是先在紙上畫草圖,然后再按照?qǐng)D來做

1、嚴(yán)格意義來說dw并不能用來設(shè)計(jì)網(wǎng)頁，設(shè)計(jì)網(wǎng)頁都是在平面設(shè)計(jì)工具里完成的，比如在ps里面設(shè)計(jì)好網(wǎng)站的效果圖，在ps里面切圖。2、dw只是個(gè)網(wǎng)站代碼編寫工具，使用dw編寫代碼會(huì)比較方面，因?yàn)橛泻芏嗟目旖莨δ?。但是?duì)于高手來說，是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖，分為 “代碼”“拆分”“設(shè)計(jì)”，如下圖在制作網(wǎng)站的時(shí)候，能夠用到的主要是“代碼”視圖功能?！霸O(shè)計(jì)”和“拆分”視圖很少用到，只有當(dāng)網(wǎng)站代碼出現(xiàn)問題的的時(shí)候用來查找錯(cuò)誤，對(duì)于有一年多代碼編寫經(jīng)驗(yàn)的人來說，就已經(jīng)用不到了。4、在dw中編寫制作網(wǎng)站的代碼主要是div+css，也是就是html。網(wǎng)站布局也是通過html代碼來實(shí)現(xiàn)的，比如maigin 與padding position 都是來控制div的布局和位置的。所以，在dw里面設(shè)計(jì)網(wǎng)頁布局網(wǎng)站并不是dw的功能，還是通過代碼實(shí)現(xiàn)的。

網(wǎng)站建設(shè)中網(wǎng)頁布局大致可分為：“國”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等，以下分別論述：1、國字類型：也被稱為同字型，頂部是網(wǎng)站的標(biāo)題、橫幅廣告條，然后是網(wǎng)站的主體內(nèi)容個(gè)，而左右分別是一些比較小的內(nèi)容條，中間就是主要內(nèi)容，最底部是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這也是現(xiàn)在網(wǎng)上見到的差不多最多的一種結(jié)構(gòu)類型；2、拐角型：這種類型其實(shí)與國字型很相近的，只是在形式上不一樣，最上面的部分是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條，一種很常見的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接；3、標(biāo)題正文類型：上面是網(wǎng)站的標(biāo)題，或者是類似的東西，接著就是網(wǎng)站的正文內(nèi)容，例如是一些文章或者是注冊(cè)登錄頁面；4、左右框架類型：這是一種左右為分別兩頁的框架結(jié)構(gòu)，一般布局是：左邊是導(dǎo)航鏈接，最上面有時(shí)是一個(gè)小的標(biāo)題或標(biāo)致，而右面就是主要內(nèi)容，最常使用是論壇網(wǎng)站，企業(yè)網(wǎng)站中的內(nèi)頁有很多是采用這種布局方式的；這種類型的布局的特點(diǎn)是結(jié)構(gòu)清晰明了；5、上下框架類型：與左右框架類型類似，只是這種類型是上下兩頁的框架；6、綜合框架類型：其實(shí)就是左右框架類型和上下框架類型的結(jié)合體；7、封面型：這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，多是精美平面結(jié)合小動(dòng)畫，再加幾個(gè)簡單鏈接或僅是一個(gè)“進(jìn)入”鏈接或無任何提示；8、Flash型：其實(shí)這與封面型結(jié)構(gòu)是類似的，采用了目前非常游戲行的Flash，與封面型不同的是，由于Flash強(qiáng)大的功能，頁面所表達(dá)的信息更豐富，其視覺效果及聽覺效果如果處理得當(dāng)，絕不差于傳統(tǒng)的多媒體；9、變化型：即上面幾種類型的結(jié)合與變化，但所實(shí)現(xiàn)的功能的實(shí)質(zhì)是那種上、左、右結(jié)構(gòu)的綜合框架型；

創(chuàng)新不是說出來的，是要靠自己做出來的。所用的知識(shí)都是那些。就看你怎么應(yīng)用罷了。 我知道，可是呢個(gè)網(wǎng)頁我可以做出來，就是沒有思路，怎么排版布局，做的呢不太一樣 布局是自己設(shè)計(jì)，要完成這個(gè)設(shè)計(jì)還是很簡單的。 可是現(xiàn)在沒有思路，不知道怎么設(shè)計(jì)，你指導(dǎo)下啊， 可是現(xiàn)在沒有思路，不知道怎么設(shè)計(jì)，你指導(dǎo)下啊， 要想有創(chuàng)新，別人指導(dǎo)不了。 好吧，我想想，呢你能不能告訴我卡姿蘭官網(wǎng)上的呢些小字是怎么弄的，需要什么代碼？？？ 沒有發(fā)現(xiàn)什么小字。直接輸出就可以了。 右上角有小字的，呢要在哪里輸入??？？ 代碼中 我知道，是那一行代碼？？在html里，還是css里 html,哪一行不知道你是說什么小字