在網站制作中會遇到很多常見的問題和技巧,我們就一起學習一下!
1. 為什么網站的首頁文件名一般命名為index.htm或index.asp?
網站的首頁文件名為index.htm或index.asp,這是一種網站首頁命名規(guī)范。在瀏覽器地址欄輸入網址,即使不輸入index.htm或index.asp,瀏覽器也能正確找到該文件并正確顯示出來,因為Web服務器默認的首頁文件名是index.htm或index.asp。此外,通過設置,Web服務器常用的默認首頁文件名格式有index.htm、default.htm、index.asp、default.asp等。
2. 巧妙設置分辨率
在制作網站時,有時會發(fā)現(xiàn),制作好的網頁在本地計算機上瀏覽時很正常,但在另外一臺計算機上瀏覽時卻發(fā)現(xiàn)網頁的布局亂套了,這是因為各個計算機的分辨率不同所致。在Dreamweaver文檔窗口中的右下角,顯示當前文檔的分辨率大小。單擊當前分辨率數(shù)字,在彈出的菜單中可以為當前的頁面指定顯示分辨率,通過修改可以使網頁更具靈活性。
3. 打開文件及插入網頁圖像的快速方法
在Dreamweaver里,進行網頁編輯時,不必通過菜單欄里的【打開】命令來打開文件,一個更快的方法是利用【文件】面板,打開相關文件,直接用鼠標拖動文件到文檔編輯窗口即可;同樣,要在網頁上插入圖像等元素,也可直接通過【文件】面板將圖像文件拖動到網頁上。
4. 怎樣僅僅復制文字而不想要其格式?
當從Dreamweaver中復制文字到另一個應用程序中時,HTML代碼和文字一起被復制過去了。此時一般都用快捷鍵【Ctrl+C】來復制,如果在復制的時候多按一個【C】鍵則只復制選中的文字。從外部文檔中粘貼時,如果只要文字而不想要其格式,可以選擇菜單中的【編輯】︱【粘貼文本】命令,不要直接用快捷鍵【Ctrl+V】。
5. 如何巧妙隱藏標簽?
如果在網頁中插入了不可見的元素時,Dreamweaver會自動在頁面上添加一個與之相應的元素標簽,以便于選擇不可見元素。但如果不想顯示時,也可以隱藏標簽,方法是按【Ctrl+U】鍵打開【首選參數(shù)】對話框,在【分類】中選中【不可見元素】,在面板的右邊將會出現(xiàn)所有的元素標簽。只要將不需要的元素標簽前的勾去掉,以后它就不會再出現(xiàn)了。
6. Dreamweaver自動創(chuàng)建樣式功能
文本屬性面板可以設置當前所選文本的樣式和格式。使用屬性面板設置文本樣式和格式時,Dreamweaver將跟蹤為每個文本元素指定的格式屬性,并使用命名約定為每個元素指定一個標簽:Style1、Style2、Style3、……、Stylen。如果將同一格式屬性指定給兩個或更多文本元素,Dreamweaver將使用相同的標題標記這些元素,消除冗余的樣式名稱。
7. 字體【格式】與【大小】有什么區(qū)別?
在【文本】屬性面板中,【格式】與【大小】都可以設置字體大小,但二者有一定的區(qū)別,選擇【格式】,字體改變大小的同時變?yōu)榇煮w;如果只想改變文字大小,而不想讓字體變?yōu)榇煮w,可以用【大小】屬性。此外,【大小】只對選中文本起作用,而【格式】對整段文字起作用。
8.為何我無法在文字中輸入多個空格字符?
在做網頁的時候,有時需要輸入空格,但在有些時候卻無法輸入,導致無法正確輸入空格的原因可能是輸入法的錯誤,只有正確使用輸入法才能夠解決這個問題。解決的方法有以下幾種。
●切換到代碼視圖,在需要添加空格的位置,輸入代碼 ,就會出來空格,輸入幾次代碼就會出來幾個空格。
●如果使用智能ABC輸入法,按Shift+空格鍵,這時輸入法的屬性欄上的半月形就變成了圓形,然后再按空格鍵,空格就出來了。
●切換到【文本】插入欄,在【字符】下拉列表選擇【不換行空格】選項,就可直接輸入空格。
9. 為什么在Dreamweaver中按Enter鍵換行時,與上一行的距離卻很大?
在Dreamweaver中按Enter鍵換行時,與上一行的距離卻很遠這是因為按下Enter鍵時默認的是一個段落,而不是一般的單純的換行所造成的。因此若要換行,則先按下Shift鍵不放,然后再按下Enter鍵,這樣兩行間的距離就不會差一大段了。
10. 怎樣設置字體系列?
什么叫字體系列呢?是指對文字設置幾個字體,當遇到先進個不能顯示的字體時會自動用系列中的第二個字體或后面的字體顯示。Dreamweaver內置了6個系列的英文字體,一般英文字體用“Verdana,Arial,Helvetica,sans-serif”這個系列比較好看。如果不用這些字體系列,就需要自己編輯字體系列,可以通過下拉列表下面的【編輯字體列表】來創(chuàng)建的字體系列,也可以直接在下拉列表中輸入字體名,字體之間用逗號隔開,中文網頁默認字體是宋體,一般空著,不要選擇任何字體。
11. 如何使用3種類型的CSS樣式?
CSS樣式表在網頁制作中一般有3種方式的用法,那么具體在使用時該采用哪種用法呢?當有多個網頁要用到CSS,采用外聯(lián)CSS文件的方式,這樣網頁的代碼大大減少,修改起來非常方便;只在單個網頁中使用的CSS,采用文檔頭部方式;只在一個網頁一兩個地方才用到的CSS,采用行內插入方式。
12. 關于沖突的CSS樣式
將兩個或更多的CSS樣式應用于同一文本時,這些樣式可能發(fā)生沖突并產生意外的結果。瀏覽器根據以下規(guī)則應用樣式屬性;如果將兩種樣式應用于同一文本,瀏覽器顯示這兩種樣式的所有屬性除非特定的屬性發(fā)生沖突。如一種樣式可能將藍色指定為文本顏色,而另一種樣式可能指定紅色作為文本顏色。如果應用于同一文本的兩種樣式的屬性發(fā)生沖突,則瀏覽器顯示里面的樣式(離文本本身近的樣式)的屬性。因此,如果外部樣式表和內聯(lián)CSS樣式同時影響文本元素,則內聯(lián)樣式為其中所應用的那一個。
如果有直接沖突,則CSS樣式(使用class屬性應用的樣式)中的屬性將取代HTML標簽樣式中的屬性。
例如,hl定義的樣式可以指定所有hl段落的字體、大小和顏色,但應用于該段落的自定義CSS樣式.Blue將取代hl樣式中的顏色設置;另一個自定義CSS樣式.Red將取代.Blue,因為它位于.Blue樣式的內部。
13. 文檔相對路徑的表示方法
對于文檔相對路徑省略對于當前文檔和所鏈接的文檔都相同的絕對URL部分。如果要鏈接的目標文件與當前文檔位于同一文件夾中,輸入文件名;如果位于子文件夾中,則提供子文件夾的名稱,后跟正斜杠“/”,然后輸入文件名;如果位于父文件夾中,則在文件名前添加“../”(其中“..”表示文件夾層次結構的上一級目錄)。
14. 解決跳轉菜單可能出現(xiàn)的問題
選擇跳轉菜單項后,如果再次導航回到該頁面,或者如果在【插入跳轉菜單】對話框的【打開URL于】文本框中指定了一個框架,則無法重新選擇此菜單項。解決此問題有兩個途徑:
● 使用菜單選擇提示(如類別)或用戶說明(如“選擇其中一項:”)。在選擇每個菜單之后將自動重新選擇菜單選擇提示。
● 使用【前往】按鈕,該按鈕允許重新訪問當前所選鏈接。
需要注意的是:由于這些選項應用于整個跳轉菜單,因此在【插入跳轉菜單】對話框中,每個跳轉菜單只能選擇這些選項中的一項。
15. 善用拖放
在使用Dreamweaver編輯網頁時,經常需要插入一些圖像,如果要插入的圖像很多,按照常規(guī)方法來操作就顯得非常麻煩。可以利用拖動技巧來很好地解決這個問題。首先把Dreamweaver的操作窗口變成活動窗口,找到要插入的圖像文件后,把它們一一用鼠標拖動到網頁的適當部位,Dreamweaver將自動把這些圖像的URL添加到文件的HTML代碼中,這里要求被拖動的圖像文件必須是GIF、JPEG等Web圖像格式的文件。對于已經在網頁中的圖像也是一樣,直接拖過來即可,但如果被拖動的圖像上有超鏈接,就不可以再使用拖動技術了,因為那時拖過來的僅僅是超鏈接地址。
16. 怎樣為圖像添加指定顏色的邊框?
在Dreamweaver的【圖像】屬性面板中,有一個【邊框】屬性,可以直接設置邊框的寬度。寬度設好了,可是沒有顏色,那么如何才能為圖像的邊框加上不同的顏色呢?可以利用CSS樣式表來實現(xiàn)。在【圖像】屬性面板中一個【類】選項,通過【類】列表框選擇【管理樣式】,創(chuàng)建一種新的樣式,打開【CSS樣式定義】窗口,選擇【邊框】項,為邊框設置所需要的顏色。只要把這種樣式應用到有邊框的圖像即可。