在日常學習、工作或生活中,大家總少不了接觸作文或者范文吧,通過文章可以把我們那些零零散散的思想,聚集在一塊。大家想知道怎么樣才能寫一篇比較優(yōu)質的范文嗎?接下來小編就給大家介紹一下優(yōu)秀的范文該怎么寫,我們一起來看一看吧。
dreamweaver制作簡單網(wǎng)頁 怎樣用dreamweaver制作網(wǎng)頁篇一
網(wǎng)頁設計是根據(jù)企業(yè)希望向瀏覽者傳遞的信息(包括產(chǎn)品、服務、理念、文化),進行網(wǎng)站功能策劃,然后進行的頁面設計美化工作。本文特意為大家收集整理了dreamweaver制作網(wǎng)頁技巧20則,希望大家喜歡!
dreamweaver 安裝程序會在上下文選單增加一個“ edit with dreamweaver ”命令,我們還可以修改 windows 的注冊表使它與 ie 集成。就象 ms word 、 frontpage 和 notepad 一樣,通過 ie 工具欄的編輯按鈕來調用 dreamweaver 打開當前網(wǎng)頁。
將下面文本的最后一行要改為你自己的 dreamweaver 安裝路徑,把它們保存為一個 *.reg 文件,雙擊它將信息添加到注冊表即可。
regedit4
[nwithlistdreamweaver]
[nwithlistdreamweavershell]
[nwithlistdreamweavershelledit]
[nwithlistdreamweavershelleditcommand]
@="c:program filesmacromediadreamweaver %1"
如果要設置為 ie 缺省的編輯器,打開 ie 的“internet 選項”,在程序標簽指定。
因為瀏覽器以為鏈接到同一頁,可它又找不到定義的書簽( anchor ),于是停留在頁面的頂端。用“ javascript:void(null) ”替換空鏈接的“ # ”,解決這個問題。
在對不同瀏覽器的兼容方面, dreamweaver 作得不錯,但絕不意味用 dreamweaver 作出的網(wǎng)頁在 ie 和 netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個網(wǎng)頁的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。
一般要盡量注意以下問題:
不要混合使用層和表格排版,如果是父子關系,如層中表格,不在此原則范圍內;
內聯(lián)式的 css 在 netscape navigator 中經(jīng)常會出現(xiàn)問題,使用鏈式或內嵌式;
有時需要在空層插入表格或者透明圖片,以保證在 netscape navigator 里的效果。對于只有幾個像素寬度或高度的層,改用圖片來實現(xiàn);
避免使用 w3c 組織不推薦的排版屬性,用 css 代替。
dreamweaver 復制和粘貼文本有二種類別,標準的方式將對象連同對象的屬性一起復制,把剪貼板的內容作為 html 代碼;另一種方式僅復制或粘貼文本,復制時忽視 html 格式,粘帖時則把 html 代碼作為文本粘貼。多按一個“ shift ”( ctrl shift c/ctrl shift v )鍵即按后一種方式操作。
請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分,有時會留下一些多余的代碼,比如多余的鏈接,這些代碼在 dreamweaver 的文檔窗口看不到, ie 會忽視它們。但是 netscape navigator 對代碼要求更嚴格,預覽時就出現(xiàn)不可思議的現(xiàn)象。
netscape navigator 的書簽是大小寫敏感的。在 navigator 中,多層嵌套的表格里面的書簽會丟失,把書簽放到表格外面。
一個 800x600 分辯率的屏幕對于 dreamweaver 來說確實小了些,不過即便是 1024x768 ,也放不下所有的面板。關鍵是好好組織。
關閉那些在編輯中暫時用不到的`面板,把常用的面板放在一起,節(jié)省屏幕空間;
除非現(xiàn)在要用,否則關閉“ html source inspector ”,它除開占用屏幕空間,還占用相當?shù)南到y(tǒng)資源;
按 f4 隱藏所有打開的面板,一覽文檔的全貌,再按一下,顯示面板;
在“ windows ”選單有個“ arrange floating palettes ”命令,使用這個命令將所有打開的面板放在窗口四周,并互不重疊。
多用快捷鍵并熟練掌握是很好的提高工作效率的方法。
當添加不可見的對象時,dreamweaver會在文檔窗口的頁面頂部加上相應的圖標,如果圖標太多,可能妨礙編輯??梢园础癱trl shift i ”(主選單 view|invisible elements )來隱藏和顯示它們。也可以設定不出現(xiàn)這些圖標,不過不建議這樣作,因為它們能幫助選擇對象,便于編輯。
可以。有一種非常直觀的方式,按“ ctrl shift w ”(主選單 view|head content ),在文檔窗口主選單欄下出現(xiàn)一行圖標,點擊這些圖標修改。
在表格的單元格中點擊,然后按下“ shift ”鍵,用箭頭鍵移動即可選擇。
也可先選定表格單元(按下 ctrl 鍵,用鼠標點擊相應單元)或者層,然后在“ html source inspector ”面板中選擇高亮代碼中的 < img src="..."> ,返回文檔窗口,圖片即被選擇。
按“ ctrl f10 ”打開“ frames ”面板,點擊最外面的框,按“ ctrl j ”(主選單 modify|page properties )。
事件設定文件放在 dreamweaver 安裝目錄下的“ configurationbehaviorsevents ”文件夾,比如對于 4.0 以上版本瀏覽器,打開文件“ 4.0 and later ”。
< a onclick="*" ondblclick="" onkeydown="" onkeypress="" onkeyup="" onmousedown="" onmouseout="" onmouseover="" onmouseup="">
將“ onclick="*" ”中的“*”移到“ onmouseover="" ”中,改為: < a onclick="" ondblclick="" onkeydown="" onkeypress="" onkeyup="" onmousedown="" onmouseout="" onmouseover="*" onmouseup="">
重新啟動 dreamweaver ,該類缺省事件即變?yōu)椤皁nmouseover ”。其他類推。
能,不用寫一行代碼。在“ behaviors ”面板使用內置的“ open browser window ”腳本,設定頁面、窗口大小、屬性。如圖:
這是 dreamweaver 自動生成的,不要刪除它。如果表格單元里沒有任何東西, netscape navigator 將不顯示該單元。
用“ html source inspector ”面板在模板文檔的“ < /head> ”前加入可編輯標記,如下:
< !-- #begineditable "javascript" -->
< script language="javascript">
< /script>
< !-- #endeditable -->
check in/check out 是 dreamweaver 內部使用的一種管理機制,它與文件的屬性無關?!?check out ”意味著該文件正被我使用,別人不能編輯它;“ check in ”則表示該文件可以被別的同事 check out 及編輯,本地的文件就會變成只讀,防止自己改變它的內容。
dreamweaver 通過在本地和遠程服務器上產(chǎn)生相應的 “.lck” 文件來實現(xiàn) check in/check out 功能,這些文件在“ site ”窗口不顯示, dreamweaver 能夠讀這些文件,它只對 dreamweaver 有效。并沒有為文件加上什么屬性。如果用別的 ftp 工具和編輯器,仍舊可以打開它們。
如果圖片的大小不符,在屬性面板,它的值會變成顯目的粗體。按面板上的“ refresh ”按鈕,就可恢復成真實大小。
最直接的方法就是為該鏈接建立一個框架系。
用 dreamweaver 的“ go to url ” behavior 更簡單。對話框顯示所有的框架,在下面的“ url ”欄填入相應的頁面就是。
以前遇到這種情況,我一般在文本旁邊插入一張圖片,把需要的 behavior 加在圖片上。然后再編輯代碼,移到文本上,并去掉圖片。
上面的作法較繁瑣,便捷的方式是將文本鏈接到“ javascript:void(null) ”,那些 behavior 就老老實實顯露出來了。
用模板來作。
制作 flash 網(wǎng)頁時,人們習慣使用 dreamweaver 的“ check plugin” behavior 來重定向。但是有時它會錯報,明明安裝了插件,卻說沒有。下面介紹一種穩(wěn)妥的方法來重定向。
制作一個新的首頁作為重定向的頁面。用“ head ”對象面板的“ insert refresh ”定向到未使用 flash 技術的網(wǎng)頁,如圖。它會在頁面頭部加上如下代碼: < meta http-equiv="refresh" content="4;url=">
另作一個很小的 flash 影片,在第一幀加上一個“ get url ”行為,指向使用 flash 技術的頁面。把這個小影片嵌入到用來定向的首頁。
顯然,這個重定向的頁面是非??煽康?。
s("content_relate");
【dreamweaver制作網(wǎng)頁技巧20則】相關文章:
dreamweaver網(wǎng)頁設計制作技巧
09-11
提高 dreamweaver網(wǎng)頁設計制作技巧11-15
dreamweaver網(wǎng)頁設計制作的技巧10-04
dreamweaver制作網(wǎng)頁實用技巧09-10
dreamweaver定義模板批量制作網(wǎng)頁技巧09-15
制作網(wǎng)頁dreamweaver13個技巧09-14
dreamweaver怎么制作網(wǎng)頁09-24
dreamweaver怎樣制作網(wǎng)頁模板09-16
制作網(wǎng)頁,dreamweaver的基本步驟07-22
制作dreamweaver的技巧07-29
【本文地址:http://mlvmservice.com/zuowen/2619721.html】