建站常識
網(wǎng)頁設(shè)計(jì)中實(shí)用的制作技巧
2006-09-22 10:46:00
1、靈活運(yùn)用樣式
熟悉網(wǎng)頁設(shè)計(jì)的網(wǎng)友就知道,調(diào)用Style的方法很多,我們可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn),也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣,但實(shí)際上產(chǎn)生的HTML代碼則完全不同。比如用Custon Style來調(diào)用Style標(biāo)準(zhǔn),在網(wǎng)頁代碼中就生成一個〈span〉標(biāo)簽,這樣的標(biāo)簽一多就會使文件十分臃腫而且影響瀏覽器的解析速度,所以我們應(yīng)盡量使用狀態(tài)欄中的元素列表來調(diào)用Style。
2、活用Format Table命令
在復(fù)雜的網(wǎng)頁設(shè)計(jì)中,表格的應(yīng)用是最多的,因?yàn)槔帽砀窨梢宰杂傻乜刂莆谋竞蛨D象在網(wǎng)頁上出現(xiàn)的具體位置,從而使整個網(wǎng)頁看上去緊湊統(tǒng)一。Dreamweaver在這方面也不甘落后,我們可以使用其中的“Format Table”(格式化表格)命令來快速地對表格應(yīng)用預(yù)先設(shè)計(jì)好的樣式。要使用預(yù)先設(shè)計(jì)好的樣式,先將光標(biāo)置于表格的任意一個單元格內(nèi),再選擇“Command”→“Format Table”命令, 在隨后出現(xiàn)的對話框中,從左邊的列表中選擇一個設(shè)計(jì)方案。按“Apply” 鍵來查看效果,如果不滿意的話,還可以重新設(shè)置或者修改部分參數(shù)的值,如邊界粗細(xì),背景顏色等等。
3、同時鏈接到兩個網(wǎng)頁
我們都知道超級鏈接一次只能連到一個頁面。如果我們要想一次在不同的框架頁中打開文檔,可以使用“Go To URL”JavaScript 行為。打開一個有框架的網(wǎng)頁,選擇文字或圖象,然后從行為面板中選擇“Go To URL”。我們會注意到Dreamweaver會在“Go To URL”對話框中顯示所有可用的框架。選擇其中一個我們想鏈接的框架并輸入相應(yīng)的URL后再選擇另一個框架并輸入另一個URL。
4、不給文件起中文名稱
大家在制作好了網(wǎng)頁后,通常會給網(wǎng)頁起一個具有代表性的中文名稱,一來能使人一看文件名就能大概了解文件所包含的內(nèi)容,二來能夠方便各個超級鏈接之間的相互調(diào)用。但如果你在Dreamweaver中這樣做,就會發(fā)現(xiàn)Dreamweaver對中文文件名支持得不是太好,經(jīng)常會有頁面調(diào)用不正確的現(xiàn)象發(fā)生,所以我們以后在Dreamweaver中保存網(wǎng)頁的時候,盡量用英文或者數(shù)字作為文件名稱,這樣就可以避免上面的出錯現(xiàn)象。
5、巧妙設(shè)置字體分辨率
我們在制作網(wǎng)頁的時候,經(jīng)常有這種體會,那就是制作好的網(wǎng)頁在本地計(jì)算機(jī)上瀏覽時很正常,但在另外一臺計(jì)算機(jī)上瀏覽時發(fā)現(xiàn)原本漂亮的網(wǎng)頁變得歪歪扭扭了,這是為什么呢?原來各個計(jì)算機(jī)的分辨率要使你的主頁在不同的分辨率下都能正常顯示,在 Dreamweaver中得到了較好的解決。在文檔窗口的右下角,Dreamweaver 顯示當(dāng)前文檔被設(shè)計(jì)成的分辨率大小。單擊哪個數(shù)字,在彈出式菜單中可以為當(dāng)前的頁面指定顯示分辨率,通過修改可以使你的主頁更具靈活性。使不同分辨率的顯示器都能較好地顯示。
#p#
6、巧妙隱藏標(biāo)簽
如果在網(wǎng)頁中插入了不可見的元素時,Dreamweaver會自動在頁面上添加一個與之相應(yīng)的元素標(biāo)簽,以便于我們選擇不可見元素。但這并不全是件好事,比如我們在一個有很多層的頁面中的第一行便插入一個表格,就會發(fā)現(xiàn)由于首行排列了太多的層元素標(biāo)簽而使得表格自動退到了頁面的第二行,雖然在瀏覽時并不影響效果,但這確確實(shí)實(shí)會阻礙我們的工作。所以當(dāng)我們覺得某個元素標(biāo)簽礙手礙腳時,就索性將之屏蔽掉。方法是按Ctrl+U打開Preferences面板,在Category中選中Invisibel Elements,在面板的右邊將會出現(xiàn)所有的元素標(biāo)簽。只要將不需要的元素標(biāo)簽前的勾去掉,以后它就保證不會再出現(xiàn)了。
7、善用拖放技巧
我們在使用Dreamweaver編輯網(wǎng)頁的時候,經(jīng)常需要插入一些圖象什么的,假設(shè)要插入的圖象很多,按照常規(guī)方法來操作就顯得非常麻煩。我們可以利用拖放技巧來很好地解決這個問題。首先我們把Dreamweaver的操作窗口變成活動窗口,以騰出空間來顯示Explorer窗口,找到要插入的圖象文件后,把它們一一用鼠標(biāo)拖動到網(wǎng)頁的適當(dāng)部位,Dreamweaver將自動把這些圖象的url添加到文件的HTML代碼中,當(dāng)然這里要求被拖動的圖象文件必須是gif、jpg等web圖象格式的文件。對于已經(jīng)在網(wǎng)頁中的圖象也是一樣,直接拖過來就可以了。但如果被拖動的圖象上有超級鏈接,就不可以再使用拖動技術(shù)了,因?yàn)槟菚r拖過來的僅僅是超級鏈接地址。
8、自動設(shè)置更新時間
我們知道一個網(wǎng)頁要想獲得更多的回頭率,一個很重要的一條就是要不斷更新。但對于我們這些個人網(wǎng)頁來說,要天天及時更新恐怕不是很容易的事情。因此,我們希望網(wǎng)頁能自動更新,下面筆者就提供一個能自動更新修改時間的源代碼,我們只要把這段源代碼添加到…< /BODY>之間就能實(shí)現(xiàn)更新時間的目的了:
< Script Language="JavaScript"> < /script>;二是用鼠標(biāo)依次單擊Dreamweaver中的Text/Custom Style/Edit/Style Sheet/New/Redefine HTML Tag,并從中選擇a,然后在decoration中選中none,最后單擊確定就成功了。
#p#9、巧妙復(fù)制文字
在幾個不同的應(yīng)用程序中間相互復(fù)制文字,是我們在實(shí)際工作中可能要常做的事情。但是,如果我們從Dreamweaver中復(fù)制編輯區(qū)中的文字到另外一個應(yīng)用程序的時候,HTML代碼和文字將一起被復(fù)制過去了,那么我們該如何才能只把編輯區(qū)中的文字復(fù)制下來呢?我們知道,通常復(fù)制時都用快捷鍵 Ctrl - C 來操作,如果我們在復(fù)制的時候多按一個C鍵,那么Dreamweaver將只會復(fù)制選中的文字了。
10、善用快捷鍵
為了提高操作的效率,我們可以在Dreamweaver中使用快捷鍵,例如使用Ctrl-B或Ctrl-I來為文字應(yīng)用黑體或斜體格式,也可以使用以下一些鍵盤快捷鍵來為選中的文本應(yīng)用HTML格式:Ctrl-0: 無格式 Ctrl-T: 段落 Ctrl-1: 標(biāo)題 1 Ctrl-2: 標(biāo)題 2 Ctrl-3: 標(biāo)題 3 Ctrl-4: 標(biāo)題 4 Ctrl-5: 標(biāo)題 5 Ctrl-6: 標(biāo)題 6
11、自動關(guān)閉網(wǎng)頁
如果我們希望自己的網(wǎng)頁在指定的時間內(nèi)能自動關(guān)閉,不妨在網(wǎng)頁源代碼中的標(biāo)簽后面加入如下代碼: < script LANGUAGE="JavaScript"> < /script>其中代碼中的3000表示3秒鐘,它是以毫秒為單位的。
12、巧妙設(shè)置對象名稱
我們在用Dreamweaver來制作非常復(fù)雜的效果時,有可能需要經(jīng)常重復(fù)地使用某一個或者多個對象,例如我們經(jīng)常需要定位某個特定的表格、圖象等,如果我們沒有給某一個網(wǎng)頁中的多個對象取名的話,那么在重復(fù)應(yīng)用這些對象的時候,可能很麻煩或者容易出錯。為了能夠方便調(diào)用這些對象,我們應(yīng)該在每創(chuàng)建一個新的對象時,都記得給它取一個有代表性而且比較容易記憶的名稱。在給這些對象命名時,我們可以通過對象的“屬性”面板來操作就行了。
13、為圖象鏈接增加動態(tài)效果
有時我們?yōu)榱艘_(dá)到一種逼真的效果,希望鼠標(biāo)移動到某個鏈接上時能有動感產(chǎn)生。使用Dreamweaver可以很容易實(shí)現(xiàn)這種效果。設(shè)計(jì)時,我們首先需要準(zhǔn)備兩幅圖象,第一幅是原始圖象,第二幅是鼠標(biāo)移動上去后的圖象。接著用鼠標(biāo)單擊第一幅圖,在屬性面板中的鏈接欄中填上要鏈接的文件,然后單擊鍵盤上的F8鍵,在彈出的Behaviors窗口中單擊“+”號,隨后選擇“swap image”,在接著出現(xiàn)的窗口中選擇第二幅圖象,最后單擊確定就可以了。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計(jì)的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢?
延伸閱讀
- [2010-12-03 17:54:00] 為掃描而設(shè)計(jì)
- [2009-06-07 23:02:00] 網(wǎng)頁設(shè)計(jì)趨勢發(fā)展歷程之2009下
- [2010-07-27 09:05:00] 如何做得Banner通情達(dá)意
- [2019-06-04 10:43:09] 平面設(shè)計(jì)中如何使用網(wǎng)格系統(tǒng)
- [2006-10-31 11:59:00] 門戶的首頁還有多少價值?
- [2005-12-29 21:30:00] 網(wǎng)站設(shè)計(jì)工程的規(guī)范與管理
- [2006-09-25 13:10:00] 用戶體驗(yàn):現(xiàn)有博客體系需進(jìn)行四大改造
- [2006-01-16 14:03:00] 全面解析韓國商業(yè)網(wǎng)站的設(shè)計(jì)
- [2007-11-02 12:30:00] 網(wǎng)站設(shè)計(jì)點(diǎn)評之匯源
- [2010-07-15 08:11:00] 手風(fēng)琴導(dǎo)航
- [2006-08-03 10:19:00] 賞析優(yōu)秀專業(yè)網(wǎng)站 學(xué)習(xí)網(wǎng)站建設(shè)經(jīng)驗(yàn)
- [2007-06-26 11:42:00] 習(xí)慣化與去習(xí)慣化
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
手機(jī)網(wǎng)站 青島網(wǎng)站營銷 集團(tuán)官網(wǎng) 網(wǎng)站設(shè)計(jì)趨勢 微信營銷的優(yōu)勢 網(wǎng)站SEO 青島網(wǎng)站SEO 網(wǎng)站設(shè)計(jì)資訊 青島網(wǎng)頁設(shè)計(jì) 集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站規(guī)劃 青島海洋投資集團(tuán) 英文網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 官網(wǎng)網(wǎng)站建設(shè) 青島網(wǎng)絡(luò)公司 海信網(wǎng)絡(luò)科技 膠南網(wǎng)站建設(shè)公司 輪胎網(wǎng)站設(shè)計(jì) css 網(wǎng)站推廣 青島網(wǎng)站案例 官網(wǎng)建設(shè) 蘋果系統(tǒng) H5專題頁面 營銷型網(wǎng)站 IT資訊 程序開發(fā) 青島IT資訊 高端網(wǎng)站設(shè)計(jì)