1. 程式人生 > >網頁設計與制作常見問題

網頁設計與制作常見問題

asp 比較 設計與制作 冗余 自動創建 則無 拖放 光標 功能

1. 為什麽網站的首頁文件名一般命名為index.htm或index.asp?

網站的首頁文件名為index.htm或index.asp,這是一種網站首頁命名規範。在瀏覽器地址欄輸入網址,即使不輸入index.htm或index.asp,瀏覽器也能正確找到該文件並正確顯示出來,因為Web服務器默認的首頁文件名是index.htm或index.asp。此外,通過設置,Web服務器常用的默認首頁文件名格式有index.htm、default.htm、index.asp、default.asp等。
2. 巧妙設置分辨率
在制作網頁時,有時會發現,制作好的網頁在本地計算機上瀏覽時很正常,但在另外一臺計算機上瀏覽時卻發現網頁的布局亂套了,這是因為各個計算機的分辨率不同所致。在Dreamweaver文檔窗口中的右下角,顯示當前文檔的分辨率大小。單擊當前分辨率數字,在彈出的菜單中可以為當前的頁面指定顯示分辨率,通過修改可以使網頁更具靈活性。
3. 打開文件及插入網頁圖像的快速方法


在Dreamweaver裏,進行網頁編輯時,不必通過菜單欄裏的【打開】命令來打開文件,一個更快的方法是利用【文件】面板,打開相關文件,直接用鼠標拖動文件到文檔編輯窗口即可;同樣,要在網頁上插入圖像等元素,也可直接通過【文件】面板將圖像文件拖動到網頁上。
4. 怎樣僅僅復制文字而不想要其格式?
當從Dreamweaver中復制文字到另一個應用程序中時,HTML代碼和文字一起被復制過去了。此時一般都用快捷鍵【Ctrl+C】來復制,如果在復制的時候多按一個【C】鍵則只復制選中的文字。從外部文檔中粘貼時,如果只要文字而不想要其格式,可以選擇菜單中的【編輯】︱【粘貼文本】命令,不要直接用快捷鍵【Ctrl+V】。
5. 如何巧妙隱藏標簽?
如果在網頁中插入了不可見的元素時,Dreamweaver會自動在頁面上添加一個與之相應的元素標簽,以便於選擇不可見元素。但如果不想顯示時,也可以隱藏標簽,方法是按【Ctrl+U】鍵打開【首選參數】對話框,在【分類】中選中【不可見元素】,在面板的右邊將會出現所有的元素標簽。只要將不需要的元素標簽前的勾去掉,以後它就不會再出現了。
6. Dreamweaver自動創建樣式功能
文本屬性面板可以設置當前所選文本的樣式和格式。使用屬性面板設置文本樣式和格式時,Dreamweaver將跟蹤為每個文本元素指定的格式屬性,並使用命名約定為每個元素指定一個標簽:Style1、Style2、Style3、……、Stylen。如果將同一格式屬性指定給兩個或更多文本元素,Dreamweaver將使用相同的標題標記這些元素,消除冗余的樣式名稱。
7. 字體【格式】與【大小】有什麽區別?
在【文本】屬性面板中,【格式】與【大小】都可以設置字體大小,但二者有一定的區別,選擇【格式】,字體改變大小的同時變為粗體;如果只想改變文字大小,而不想讓字體變為粗體,可以用【大小】屬性。此外,【大小】只對選中文本起作用,而【格式】對整段文字起作用。
8.為何我無法在文字中輸入多個空格字符?
在做網頁的時候,有時需要輸入空格,但在有些時候卻無法輸入,導致無法正確輸入空格的原因可能是輸入法的錯誤,只有正確使用輸入法才能夠解決這個問題。解決的方法有以下幾種。
●切換到代碼視圖,在需要添加空格的位置,輸入代碼 ,就會出來空格,輸入幾次代碼就會出來幾個空格。
●如果使用智能ABC輸入法,按Shift+空格鍵,這時輸入法的屬性欄上的半月形就變成了圓形,然後再按空格鍵,空格就出來了。
●切換到【文本】插入欄,在【字符】下拉列表選擇【不換行空格】選項,就可直接輸入空格。
9. 為什麽在Dreamweaver中按Enter鍵換行時,與上一行的距離卻很大?
在Dreamweaver中按Enter鍵換行時,與上一行的距離卻很遠這是因為按下Enter鍵時默認的是一個段落,而不是一般的單純的換行所造成的。因此若要換行,則先按下Shift鍵不放,然後再按下Enter鍵,這樣兩行間的距離就不會差一大段了。
10. 怎樣設置字體系列?
什麽叫字體系列呢?是指對文字設置幾個字體,當遇到第一個不能顯示的字體時會自動用系列中的第二個字體或後面的字體顯示。Dreamweaver內置了6個系列的英文字體,一般英文字體用“Verdana,Arial,Helvetica,sans-serif”這個系列比較好看。如果不用這些字體系列,就需要自己編輯字體系列,可以通過下拉列表最下面的【編輯字體列表】來創建的字體系列,也可以直接在下拉列表中輸入字體名,字體之間用逗號隔開,中文網頁默認字體是宋體,一般空著,不要選擇任何字體。
11. 如何使用3種類型的CSS樣式?
CSS樣式表在網頁制作中一般有3種方式的用法,那麽具體在使用時該采用哪種用法呢?當有多個網頁要用到CSS,采用外聯CSS文件的方式,這樣網頁的代碼大大減少,修改起來非常方便;只在單個網頁中使用的CSS,采用文檔頭部方式;只在一個網頁一兩個地方才用到的CSS,采用行內插入方式。
12. 關於沖突的CSS樣式
將兩個或更多的CSS樣式應用於同一文本時,這些樣式可能發生沖突並產生意外的結果。瀏覽器根據以下規則應用樣式屬性;如果將兩種樣式應用於同一文本,瀏覽器顯示這兩種樣式的所有屬性除非特定的屬性發生沖突。如一種樣式可能將藍色指定為文本顏色,而另一種樣式可能指定紅色作為文本顏色。如果應用於同一文本的兩種樣式的屬性發生沖突,則瀏覽器顯示最裏面的樣式(離文本本身最近的樣式)的屬性。因此,如果外部樣式表和內聯CSS樣式同時影響文本元素,則內聯樣式為其中所應用的那一個。
如果有直接沖突,則CSS樣式(使用class屬性應用的樣式)中的屬性將取代HTML標簽樣式中的屬性。
例如,hl定義的樣式可以指定所有hl段落的字體、大小和顏色,但應用於該段落的自定義CSS樣式.Blue將取代hl樣式中的顏色設置;另一個自定義CSS樣式.Red將取代.Blue,因為它位於.Blue樣式的內部。
13. 文檔相對路徑的表示方法
對於文檔相對路徑省略對於當前文檔和所鏈接的文檔都相同的絕對URL部分。如果要鏈接的目標文件與當前文檔位於同一文件夾中,輸入文件名;如果位於子文件夾中,則提供子文件夾的名稱,後跟正斜杠“/”,然後輸入文件名;如果位於父文件夾中,則在文件名前添加“../”(其中“..”表示文件夾層次結構的上一級目錄)。
14. 解決跳轉菜單可能出現的問題
選擇跳轉菜單項後,如果再次導航回到該頁面,或者如果在【插入跳轉菜單】對話框的【打開URL於】文本框中指定了一個框架,則無法重新選擇此菜單項。解決此問題有兩個途徑:
● 使用菜單選擇提示(如類別)或用戶說明(如“選擇其中一項:”)。在選擇每個菜單之後將自動重新選擇菜單選擇提示。
● 使用【前往】按鈕,該按鈕允許重新訪問當前所選鏈接。
需要註意的是:由於這些選項應用於整個跳轉菜單,因此在【插入跳轉菜單】對話框中,每個跳轉菜單只能選擇這些選項中的一項。
15. 善用拖放
在使用Dreamweaver編輯網頁時,經常需要插入一些圖像,如果要插入的圖像很多,按照常規方法來操作就顯得非常麻煩。可以利用拖動技巧來很好地解決這個問題。首先把Dreamweaver的操作窗口變成活動窗口,找到要插入的圖像文件後,把它們一一用鼠標拖動到網頁的適當部位,Dreamweaver將自動把這些圖像的URL添加到文件的HTML代碼中,這裏要求被拖動的圖像文件必須是GIF、JPEG等Web圖像格式的文件。對於已經在網頁中的圖像也是一樣,直接拖過來即可,但如果被拖動的圖像上有超鏈接,就不可以再使用拖動技術了,因為那時拖過來的僅僅是超鏈接地址。
16. 怎樣為圖像添加指定顏色的邊框?
在Dreamweaver的【圖像】屬性面板中,有一個【邊框】屬性,可以直接設置邊框的寬度。寬度設好了,可是沒有顏色,那麽如何才能為圖像的邊框加上不同的顏色呢?可以利用CSS樣式表來實現。在【圖像】屬性面板中一個【類】選項,通過【類】列表框選擇【管理樣式】,創建一種新的樣式,打開【CSS樣式定義】窗口,選擇【邊框】項,為邊框設置所需要的顏色。只要把這種樣式應用到有邊框的圖像即可。
14. 利用圖像編輯中【重新取樣】功能制作縮略圖
一個很大的圖像,完全載入時要花很多時間,訪問網頁的速度是很慢的,而且網頁上顯示的所有圖像並非對每個人都有瀏覽價值。解決這個問題的好辦法是在網頁上制作圖像的縮略圖。縮略圖與圖像之間保持一種鏈接關系,當需要時,才由瀏覽者單擊觀看原圖。Dreamweaver在圖像編輯中的【重新取樣】功能,極大地方便了人們制作尺寸可自由控制的縮略圖,如一副圖像原圖50KB,通過縮小重新取樣,可以達到1~5KB,這在保持圖像全貌的情況下,非常方便訪問者瀏覽,網頁下載速度也會明顯提高。
18. 我想把網頁中的Flash背景設置為透明,該如何解決?
使用Dreamweaver可以在網頁中插入Flash動畫,利用在標記內插入代碼wmode=transparent可以設置透明Flash背景。
19. 為什麽改變不了表格的高度呢?
在使用Dreamweaver制作網頁時往往需要改變表格的高度,然而有時拖動表格的邊框,無論怎樣拖動,等到放下鼠標,表格卻又恢復到原來的樣子。出現這種情況的原因在於已經為表格提供了一個固定的高度,當要改變表格的高度,尤其是壓縮表格的時候,表格的高度仍然保持原來的設定值,其直接表現就是無論怎樣拖動表格的邊框,表格的高度都不會變化。在這種情況下,只需要清除表格的高度,然後拖動表格的邊框即可。
那麽應該如何去除表格的高度設置呢?首先需要選定表格。選定了表格以後,在【表格】屬性面板中單擊【清除行高】圖標,表格的高度設定值就被取消了。這時表格的高度會按照表格的內容自動匹配高度。當然,清除表格高度的方法不止上述一種方法,也可以選中表格,在表格的屬性框中直接刪除表格的高度值。同樣,該方法也適用於改變表格寬度的情況,不過,當選定了表格以後,刪除的不是行的高度,而是列的寬度。這樣,就可以輕松進行調整表格的高度與寬度了。
由此可以看出,清除行高與列寬的主要作用是創建規則的表格。可以用清除行高與列寬命令,將表格縮到最小,然後再通過屬性面板上的【高】選項,重新設置表格的高度,這時一個規則、均勻的表格就出現了。
20. 創建表格的技巧
創建表格時,如果開始不能確定它的屬性,可以使用默認值,然後再通過【表格】屬性面板進行修改。此外,關於表格寬度的設定,一般來說,大表格往往采用絕對尺寸,表格中所嵌套的表格采用相對尺寸,這樣定位出來的網頁才不會隨著顯示器分辨率的差異而引起混亂。
21. 表格的背景顏色
表格的背景顏色設置既可以是整個表格也可以是某個單元格。一般來說,大表格用一種顏色,某個或某些單元格用另外的顏色。靈活設置往往可以創建出別具一格的網頁配色。
22. 選擇不同的框架或框架集的技巧
要在當前選定內容的同一層次級別上選擇下一框架(框架集)或前一框架(框架集),在按住【Alt】鍵的同時按下左箭頭或右箭頭鍵,使用這些鍵,可以按照框架和框架集在框架集文件中定義的順序依次選擇這些框架和框架集;要選擇父框架集(包含當前選定內容的框架集)在按住【Alt】鍵的同時按上箭頭鍵;要選擇當前選定框架集的第一個子框架或框架集(即按在框架集文件中定義順序中的第一個),按住【Alt】鍵的同時按下箭頭鍵。
23.為什麽我設置的背景圖像不顯示?
在表格中的單元格中單擊鼠標左鍵,從【屬性】面板中可以看到設置的背景圖文件,而且在Dreamweaver中顯示也是正常的,啟動IE瀏覽這個頁面,背景圖卻看不到。
這時返回到Dreamweaver中,查看光標所在處的代碼,會發現background設置在

