1、網頁設計中層有哪些作用?
圖層是網頁的一個區域,在一個網頁中可以有多個圖層存在,它最大的魅力在於各個圖層可以重疊,並且可以決定每個圖層是否可見,同時也能夠自定義各圖層之間的層次關系。在熟練掌握了圖層技術之後,就可以給網頁提供強大的頁面控制能力。
為了說明圖層的功能,我們先來製作簡單的實例:
1、實現特效
在Dreamweaver MX 2004中新建一個頁面,運行「Insert→Layer Objects→Layer」命令,此時編輯窗口中會出現一個黑色矩形框,這就是插入的圖層。當滑鼠移動到矩形的框線上時,滑鼠會變成十字箭頭形狀,此時點擊滑鼠則框線周圍出現8個黑色實心方塊,左上角還有一個空心方塊,表示這個圖層被選中了。
提示:用滑鼠拖拽實心方塊可以改變圖層大小,拖拽左上角的空心方塊可以改變圖層的位置。
第二步 在圖層中點擊一下滑鼠,並且在其中輸入「中國電腦教育報」,然後在屬性面板窗口中將文字設置為藍色。
第三步 單擊圖層邊框選中圖層,接著運行「Edit→Copy」命令復制當前圖層,然後在編輯窗口其它空白處點擊一下滑鼠,並且運行「Edit→Paste」命令,這樣在編輯窗口中就又出現了一個圖層,不過目前它們重疊在一起,需要移動圖層之後才能看見這兩個圖層。
第四步 把其中一個圖層的文字顏色更改為黑色,並且移動圖層位置,使得兩個圖層的位置相差幾個像素,這樣就產生了陰影效果。
2、嵌套圖層
所謂嵌套圖層指的是一個圖層創建在另外一個圖層中,比如圖3所示的就是一個典型的嵌套圖層(如圖3)。實際上製作這種嵌套圖層很簡單,只要創建了一個父圖層之後用滑鼠點擊圖層內部,並且再次插入一個圖層即可。不過嵌套的圖層並不意味著子圖層必須要在父圖層內部,它們之間存在著繼承關系。
繼承的作用是可以使子圖層的可見性和父圖層保持一致,由於很多動態網頁的特效是通過控制圖層的可見性來實現的,因此當父圖層可見性改變時,子圖層的可見性也隨之改變。而且繼承關系也可以讓子圖層和父圖層的相對位置不變,比如我們拖拽父圖層移動,此時子圖層也會跟隨著移動,這在製作動態網頁的時候將顯得非常有用。
3、圖層的「Z-順序」
和表格相比,圖層最大的優勢在於圖層可以重疊,為了表示各個圖層哪個在上面,哪個在下面,就要給每個圖層設定一個序號,這個序號就是「Z-順序」,它的意思就是除了屏幕的X和Y坐標之外,人為增加一個垂直於屏幕的Z軸。
4、使用圖層建立表格
雖然使用圖層來定位網頁元素比使用表格方便得多,但是只有IE 4.0以上版本的瀏覽器才支持圖層功能,因此為了讓使用舊版本瀏覽器的朋友也可以看到你辛苦製作出來的作品,最好的方法就是把圖層轉換為表格。
如果想把自己的網頁製作的絢麗多彩,就必須掌握圖層技術,否則日後製作動態網頁時候將會遇到不少困難,因此建議大家通過上文的介紹深入研究一下,才能夠真正掌握圖層技術。
2、關於網站的子網頁怎麼設計?
沒有什麼設計是能滿足任何需求的,你可以沒事多多訪問別人的網站,去找靈感。
3、html,css,javascript在製作網頁中的作用是什麼?三者之間有何種聯系?
HTML、 CSS、 JavaScript三者的關系
網頁主要由三部分組成: 結構( Structure) 、 表現( Presentation) 和行為( Behavior)
HTML —— 結構, 決定網頁的結構和內容( 「是什麼」)
CSS —— 表現( 樣式) , 設定網頁的表現樣式( 「什麼樣子」)
JavaScript( JS) —— 行為, 控制網頁的行為( 「做什麼」)
一、 HTML語言
1.1什麼是HTML語言( HTML概述)
英文全稱: Hyper Text Markup Language
中文全稱: 超文本標記語言
HTML 語言是製作網頁的最基本語言, 並且只能通過web瀏覽器顯示出來。
Hyper( 超) :
用HTML製作的網頁可以通過其中的鏈接從一個網頁「跳轉」至另一個網頁。
Text( 文本) :
HTML是一種文本解釋性的程序語言, 即它的源代碼將不經過編譯而直接在瀏覽器中運行時被「翻譯」。
Markup( 標記) :
HTML的基本規則就是用「標記語言」 ---- 成對尖括弧組成的標簽元素來描述網頁內容是如何在瀏覽器中顯示的。
1.2 HTML文檔結構
HTML文檔一般由兩部分組成:
1. 文檔所要表達的內容信息( 文字、 圖片等) ;
2. 一系列的HTML標簽;
1.3 HTML標簽
1.3.1 什麼是HTML標簽
1. HTML標簽是用 <> 所括住的指令, 主要分為:
單標簽: <起始標簽/>
雙標簽: <起始標簽></結束標簽>
例如:
<br/>
<div></div>
2. 通常使用的是雙標簽。 有一個起始標簽就對應有一個結束標簽。 標簽內容寫在起始標簽和結束標簽之間。
<div>標簽內容</div>
3. 在元素的起始標簽中, 還可以包含「屬性」來設置元素的其他特性。 一個標簽可以有多個屬性,每個屬性之間用空格隔開。
<div 屬性名="屬性值"></div>
例如:
<div class="wrap" id="wrap"></div>
4. 每一對雙標簽之間可以嵌套, 但不能交叉。
正確示例:
<div>
<p></p>
</div>
錯誤示例:
<div>
<p>
</div>
</p>
1.4 編碼器
1.4.1 WebStorm源碼主體標簽含義
<!DOCTYPE> :
是一個聲明不是 HTML 標簽; 它是用來告訴 web 瀏覽器要使用哪個 HTML 版本來對頁面進行編寫。
<html>:
<html>是文檔標識符, 它是成對出現的, 首標簽<html>和尾標簽</html>分別位於 HTML 文檔的最前面和最後面, 明確地表示文檔是以超文本標識語
言( html)編寫的。 該標簽不帶有任何的屬性。
<head>:
<head>標簽用於定義文檔的頭部, 它是所有頭部元素的容器。 <head> 中的元素可以引用腳本、 指示瀏覽器在哪裡找到樣式表、 提供元信息等等。
<meta>:
<meta>標簽位於文檔的頭部, 用於定義文件信息, 對網頁文件進行說明。 其中name屬性主要用於描述網頁, 與之對應的屬性值為content, content中
的內容主要是便於搜索引擎機器人查找信息和分類信息用的。
<body>:
<body>標簽用於定義文檔的主體, 即在瀏覽器上看到的網頁內容。
4、網站規劃對網站建設起到什麼作用
企業網站在功能設置、內容和服務等方面也存在明顯的缺陷和不足。因此,對企業來說,要實現企業網站建設的網路營銷功能,就必須選擇專業的網路公司,比如沃然網路,企業網站建設想要具有網路營銷導向,必須具備以下八項功能,如果缺少這任何一項,其網路營銷效果就大打折扣。
品牌形象
產品/服務展示
信息發布
用戶服務
顧客關系
網上調查
資源合作
網上銷售
5、網頁設計,只用一個網頁怎麼實現框架的功能?
只用一個頁面的話只能用層吧,點擊導航,顯示一個層,隱藏其他層。
網上有許多就js+css寫的滑動門也可以實現類似效果
6、網頁詳細設計子模塊的功能與作用
?
7、簡述css的概念和在網頁設計中的作用
CSS是Cascading Style Sheets(層疊樣式表)的縮寫。
是一種對web文檔添加樣式的簡單機制,屬於表現層的布局語言。
1.基本語法規范
分析一個典型CSS的語句:
p {COLOR:#FF0000;BACKGROUND:#FFFFFF}
•其中"p"我們稱為"選擇器"(selectors),指明我們要給"p"定義樣式;
•樣式聲明寫在一對大括弧"{}"中;
•COLOR和BACKGROUND稱為"屬性"(property),不同屬性之間用分號";"分隔;
•"#FF0000"和"#FFFFFF"是屬性的值(value)。
2.顏色值
顏色值可以用RGB值寫,例如:color : rgb(255,0,0),也可以用十六進制寫,就象上面例子color:#FF0000。如果十六進制值是成對重復的可以簡寫,效果一樣。例如:#FF0000可以寫成#F00。但如果不重復就不可以簡寫,例如#FC1A1B必須寫滿六位。
3.定義字體
web標准推薦如下字體定義方法:
body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋體,sans-serif; }
字體按照所列出的順序選用。如果用戶的計算機含有Lucida Grande字體,文檔將被指定為Lucida Grande。沒有的話,就被指定為Verdana字體,如果也沒有Verdana,就指定為Lucida字體,依此類推,;
•Lucida Grande字體適合Mac OS X;
•Verdana字體適合所有的Windows系統;
•Lucida適合UNIX用戶
•"宋體"適合中文簡體用戶;
如果所列出的字體都不能用,則默認的sans-serif字體能保證調用;
4.群選擇器
當幾個元素樣式屬性一樣時,可以共同調用一個聲明,元素之間用逗號分隔,:
p, td, li { font-size : 12px ; }
5.派生選擇器
可以使用派生選擇器給一個元素里的子元素定義樣式,例如這樣:
li strong { font-style : italic; font-weight : normal;}
就是給li下面的子元素strong定義一個斜體不加粗的樣式。
6.id選擇器
用CSS布局主要用層"div"來實現,而div的樣式通過"id選擇器"來定義。例如我們首先定義一個層
<div id="menubar"></div>
然後在樣式表裡這樣定義:
#menubar {MARGIN: 0px;BACKGROUND: #FEFEFE;COLOR: #666;}
其中"menubar"是你自己定義的id名稱。注意在前面加"#"號。
id選擇器也同樣支持派生,例如:
#menubar p { text-align : right; margin-top : 10px; }
這個方法主要用來定義層和那些比較復雜,有多個派生的元素。
6.類別選擇器
在CSS里用一個點開頭表示類別選擇器定義,例如:
.14px {color : #f60 ;font-size:14px ;}
在頁面中,用class="類別名"的方法調用:
<span class="14px">14px大小的字體</span>
這個方法比較簡單靈活,可以隨時根據頁面需要新建和刪除。
7.定義鏈接的樣式
CSS中用四個偽類來定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a : active,例如:
a:link{font-weight : bold ;text-decoration : none ;color : #c00 ;}
a:visited {font-weight : bold ;text-decoration : none ;color : #c30 ;}
a:hover {font-weight : bold ;text-decoration : underline ;color : #f60 ;}
a:active {font-weight : bold ;text-decoration : none ;color : #F90 ;}
以上語句分別定義了"鏈接、已訪問過的鏈接、滑鼠停在上方時、點下滑鼠時"的樣式。注意,必須按以上順序寫,否則顯示可能和你預想的不一樣。記住它們的順序是「LVHA」。
8、網頁設計和網頁製作有什麼區別
網頁設計需要的還有美術功底,你只需要能知道的就是代碼是什麼意思,不需要懂得太多,但是你真懂得會也是有好處的!設計說白了就是把網頁的效果圖設計出來!而製作就是把效果圖用代碼的形式表現出來!希望我的回答你能懂!要是還有問題在線咨詢!
9、網頁製作中:子頁面和子目錄是一個意思嗎?有什麼區別
不是一個意思
子頁面指的是主頁的二級頁面,點開主頁上的鏈接跳轉到二級頁面。這個二級頁面稱為子頁面。
子目錄子的是網頁文件中的一個目錄下的文件件目錄,稱為子目錄
本質上有區別,一個是網業一個是文件目錄