華南師范大學設計師研修基地

7x24小時咨詢熱線

400-660-3310

當前位置 : 好學校 華南師范大學設計師研修基地 學習資訊 資訊詳情

網頁設計中五個實用的制作技巧

2015-03-03

網頁設計制作技巧

1、靈活運用樣式

熟悉網頁設計的網友就知道,調用Style的方法很多,我們可以單擊鼠標右鍵選擇Custon Style來調用Style標準,也可以在狀態(tài)欄中的元素列表上單擊右鍵來調用Style。雖然不同的方法達到的效果看似一樣,但實際上產生的HTML代碼則完全不同。比如用Custon Style來調用Style標準,在網頁代碼中就生成一個〈span〉標簽,這樣的標簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度,所以我們應盡量使用狀態(tài)欄中的元素列表來調用Style。

2、活用Format Table命令

在復雜的網頁設計中,表格的應用是多的,因為利用表格可以自由地控制文本和圖象在網頁上出現的具體位置,從而使整個網頁看上去緊湊統(tǒng)一。Dreamweaver在這方面也不甘落后,我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應用預先設計好的樣式。要使用預先設計好的樣式,先將光標置于表格的任意一個單元格內,再選擇“Command”→“Format Table”命令, 在隨后出現的對話框中,從左邊的列表中選擇一個設計方案。按“Apply” 鍵來查看效果,如果不滿意的話,還可以重新設置或者修改部分參數的值,如邊界粗細,背景顏色等等。

3、同時鏈接到兩個網頁

我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔,可以使用“Go To URL”JavaScript 行為。打開一個有框架的網頁,選擇文字或圖象,然后從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架并輸入相應的URL后再選擇另一個框架并輸入另一個URL。

4、不給文件起中文名稱

大家在制作好了網頁后,通常會給網頁起一個具有代表性的中文名稱,一來能使人一看文件名就能大概了解文件所包含的內容,二來能夠方便各個超級鏈接之間的相互調用。但如果你在Dreamweaver中這樣做,就會發(fā)現Dreamweaver對中文文件名支持得不是太好,經常會有頁面調用不正確的現象發(fā)生,所以我們以后在Dreamweaver中保存網頁的時候,盡量用英文或者數字作為文件名稱,這樣就可以避免上面的出錯現象。

5、巧妙設置字體分辨率

我們在制作網頁的時候,經常有這種體會,那就是制作好的網頁在本地計算機上瀏覽時很正常,但在另外一臺計算機上瀏覽時發(fā)現原本漂亮的網頁變得歪歪扭扭了,這是為什么呢?原來各個計算機的分辨率要使你的主頁在不同的分辨率下都能正常顯示,在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角,Dreamweaver 顯示當前文檔被設計成的分辨率大小。單擊哪個數字,在彈出式菜單中可以為當前的頁面指定顯示分辨率,通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。

收藏
分享到:

相關課程

相關資訊

華南師范大學設計師研修基地

華南師范大學設計師研修基地

認證等級

信譽良好,可安心報讀

華南師范大學設計師研修基地

已獲好學校V2信譽等級認證

信譽值

  • (60-80)基礎信譽積累,可放心報讀
  • (81-90)良好信譽積累,可持續(xù)信賴
  • (91-100)充分信譽積累,推薦報讀

與好學校簽訂讀書保障協(xié)議:

  • 98%
  • 2319
  • 59916
在線咨詢
;