標簽中。在IE中表格的背景不能設置在中,只能放在
中。將背景代碼移到 中,保存文檔後,再瀏覽,背景圖就能正常顯示。
24. 復制表單要註意
在網頁上經常可以看到一些很不錯的表單,如跳轉菜單為主的表單,其中有很多關於友情鏈接的地址,可能正好適合自己的網頁,如果直接復制過來,則省去了輸入的工作。可是有時會發現,從其他網頁復制下來的表單無法使用,其主要原因是該表單使用了表格,而復制過來時,僅僅復制了表格,而標簽卻被忽略了。當表單中使用表格時,要確保所有的table標簽都位於兩個標簽之間,表單才能正常提交。
25. 怎樣快速插入多個復選框或單選按鈕?
在網頁上插入復選框或單選按鈕時,有時需要插入多個。一個快捷的操作方法是先插入一個復選框或單選按鈕,然後選取復選框或單選按鈕,按住【Ctrl】鍵的同時拖動鼠標,則所選復選框或單選按鈕被復制。
26. 訪問者填寫好表單提交後如何檢查各數據的正確性?
選中表單,選擇菜單中的【窗口】|【行為】命令,打開【行為】面板,在面板中單擊 按鈕,在彈出的菜單中選擇【檢查表單】選項,彈出【檢查表單】對話框,在對話框中可以設置各表單對象的數據。
27. 怎樣顯示表單中的紅色虛線框?
顯示表單中的紅色虛線框很簡單,在插入表單的文檔中,選擇菜單中的【查看】|【可視化助理】|【不可見元素】命令,可以看到文檔中插入的紅色虛線表單。
28. 怎樣在網頁中自動加入“最後修改日期”?
要在網頁中自動加入“最後修改日期”,可在源代碼中的…之間加入如下代碼:

網頁設計與制作常見問題