dreamweaver制作簡單網(wǎng)頁 怎樣用dreamweaver制作網(wǎng)頁優(yōu)秀

在日常學(xué)習(xí)、工作或生活中，大家總少不了接觸作文或者范文吧，通過文章可以把我們那些零零散散的思想，聚集在一塊。大家想知道怎么樣才能寫一篇比較優(yōu)質(zhì)的范文嗎？接下來小編就給大家介紹一下優(yōu)秀的范文該怎么寫，我們一起來看一看吧。

dreamweaver制作簡單網(wǎng)頁 怎樣用dreamweaver制作網(wǎng)頁篇一

網(wǎng)頁設(shè)計(jì)是根據(jù)企業(yè)希望向?yàn)g覽者傳遞的信息(包括產(chǎn)品、服務(wù)、理念、文化)，進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計(jì)美化工作。本文特意為大家收集整理了dreamweaver制作網(wǎng)頁技巧20則，希望大家喜歡!

dreamweaver 安裝程序會(huì)在上下文選單增加一個(gè)“ edit with dreamweaver ”命令，我們還可以修改 windows 的注冊(cè)表使它與 ie 集成。就象 ms word 、 frontpage 和 notepad 一樣，通過 ie 工具欄的編輯按鈕來調(diào)用 dreamweaver 打開當(dāng)前網(wǎng)頁。

將下面文本的最后一行要改為你自己的 dreamweaver 安裝路徑，把它們保存為一個(gè) *.reg 文件，雙擊它將信息添加到注冊(cè)表即可。

regedit4

[nwithlistdreamweaver]

[nwithlistdreamweavershell]

[nwithlistdreamweavershelledit]

[nwithlistdreamweavershelleditcommand]

@="c:program filesmacromediadreamweaver %1"

如果要設(shè)置為 ie 缺省的編輯器，打開 ie 的“internet 選項(xiàng)”，在程序標(biāo)簽指定。

因?yàn)闉g覽器以為鏈接到同一頁，可它又找不到定義的書簽( anchor )，于是停留在頁面的頂端。用“ javascript:void(null) ”替換空鏈接的“ # ”，解決這個(gè)問題。

在對(duì)不同瀏覽器的兼容方面， dreamweaver 作得不錯(cuò)，但絕不意味用 dreamweaver 作出的網(wǎng)頁在 ie 和 netscape 中完全一樣。通常情況下，用不同的瀏覽器瀏覽同一個(gè)網(wǎng)頁的外觀不可能完全一樣，這是不同廠家的瀏覽器本身決定的。

一般要盡量注意以下問題：

不要混合使用層和表格排版，如果是父子關(guān)系，如層中表格，不在此原則范圍內(nèi);

內(nèi)聯(lián)式的 css 在 netscape navigator 中經(jīng)常會(huì)出現(xiàn)問題，使用鏈?zhǔn)交騼?nèi)嵌式;

有時(shí)需要在空層插入表格或者透明圖片，以保證在 netscape navigator 里的效果。對(duì)于只有幾個(gè)像素寬度或高度的層，改用圖片來實(shí)現(xiàn);

避免使用 w3c 組織不推薦的排版屬性，用 css 代替。

dreamweaver 復(fù)制和粘貼文本有二種類別，標(biāo)準(zhǔn)的方式將對(duì)象連同對(duì)象的屬性一起復(fù)制，把剪貼板的內(nèi)容作為 html 代碼;另一種方式僅復(fù)制或粘貼文本，復(fù)制時(shí)忽視 html 格式，粘帖時(shí)則把 html 代碼作為文本粘貼。多按一個(gè)“ shift ”( ctrl shift c/ctrl shift v )鍵即按后一種方式操作。

請(qǐng)檢查代碼。因?yàn)橛盟娝镁庉嬈鞣磸?fù)修改頁面的某些部分，有時(shí)會(huì)留下一些多余的代碼，比如多余的鏈接，這些代碼在 dreamweaver 的文檔窗口看不到， ie 會(huì)忽視它們。但是 netscape navigator 對(duì)代碼要求更嚴(yán)格，預(yù)覽時(shí)就出現(xiàn)不可思議的現(xiàn)象。

netscape navigator 的書簽是大小寫敏感的。在 navigator 中，多層嵌套的表格里面的書簽會(huì)丟失，把書簽放到表格外面。

一個(gè) 800x600 分辯率的屏幕對(duì)于 dreamweaver 來說確實(shí)小了些，不過即便是 1024x768 ，也放不下所有的面板。關(guān)鍵是好好組織。

