導航:首頁 > 萬維百科 > 網頁設計貼層

網頁設計貼層

發布時間:2021-03-03 07:14:20

1、網頁設計:如何設計一個層在網頁上下滾動時始終都貼於ie瀏覽器底邊框上

上網搜索一下,要養成搜索的好習慣!!
這種代碼很多的!!

2、剛剛學習Dreamweaver網頁設計,不知道所謂的層是什麼

層就是div標簽,主要起到框架作用,就像建房子首先要打好框架一樣,而div+css中的css就好像裝修,怎樣設置你的框架的大小高低,修飾你框架裡面的內容,起到美工的作用。

3、網頁設計里的層是什麼意思

層是DW裡面的概念,我們本身不叫它層。
Layer1是DW給它生成的一個id,目的是給它定義一個CSS。你可以到代碼里搜索#Layer1,你就能找到它的CSS定義,注意看有一行:「position: absolute;」。
層和普通div不同的地方在於它們的定位方式,div默認是相對定位,它的位置會受到周圍的元素的影響而不能隨意變動,而剛才你找到的代碼里有一句:position: absolute; 這句代碼的作用就是將該div的定位方式變為絕對定位,絕對定位的元素將不再受到周圍元素的影響,它可以隨意改變,通過修改left/right/top/bottom這幾個CSS元素就可以定義它的位置了,你可以嘗試修改一下代碼,看看效果就知道了 。關於層其實還有很多小技巧,不過一下子說出來也很難理解,多多嘗試吧

4、網頁設計中怎麼用css讓一個圖層遮住另一個圖層???

可以用定位來 position

5、網頁設計中關於層和圖片的問題

滑鼠移入層里也會彈出提示,是你感覺上的假象。
因為你的層里是圖片,滑鼠移入移出DIV的邊際是很快的。。
也就是說,當滑鼠移入圖片的時候,實際上是被解釋為移出DIV的。

如果你的DIV里除了img之外不會再放其他的對象,想要移出DIV才調用aaa(),可以把onmouseout放在img上。

6、如何在製作網頁時使用層?

可以查看一些div+css的文章看看。。

7、網頁設計中怎麼樣層疊加?

不知道你說的意思是否是在同一個頁面上顯示多個不同的網頁效果!若果是:可以採用框架技術實現!<frameset rows="79,*" cols="*" frameborder="no" border="0" framespacing="0"> <frame src="top.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frameset rows="*" cols="*,858" framespacing="1" frameborder="yes" border="1" > <frame src="left.html" name="leftFrame" id="leftFrame" title="leftFrame" / > <frame src="topic/introce.html" name="rightFrame" id="rightFrame" title="rightFrame" /> </frameset></frameset><noframes>src指定不同的網頁路徑,你可以在網上搜索下關於網頁製作框架的介紹!

8、網頁設計繪制層在哪

這個得看你用的是什麼工具了,是Dreamweaver還是其他編程工具。如果你用的是Dreamweaver,你想繪制層的內話,你應該切換到「設計容」視圖,你在「代碼」視圖不能繪制層的,在「設計」視圖的'布局'中的「繪制 AP DIV」工具。

當然你熟悉頁面代碼的編寫的話,直接用DIV 或Table 加上CSS去編寫,不用去繪制這么麻煩。希望能幫到你。

9、網頁製作--層與標簽的運用

