Time of Update: 2017-02-28
Dreamweaver MX 2004新增加了表格寬度輔助線功能,讓我們在編輯網頁表格的時候能清楚地看到表格中各單元的寬度以及變化,很直觀。 但是如果我們不想讓Dreamweaver MX
Time of Update: 2017-02-28
在Site中開啟body.dwt網站模板檔案,將會發現跟body.htm頁面好像沒什麼分別,但其實是不一樣的,在body.htm中是無法添加可編輯區域的。可編輯區域只能在模板檔案中添加。為了讓大家更好的理解“可編輯區域”,我們先用此模板產生一個htm檔案:點FileàNew From Template,彈出Select
Time of Update: 2017-02-28
設計頁面時,經常會從一個頁面開啟一個子視窗以供瀏覽者查看。通常,這種子視窗中的內容一經瀏覽者看過,對於瀏覽者而言就不再需要,而他們常常會忘記關掉這些小視窗,致使許多的瀏覽器視窗開啟著,耗用大量的資源。因此我們可以將子視窗設計成經過一段時間後可以自動關閉的形式。 本例中製作了兩個頁面,如圖1所示,
Time of Update: 2017-02-28
通常情況下,我們如果接到一個單,肯定是要先設計Demo給客戶看,客戶還沒看到設計Demo前,通常是不會給錢的。這時候我們最擔心的一點就是Demo會被客戶直接拿去使用,而錢卻分文未付,損失的是我們自己。 那麼如何防止網頁Demo被那些賴賬的客戶盜用呢?很多人會想,把網頁的原始碼加密。但是,有用嗎?客戶只要另存一下,網頁就和你SayGoodBye了,用戶端的東西可以直接下載下來,就算有flash,也可以用webzip整站連同加密過原始碼都一起下載,這個辦法還是行不通
Time of Update: 2017-02-28
大家都知道,Dreamweaver是一款專業的網頁設計工具,提供了許多方便、實用的功能,使得以前許多網頁效果的實現從繁瑣的代碼中解脫出來,只要輕點滑鼠即可實現。其中為網頁映像增添特效就是其具有特色的功能之一,利用它可以為映像添加諸如陰影、運動、波浪、及淡入淡出等特效。這種特效不會增加映像的大小,當然也不會影響其下載速度。其具體的實現方法如下: 1、在Dreamweaver編輯視窗中,點擊功能表命令“Window/Css
Time of Update: 2017-02-28
做網頁編輯的最怕的就是瀏覽器不相容性問題,這不今天也讓俺碰到了DIV邊距屬性在Chrome和IE中不相容問題,具體如下: 今天在單位給某企業網站做頁面,然後回家進行修改,首先在IE中開啟瀏覽,暈,慘不忍睹,怎麼回事,開始以為是CSS樣式沒拷過來,查看沒丟,一下想到估計是瀏覽器安全色性問題,最後經仔細查看原因出在div中的padding設定上,具體如下: 如果是以下的設定Chrome和IE的設定沒問題 代碼如下: div1 { width:960px; margin:0px;
Time of Update: 2017-02-28
代碼如下:<style type="text/css" >.wdqy{background-image: url(../../../images/Common/common.png);background-repeat: no-repeat;background-position: -35px -694px;padding-right: 15px;}.wdqy:hover{background-image:
Time of Update: 2017-02-28
在 Dreamweaver 的“文檔”視窗中開啟 index.html 頁面,插入一個三列的表格,在由三列組成的表格的中間一列中放置的圖形之上單擊一次。 選擇“插入”>“媒體”>“Flash 視頻”。 在“插入 Flash 視頻”對話方塊中,從“視頻類型”彈出式菜單中選擇“漸進式下載視頻”。
Time of Update: 2017-02-28
我們在用Dreaweave書寫英文文本時,段落一般不縮排(不支援半形空格);但我們大多的時候都是用中文書寫格式,必須在每段開頭空兩個漢字的位置。但瀏覽器對於文本中的空格,不管多少只認一個空格。 如何在中實現文本的段落縮排,也就成了網頁製作中的一大難題。針對這一問題,本文為大家提供以下幾種解決辦法。 一、用自Dreaweave身所帶的功能 1、在Dreamweaver中執行下面操作4次就可以插入兩個漢字大小的空格。 2、用同背景色相同顏色的字元來完成插入空格,這種方法操作比
Time of Update: 2017-02-28
在大量搜尋和摸索後,終於成功。總結如下:1、便Dreamweaver能識別*.kid檔案,併當做html頁面來處理,需要修改兩個檔案, (1)Extensions.txt------位於你的使用者目錄下,如 C:Documents and SettingsAdministratorApplication DataMacromediaDreamweaver
Time of Update: 2017-02-28
1、靈活運用樣式 熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊滑鼠右鍵選擇Custon Style來調用Style標準,也可以在狀態列中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。比如用Custon Style來調用Style標準,在網頁代碼中就產生一個〈span〉標籤,這樣的標籤一多就會使檔案十分臃腫而且影響瀏覽器的解析速度,所以我們應盡量使用狀態列中的元素列表來調用Style。 2、
Time of Update: 2017-02-28
建立導航條 如果不使用架構,可以在每個版面設定導航條,導航條設一組連結按鈕,供瀏覽者選擇使用。按鈕有多種形式,下邊介紹由滑鼠經過映像變換按鈕的組成的導航條製作:(導航條在頁面頂部) “滑鼠經過映像”是當訪問者用滑鼠指標指向該映像時,該映像發生變化。 “滑鼠經過映像”由兩個圖片組成:頁面最初載入時顯示的原始映像,訪問者將滑鼠指標移到原始映像上時顯示另一幅映像。 提示:事先您要製作好按鈕映像,確保每個按鈕的映像都具有相同的寬度和
Time of Update: 2017-02-28
UTF-8是UTF-8編碼是一種目前廣泛應用於網頁的編碼,它其實是一種Unicode編碼,即致力於把全球所有語言納入一個統一的編碼。前UTF-8已經把幾種重要的亞洲語言納入,包括簡繁中文和日韓文字。所以在製作某些網站時,需要使用UTF-8,那麼怎麼把gb2312編碼轉換到utf-8編碼呢?在dreamweaver裡只需要一步即可實現。 找到菜單的修改——頁面屬性——標題和編碼,在編碼列表中選擇UTF-8後確定即可。 Unicod
Time of Update: 2017-02-28
在開發建設網站的過程中,也許我們會遇到這樣的情況,當我們的網站已經進行了相當一部分,卻發現還需要對某些細節進行修改。這時候不可能完全依靠手工去更改了,怎麼辦呢?利用Dreamwaver中的尋找替換能夠協助實現這些修改。 Dreamwaver的尋找替換功能十分強大,在它的尋找替換對話方塊中甚至可以用精確的“查詢語言”來控制尋找過程。我們在Dreamwaver中調出“尋找對話方塊”的快速鍵是“Ctrl+H”,各
Time of Update: 2017-02-28
在製作之前請先下載flevPersistentDivs.mxp外掛程式: 作法: 先在 Dreamweaver 插入一個圖層 然後將廣告圖片放在圖層裡面 最後,在標籤上使用這個外掛程式即可 真是好用的外掛 安裝後會放在行為→新增行為→RibbersZeewolde→Persistent
Time of Update: 2017-02-28
在製作網頁時,我們可以使用各種網頁布局方法,今天小編為大家介紹一下如何使用IFrame架構進行布局。 首先在“插入”菜單中選擇“HTML”——“架構”下的“IFrame”,如下圖所示: 插入IFrame後,會跳轉到拆分模式,這時我們可以在代碼視窗中看到<iframe></iframe>,說明你已經插入了iframe架構。 在代碼中輸
Time of Update: 2017-02-28
手寫代碼,相信還會有人繼續這樣做的,那麼,你們有沒有研究出怎樣才能方便快捷輯網頁標籤呢? 雖然Dreamweaver已經為我們提供了程式碼檢視,可是必竟還要手工去尋找,還要來回地切換。雖然也可以用程式碼檢視與編輯檢視並存的方式,但還要佔用一半的螢幕空間,使本來便不大的編輯地區更顯得擁擠。有沒有更好的辦法呢?接下來,學會下面的方法就知道如何提高效率了吧! 下面我們以Dreamweaver
Time of Update: 2017-02-28
各位想必都知道,onfocus=”this.blur()”這條代碼能消除連結時的虛線框,但你有沒有想過,如果你的網頁上有幾個甚至上百個連結,而你又想要去掉上面那些討厭的虛線框,難道你還一個個去Ctrl+C、Ctrl+V,天哪!這對一個正常人來說絕對是個惡夢。也許你會說,用DW或其它文字編輯器裡的“尋找/替換”功能就能解決,對!不可否認,這是一個好辦法,但作為一個優秀的web
Time of Update: 2017-02-28
1、如果想在整個網站所有網頁的地址欄上都顯示出自己的個性小表徵圖,只需要將表徵圖檔案命名為 favicon.ico ,然後將該表徵圖檔案放置在網站伺服器中的網站根目錄下就可以了。 注意:使用此方法時一定要將表徵圖檔案命名為 favicon.ico ,並將其放置在網站根目錄下。2、輸入連結代碼。如果讀者只想在一個頁面上放置個性表徵圖或者在不同網頁上放置不同的表徵圖,那麼就需要在網頁 <head> ( HTML 檔案頭標籤)中輸入連結代碼了,如圖 33-3 所示。
Time of Update: 2017-02-28
我們製作中要完成的效果是當滑鼠移動到文字上時,就會彈出一個漂亮的菜單,如圖 17-1 和圖 17-2 所示。 具體操作步驟如下: 1、輸入文字並設定超連結。在網頁中輸入文字,因為單獨的文本文字是無法添加行為的,按照 Dreamweaver 中的約定,將文字的超連結設定為“ JavaScript:; ”才能夠添加行為。所以將文字的超連結設為“ Javascript:; ”,並執行【顯示彈出式菜單】行為,如圖 17-3 所示。