1、在dreamweaver8中創建層的方法有哪幾種
現在網路上一般都流行 用層+div 的方法來做網頁.
用層可以更好的定位.布局.
層的概念:
層是一種HTML頁面元素,是指具有絕對或者相對位置的DIV標簽.
通過 Dreamweaver,您可以使用層來設計頁面的布局。您可以將層前後放置,隱藏某些層而顯示其他層,以及在屏幕上移動層。您可以在一個層中放置背景圖像,然後在該層的前面放置第二個層,它包含帶有透明背景的文本。
利用層可以非常靈活地放置內容。但是,使用舊版本的 Web 瀏覽器的站點訪問者查看層時可能會遇到麻煩。若要確保所有人都能夠查看您的 Web 頁,可以使用層設計頁面布局,然後將層轉換為表。有關更多信息,請參見將層轉換為表格。但是,如果您所面對的訪問者很可能使用某種最新的瀏覽器,則可以完全用層來設計布局,而無需將層轉換為表格
DIV的意思是區塊標簽。
如果已經給 div 標簽分配了絕對位置(也就是規定了這個DIV標簽的樣式),它就可充當一個 Dreamweaver 層。
2、在編寫html頁面時,如何在圖片上建個圖層
<div style="position:relative;/*這個是相對路徑*/"><div style="position:absolute;/*這個是絕對路徑這樣你的*/">這個是新建圖層,這個圖片最右和最頂部不設置Left和Top的情況下,會和放圖片的位置保存左上角對齊的</div><img src="你的圖片路徑" /></div>
上面的代碼可以直接放到頁面里Body區域里。就可以看到效果了。建議要把兩個DIV定義上寬和高。希望我的回答能給你幫助。
3、在網頁設計中,默認情況下按下什麼鍵可以建立一個嵌套層
因為層是絕對定位的,所以,大概嵌套了也沒什麼意義吧。
是不是要表達的不是這個意思呀。還是說要問題別的什麼。
能再說清楚些嗎?比如說舉個例子,或是說明你要實現的效果!
4、網頁設計中創建模板的方法
用DREAMWAVER的菜單里有一個模板項,能創建,過程不說了。
操作可以摸索一下,跟word差不多。
5、網頁設計中如何做層的定位
相對外邊的層固定不要指定position:absolute就行了
然後再用JS來對應對像的Z-INDEX,LEFT,HEIGHT來定位
6、網頁設計里table表格里怎麼定義層的位置
table用什麼層啊。直接用TABLE套就行了啊。或是用DIV那就要懂CSS了
7、創建網頁的步驟
1)首先你要注冊一個域名(例如:www.***.com),現在也有免費的二級域名可以申請,到百度搜索一下:免費的二級域名申請,可以找到. (2)你得去申請一個空間(就是你放網頁的地方),同樣有免費申請的(有WEB和FTP兩種上傳方式),但是一般免費空間都會在你申請的空間里放他們的廣告的,挺煩人的.空間分為:靜態空間和動態空間,靜態的是只支持html格式的網頁,動態的幾乎所有的文件格式都可以支持.但是靜態的比較不容易受到黑客的攻擊,就是編輯時麻煩點. (3)申請完空間就會獲得相應的IP地址一個,把域名解析到這個IP上,再把空間跟域名綁定一下(兩邊都要綁定哦,要不就打不開你的網站了. (4)下載一個網頁編輯器編寫自己的網頁內容(例如:Frongpage.DW2004等) (5)編輯完自己的網頁,接下來就是要把他放到自己的空間里了,那麼就得找一個上傳工具(例如:LEAPFTP等)上傳到空間里就OK了(注意:首頁的文件名必須為:index.htm或者index.asp等,具體請根據你所使用的語言). (6)告訴朋友你的網址,一起分享網路帶來的快樂吧. BB這是需要掌握的技術步驟 第一講 創建網站步驟 ①在D:盤新建一個文件夾(比如:Myweb) ②單擊「開始」→「程序」→「Microsoft FrontPage 」 ③單擊「文件」→「打開站點」,選擇查找范圍(比如: Myweb) ④在屏幕窗口右邊輸入文本或插入圖片,然後單擊「文件」→「保存」,保存時文件名為index.htm(提示:主頁文件名約定為Index.htm) ⑤新建其他網頁,請單擊「文件」→「新建」→「空白網頁」或直接單擊工具欄上新建按鈕。 注意,除主頁以外的其它網頁文件名可以自定義,但盡量用英文。 如果已經退出FrontPage,請重復第②~③步,然後雙擊文件夾列表中的相應文件名可以繼續編輯修改。 創建為網站的文件夾 普通文件夾 當前位置 主頁>>網頁設計與製作>>FrontPage 第二講 網頁的基本編輯 設置文本格式:在網頁視圖模式下,使用滑鼠左鍵拖動選擇要設置其格式的文本,單擊滑鼠右鍵,在所彈出的快捷菜單中選擇「字體」命令項,或單擊「格式」→「字體」。 插入圖片:將游標置於網頁編輯區中要插入圖片處,單擊「插入」→「圖片」。 插入水平線:將游標置於網頁編輯區中要插入水平線處,單擊「插入」→「水平線」。若需要修改水平線顏色或寬度,請雙擊網頁上的水平線 插入滾動字幕:將游標置於網頁編輯區中要插入字幕處,單擊「插入」→「組件」→「字幕」。然後,輸入要滾動出現的文本內容(提示:字幕效果必須經過預覽才能實現) 這里是滾動字幕演示 網頁背景:在網頁視圖模式下,在網頁編輯區中單擊滑鼠右鍵,選擇快捷菜單中的網頁屬性命令。出現對話框後,選擇背景。 當前位置 主頁>>網頁設計與製作>>FrontPage 第三講 表格操作 創建表格:將游標置於網頁編輯區中要插入表格處,單擊「表格」→「插入」→「表格」。 設置表格屬性:選中表格後,單擊「表格」→「屬性」→「表格」。 設置單元格屬性:選中單元格後,單擊「表格」→「屬性」→「單元格」。 插入新的單元格:將游標置於單元格中,選菜單欄中的「表格」→「插入」→「單元格」 拆分單元格:選擇要拆分的單元格,選菜單欄中的「表格」→「拆分單元格」 合並單元格:選擇要合並的一列、一行或一組相鄰的單元格,選菜單欄中的「表格」→「合並單元格」 當前位置 主頁>>網頁設計與製作>>FrontPage 第四講 創建超級鏈接 創建指向站點內的網頁或文件的超級鏈接:在網頁視圖模式下,鍵入或選中要用作超級鏈接的文本,選擇菜單欄中的「插入」→「超鏈接」。 創建指向一個書簽的超級鏈接:在網頁視圖模式下,首先在網頁內指定的位置插入一個書簽,方法是選擇菜單欄中的「插入」→「書簽」。然後,鍵入或選中要用作超級鏈接的文本,選擇菜單欄中的插入→超鏈接。出現創建超鏈接對話框,在書簽框上,選擇要將其作為目標的書簽。 使用導航欄:創建導航結構等同於創建超級鏈接,基本思路是首先創建導航結構,然後在需要的位置插入導航欄,如此同樣實現網頁之間的鏈接。具體步驟如下: 第一步,在導航視圖模式下,選中文件夾列表裡的網頁,拖曳導向要起放置的位置,若重命名網頁標題,可單擊滑鼠右鍵,選重命名; 第二步,在網頁視圖模式下,將游標置於網頁中需要插入導航欄的地方,單擊菜單欄「插入」→「導航欄」。 使用共享邊框:共享邊框內,包含了想要顯示在共享邊框的每一個網頁上的項目。在網頁視圖模式下,選擇菜單欄中的「格式」→「共享邊框」 使用主題:選擇菜單欄中的「格式」→「主題」 CC這是網頁運做的步驟 一、復雜方法 在手工製作個人網站的時代,我們可以總結出的網站製作步驟基本為:設計、切割、代碼生成、發布。而在此之前,應該規劃出網站的結構,包括頁面數、欄目設置等。 1.設計 進行頁面總體規劃,包括風格、布局等。網站製作要有整體風格,各部分要保持協調,整個頁面看起來才不顯得凌亂。然後用平面設計軟體製作整個頁面,常用的軟體有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的大拿,筆者也一直用它做頁面設計,它從6.0版開始特別增強了對網頁製作的支持,顯得非常方便。現在流行的Fireworks是Macromedia網頁製作三劍客的重劍手,由於它與Dreamweaver及Flash無縫集成,越來越受到網站製作人的歡迎。 2.切割 做完第1步,我們得到的只是一個圖片文件,還沒集成網頁上應該有的元素。接下來要將圖片按製作需求切割成小圖。切割功能前面提到的兩個設計軟體中已經集成了(如Photoshop中提供的切片工具),不需要專門的軟體來處理。 3.代碼生成 這是整個製作過程中最重要的一環。我們要用HTML語言將切割下來的組件按整體設計「拼裝」回去。眾所周知,HTML語言是一種標記型語言,不須要編譯就可以直接在瀏覽器中執行。所以理論上,我們可以用記事本等文本編輯工具來寫代碼。手寫代碼雖然被看作是一種很「酷」的行為,但是很耗時間,而且很難精確地控制格式。這時,便該專門的HTML編輯軟體出場了。 HTML編輯軟體大體上可分為兩類:一類是代碼型,典型代表為Homesite、Hotdog等;一類是所見即所得型,典型代表為Frontpage。也有兩者兼具的,就是大名鼎鼎的Macromedia Dreamweaver。代碼型實際上就是一個文本編輯器,不同的是,它可以有專門的代碼提示功能,用起來比較方便。所見即所得是目前大家最推崇的方式,因為可視化的編輯基本丟棄了代碼,方便快捷。 說到Dreamweaver,筆者就不多介紹了,我相信大部分的網站製作人都使用它在工作。Dreamweaver提供了代碼編寫模式和設計模式(即所見即所得),並且首次將「層」概念引入網頁製作。Dreamweaver幾乎可以滿足所有人的需求,甚至還提供了ASP、PHP等腳本語言的代碼提示。 4.發布 將製作好的頁面放到伺服器上,以便更多的人能瀏覽。發布通常採用FTP的方式,將文件上傳到伺服器。目前的網頁製作工具基本上都有發布工具,可以通過各種方式發布你的頁面,如Dreamweaver中的「站點管理器」。用戶亦可使用FTP客戶端軟體進行這步操作。
8、網頁設計中層有哪些作用?
圖層是網頁的一個區域,在一個網頁中可以有多個圖層存在,它最大的魅力在於各個圖層可以重疊,並且可以決定每個圖層是否可見,同時也能夠自定義各圖層之間的層次關系。在熟練掌握了圖層技術之後,就可以給網頁提供強大的頁面控制能力。
為了說明圖層的功能,我們先來製作簡單的實例:
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以上版本的瀏覽器才支持圖層功能,因此為了讓使用舊版本瀏覽器的朋友也可以看到你辛苦製作出來的作品,最好的方法就是把圖層轉換為表格。
如果想把自己的網頁製作的絢麗多彩,就必須掌握圖層技術,否則日後製作動態網頁時候將會遇到不少困難,因此建議大家通過上文的介紹深入研究一下,才能夠真正掌握圖層技術。
9、網頁設計分塊中怎樣新建一層?
說詳細點。。新建DIV 直接<div class="div"></div>