「重構」的春風吹遍大江南北,互聯網一時間風聲鶴唳,「div+CSS」儼然已成為一種「時尚」,難以盡數的網站都不約而同地開始了自己的「重構」。然而打開這形形色色網站的源代碼,卻時常令人啞然失笑—— 我們看到有嵌套6、7層的div布局,有不用table的表格,有純div+a構成的頁面,有成百上千的表現層class……現在關於標準的書籍越來越多,除了少數幾本標榜「高級技巧」的書籍以外,很少有人不會在自己著作的前幾章強調這樣一句話——「結構與表現分離」。然而這些書籍的讀者們,又有多少人認認真真地讀過前幾章呢?還是更多地直接跳過那些乏味的結構講解,一頭扎到貌似高深的布局技巧與Hack中去? 其實div+CSS這個說法從一開始就誤導了太多的人,急功近利的心態則更是造成這種現象的罪魁禍首。一個習慣了table布局的網頁製作接觸標準的第一步,不應該是去盲目尋求實現各種布局的CSS技巧,而是努力改變自己的思維方式。 下面將結合我的切身體會談一談順應標準的思維方式,其中有不少是我曾經走過的彎路,希望對剛剛接觸標準的XDJM們有些幫助: 1、「節省代碼」是營銷手段,不是宗旨 「使用div布局可以比table布局節省更多的代碼」,我在很多書籍和網站上見到過這句話。這句話本身是沒錯的,可以「節省代碼」的確是網頁標准化所帶來的好處之一。然而切記,它只是「好處之一」,而不是「唯一好處」,更不是宗旨。「節省代碼」更多的時候是我們用來說服那些頑固不化的老闆的營銷手段。網頁標准化的唯一宗旨是「結構與表現分離」,而絕不是為了節省代碼而節省代碼。我曾經因為網站邊欄甚至主體內容的表現形式相同而採用了統一的class (至今還有一些書是這樣教的),這樣的確比分別命名id更節省代碼,然而這樣做的代價是代碼失去了良好的結構。失去良好結構的後果是:一、源代碼沒有了可讀性;二、網站增加了未知的維護成本。試想,當某一塊內容因為需要而作出表現形式的變動,例如鏈接的顏色等等,我們就不得不去修改頁面源文件,增加額外的class,工作量比起只需要調整id分組就大了許多。而且長此以往,結構將會越來越差,形成難以逆轉的惡性循環。 還有一種情況,出現在id的命名方面,也是本人曾經犯過的錯誤。那時為了「節省代碼」,而把主菜單命名為「mm」,二級菜單命名為「m2」,三級菜單為「m3」,結果嚴重降低了網頁的可讀性,使其他同事很難接手,圖省事卻累了自己。同理,文件及文件夾命名方面也不宜過簡,象《網站重構》里建議把圖片都用「i」目錄存放,個人以為並不可取,除非你能為這種高度縮寫的目錄結構撰寫詳細說明並保證每個相關人員包括其他製作人員、開發、甚至懂行的老闆……都能理解和執行,否則只會給你自己增添不必要的麻煩。 2、ID是狙擊槍,class是雙刃劍 想要做好網頁結構,id與class都是必須熟練掌握的,所謂「兩手抓,兩手都要硬」。ID就象狙擊槍一樣,可以幫助我們精準地定位要想要載入樣式的元素;而class則是俠客的佩劍,信手拈來更加輕盈靈便,兩者的結合能夠實現結構良好且表現豐富的頁面。然而現在有一種錯誤的觀點,就是id完全可以用class來取代,事實上許多網頁源代碼也的確如此,打開來通篇class,找不到一個id。造成這種現象的理由有很多種,然而自table時代傳下來的根深蒂固的「class=CSS」的觀念才是本因。的確,class比id用途更廣更靈活,但也必須意識到,class對於構建良好的網頁結構遠不如id有效。id的強制唯一性使得我們可以很容易通過id檢索到我們需要的任意模塊,而class則沒有這個優勢。雖然我們可以為模塊定義唯一的class名,但前提是——只有製作者本人可以動網頁樣式。否則換一個稍微懶一些伙計,看到樣式相同便直接把前面的class拿來套用,其結果就是我們發現網頁里有十幾個模塊都叫做「gonggao」或者「xinwen」,以至於為了區分還不得不加上大量的html注釋,這樣的結果顯然並不是我們想要的。再者就是前面提到的,通過通用class所節省下來的代碼,又不得不在每個單獨定義的class中揮霍掉。 ID是狙擊槍,class是雙刃劍,合則兩利,分則兩敗。 3、並不是所有的內容都需要div做「容器」 主菜單究竟是用<div id="mainnav"><ul>還是<ul id="mainnav">?這是一個博弈的問題。至今這個問題也沒有人能夠給出明確的答案,就連我也是如此。誠然,<div id="mainnav">在只包含了一個<ul>元素的時候,這個div就顯得有些冗餘,但有時候為了配合美工絢麗的設計,多一層標簽就意味著多一層變化(有些人在a標簽里套span也是如此)。而div不帶任何原始屬性的先天優勢也是其它標簽所無法比擬的。這個命題我只是想說明一件事,就是我們應該意識到,<div id="mainnav"><ul>之外,還有<ul id="mainnav">這種寫法,同樣具有良好的結構和語義,並且省去了一層嵌套。在我們不需要為華麗的美工勞心勞神的時候,是不是也可以讓結構更加簡約呢? 這個命題其實還可以引申為——「並不是所有內容都需要塊元素做容器」、「並不是所有鏈接都需要其它元素做容器」,例如很多頁面都有的「更多」。有些人寫做「<div class="more"><a>」,也有人寫做<p><a>或者<strong><a>。在這些「容器」只包含了一個<a>標簽的時候,它們是否還有存在的必要?直接寫成<a class="more">會破壞結構嗎?會缺乏語義嗎?會影響布局嗎?換一種思路,你也許就會有不一樣的收獲。 4、工作上也做到「結構與表現分離」 關於這一點,網路上很多高手都是這樣建議的,也就是先打開編輯器,把結構完整地寫出來,再去CSS里寫表現,而盡量不去動已經寫好的結構。 然而以看書為主要學習方式的人卻很難體會,因為關於標準的書籍多半是手把手來教的,也就是必然是結構表現結合,循序漸進。雖然有些書籍有這方面的建議,但短短的幾句話遠不如讀書過程中的潛移默化。在製作人員能夠對結構良好把握的時候,同時寫結構與表現也不會對結果有太大的影響。但以我的經驗,結構表現分離的工作方式,要比同時寫結構與表現效率高很多,同時也不容易遺漏頁面上的元素。 當然,所謂的「結構與表現分離」並不是完全不考慮表現,想要兼顧到表現,就要保證——在不破壞結構的前提下,CSS選擇器能夠選擇到盡量多的內容。在哪些地方加class,或者用哪些標簽來區分,是一個見仁見智的地方,相信每個人都有自己的體會。而結合不同的設計稿,有時候也需要做出相應的變化,然而這些變化都應該有一個同樣的前提——不破壞代碼的結構和可讀性。 再就是,一定要意識到,任何可視化的工具都是魔鬼。它們可視化界面下所呈現的效果,往往與真實瀏覽器相差千里,而我們真正要兼容的是瀏覽器,不是編輯器的可視化界面。 5、CSS不是萬能的,沒有CSS也不是萬萬不能的 相比於CSS1.0時代,今天CSS可以完成更多的事情,然而需求永遠是領先於技術的,CSS無法完成網頁所有的表現層工作,有時候我們必須結合JS或者其他語言來實現一些效果。而另一些時候,用JS的方法比只靠CSS簡單得多,並且代碼結構更加良好——最典型的例子就是下拉菜單。這些時候,我們要說服自己,或者說服老闆與客戶,去採用更簡單更合理的方式。因為DOM同樣是網頁標準的重要組成,並不是使用了JS我們的網頁就降低了效率或是不再標准,恰恰相反,這是對JS最大的誤解。說到這里不得不提一點,就是今天的時代,比以往更要求每個職業了解更多的相關知識,做設計的人要懂一點交互和製作,做製作的也必須了解設計和程序,尤其是JS這樣的前端技術,只有這樣,你和同事才能夠更好地合作,個人的發展前景也會更加光明。 沒有CSS,指的是當我們的網站因為各種未知的原因導致CSS文件載入失敗,不要因此而慌亂,這是考驗我們代碼質量的最佳時機。在沒有CSS的時候,如果網頁仍舊保持良好的可讀性,這成果要遠比通過W3C驗證更值得我們自豪。

10、網頁設計,div層如何添加背景圖?

是的,如果直接給div寫樣式,確實是所有的div都會應用此樣式;
方法有很多,你可以定義一個樣式名,例如 .cc:{background:#999},所需要添加此樣式的那個div 設置class="cc";
方法二 :你也可以定義一個id然,例如 #dd:{background:#999},給你所需要添加此樣式的那個div設置 id="dd";
明白了嗎?
希望我的回答對你有幫助,望採納。。。謝謝了~~~

與網頁設計貼層相關的知識