關(guān)閉那些在編輯中暫時(shí)用不到的`面板，把常用的面板放在一起，節(jié)省屏幕空間;

除非現(xiàn)在要用，否則關(guān)閉“ html source inspector ”，它除開占用屏幕空間，還占用相當(dāng)?shù)南到y(tǒng)資源;

按 f4 隱藏所有打開的面板，一覽文檔的全貌，再按一下，顯示面板;

在“ windows ”選單有個(gè)“ arrange floating palettes ”命令，使用這個(gè)命令將所有打開的面板放在窗口四周，并互不重疊。

多用快捷鍵并熟練掌握是很好的提高工作效率的方法。

當(dāng)添加不可見的對(duì)象時(shí)，dreamweaver會(huì)在文檔窗口的頁面頂部加上相應(yīng)的圖標(biāo)，如果圖標(biāo)太多，可能妨礙編輯?？梢园础癱trl shift i ”(主選單 view|invisible elements )來隱藏和顯示它們。也可以設(shè)定不出現(xiàn)這些圖標(biāo)，不過不建議這樣作，因?yàn)樗鼈兡軒椭x擇對(duì)象，便于編輯。

可以。有一種非常直觀的方式，按“ ctrl shift w ”(主選單 view|head content )，在文檔窗口主選單欄下出現(xiàn)一行圖標(biāo)，點(diǎn)擊這些圖標(biāo)修改。

在表格的單元格中點(diǎn)擊，然后按下“ shift ”鍵，用箭頭鍵移動(dòng)即可選擇。

也可先選定表格單元(按下 ctrl 鍵，用鼠標(biāo)點(diǎn)擊相應(yīng)單元)或者層，然后在“ html source inspector ”面板中選擇高亮代碼中的 < img src="..."> ，返回文檔窗口，圖片即被選擇。

按“ ctrl f10 ”打開“ frames ”面板，點(diǎn)擊最外面的框，按“ ctrl j ”(主選單 modify|page properties )。

事件設(shè)定文件放在 dreamweaver 安裝目錄下的“ configurationbehaviorsevents ”文件夾，比如對(duì)于 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="">

重新啟動(dòng) dreamweaver ，該類缺省事件即變?yōu)椤皁nmouseover ”。其他類推。

能，不用寫一行代碼。在“ behaviors ”面板使用內(nèi)置的“ open browser window ”腳本，設(shè)定頁面、窗口大小、屬性。如圖：

這是 dreamweaver 自動(dòng)生成的，不要?jiǎng)h除它。如果表格單元里沒有任何東西， netscape navigator 將不顯示該單元。

用“ html source inspector ”面板在模板文檔的“ < /head> ”前加入可編輯標(biāo)記，如下：

< !-- #begineditable "javascript" -->

< script language="javascript">

< /script>

< !-- #endeditable -->

check in/check out 是 dreamweaver 內(nèi)部使用的一種管理機(jī)制，它與文件的屬性無關(guān)?！?check out ”意味著該文件正被我使用，別人不能編輯它;“ check in ”則表示該文件可以被別的同事 check out 及編輯，本地的文件就會(huì)變成只讀，防止自己改變它的內(nèi)容。

dreamweaver 通過在本地和遠(yuǎn)程服務(wù)器上產(chǎn)生相應(yīng)的 “.lck” 文件來實(shí)現(xiàn) check in/check out 功能，這些文件在“ site ”窗口不顯示， dreamweaver 能夠讀這些文件，它只對(duì) dreamweaver 有效。并沒有為文件加上什么屬性。如果用別的 ftp 工具和編輯器，仍舊可以打開它們。

如果圖片的大小不符，在屬性面板，它的值會(huì)變成顯目的粗體。按面板上的“ refresh ”按鈕，就可恢復(fù)成真實(shí)大小。

最直接的方法就是為該鏈接建立一個(gè)框架系。

用 dreamweaver 的“ go to url ” behavior 更簡單。對(duì)話框顯示所有的框架，在下面的“ url ”欄填入相應(yīng)的頁面就是。

以前遇到這種情況，我一般在文本旁邊插入一張圖片，把需要的 behavior 加在圖片上。然后再編輯代碼，移到文本上，并去掉圖片。

上面的作法較繁瑣，便捷的方式是將文本鏈接到“ javascript:void(null) ”，那些 behavior 就老老實(shí)實(shí)顯露出來了。

用模板來作。

制作 flash 網(wǎng)頁時(shí)，人們習(xí)慣使用 dreamweaver 的“ check plugin” behavior 來重定向。但是有時(shí)它會(huì)錯(cuò)報(bào)，明明安裝了插件，卻說沒有。下面介紹一種穩(wěn)妥的方法來重定向。

制作一個(gè)新的首頁作為重定向的頁面。用“ head ”對(duì)象面板的“ insert refresh ”定向到未使用 flash 技術(shù)的網(wǎng)頁，如圖。它會(huì)在頁面頭部加上如下代碼： < meta http-equiv="refresh" content="4;url=">

另作一個(gè)很小的 flash 影片，在第一幀加上一個(gè)“ get url ”行為，指向使用 flash 技術(shù)的頁面。把這個(gè)小影片嵌入到用來定向的首頁。

顯然，這個(gè)重定向的頁面是非?？煽康?。

s("content_relate");

【dreamweaver制作網(wǎng)頁技巧20則】相關(guān)文章：

dreamweaver網(wǎng)頁設(shè)計(jì)制作技巧

09-11

11-15

10-04

09-10

09-15

09-14

09-24

09-16

07-22

07-29

【本文地址：http://mlvmservice.com/zuowen/2619721.html】