雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

dreamweaver網頁設計技巧,你的網頁設計好幫手

Time: 2020-01-02

網頁設計是一門非常講究技術的工作, 而網頁設計師也需要借助輔助軟件來進行網頁的設計與排版,dreamweaver便是其中運用最多的一種,下面我們跟隨小編一起來了解一下dreamweaver網頁設計的相關資料吧。


dreamweaver網頁設計技巧

技巧一、靈活運用樣式

  網頁設計的過程中需要在調用Style,并不僅僅局限一種方法,可以通過點擊鼠標右鍵選擇Custon Style來調用Style標準,或者是通過點擊狀態欄進行調用,效果都是一樣的,而且產生的HTML代碼也完全相同。

技巧二、多用Format Table命令

  網頁設計中使用表格的時候很多,因為可以利用它自由的控制文本和圖像,而利用Dreamweaver的“Format Table”(格式化表格)命令也可以快速地對表格應用預先設計好的樣式,而且如果測評效果不好,可以重新設置或修改部分參數的值。

  技巧三、同時鏈接兩個網頁

  超鏈接一次只能鏈到一個頁面,可以使用“Go To URL”JavaScript,可以一次性在不同的框架頁實現文檔的打開,在面板中選擇“Go To URL”,Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架,選擇一個并輸入相應的URL就可以選擇另一個進入輸入URL。

技巧四、文件不起中文名稱

  網頁設計制作完成以后需要給文件起一個名稱以便查找,而且還可以方便各個超鏈接之間的相互調用,但在Dreamweaver中對中文名稱的支持功能卻欠缺,因此為了避免發生調用不當的情況發生,在用Dreamweaver中保存網頁的時候,盡量不起中文名稱用英文或數字就好。


maxresdefault_WPS圖片.jpg

(圖片來自網絡)


  dreamweaver網頁設計常見問題

  1.為何從別的文檔拷貝文本到 Dreamweaver ,所有的段落會擠成一團,而在 Dreamweaver 內部又帶有格式代碼?

  Dreamweaver 復制和粘貼文本有二種類別,標準的方式將對象連同對象的屬性一起復制,把剪貼板的內容作為 HTML 代碼;另一種方式僅復制或粘貼文本,復制時忽視 html 格式,粘帖時則把 html 代碼作為文本粘貼。多按一個“ Shift “( Ctrl+Shift+C/Ctrl+Shift+V )鍵即按后一種方式操作。

  2.作網頁時,鼠標飛舞,經常改變了設置好的圖片的大小。能夠不重新查看圖片就糾正嗎?

  如果圖片的大小不符,在屬性面板,它的值會變成顯目的粗體。按面板上的“ Refresh ”按鈕,就可恢復成真實大小。

  3.為什么網頁用 IE 瀏覽正常,用 Netscape Navigator 卻不符合要求甚至出錯,而且在 Dreamweaver 的文檔窗口老是修改不好?

  請檢查代碼。因為用所見所得編輯器反復修改頁面的某些部分,有時會留下一些多余的代碼,比如多余的鏈接,這些代碼在 Dreamweaver 的文檔窗口看不到, IE 會忽視它們。但是 Netscape Navigator 對代碼要求更嚴格,預覽時就出現不可思議的現象。

  4.怎樣將 Dreamweaver 集成到 IE 瀏覽器?

  Dreamweaver 安裝程序會在上下文選單增加一個“ Edit with Dreamweaver ”命令,我們還可以修改 Windows 的注冊表使它與 IE 集成。就象MS Word 、 Frontpage 和 Notepad 一樣,通過 IE 工具欄的編輯按鈕來調用 Dreamweaver 打開當前網頁。


dw19_FI.jpg

(圖片來自網絡)


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

  REGEDIT4

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver]

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell]

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit]

  [HKEY_CLASSES_ROOT\.htm\OpenWithList\Dreamweaver\shell\edit\command]

  @="C:\Program files\Macromedia\Dreamweaver 3\dreamweaver.exe %1"

  如果要設置為 IE 缺省的編輯器,打開 IE 的“Internet 選項”,在程序標簽指定。

  5.使用 CSS 、層的時候,在不同瀏覽器的效果不一樣,有時甚至出現錯位現象,怎樣解決?

  在對不同瀏覽器的兼容方面, Dreamweaver 作得不錯,但絕不意味用 Dreamweaver 作出的網頁在 IE 和 Netscape 中完全一樣。通常情況下,用不同的瀏覽器瀏覽同一個網頁的外觀不可能完全一樣,這是不同廠家的瀏覽器本身決定的。

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

  不要混合使用層和表格排版,如果是父子關系,如層中表格,不在此原則范圍內;內聯式的 CSS 在 Netscape Navigator 中經常會出現問題,使用鏈式或內嵌式; 有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。對于只有幾個像素寬度或高度的層,改用圖片來實現; 避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。


  小編覺得dreamweaver網頁設計的各項操作雖然看起來相對比較復雜,但是其實使用dreamweaver軟件功能是非常強大的,在進行網頁設計時也是非常省時省力的哦!


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開