網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 1.如何在網頁中插入空格 我們在用Dreamweaver的所見即所得編輯模式下編輯中文網頁時,往往需要在段落的開頭空兩格,但是Dreamweaver本身沒有提供插入空格的功能,我們可以這樣來做:先用Ctrl+Shift切換到中文輸入法,比如微軟拼音,然后按Shift+空格,此時輸入字符變為全角模式,你現在就可以在Dreamweaver中按空格鍵輕松的插入空格了。另外一種方法是直接打開HTML源代碼編輯窗口,在需要插入空格的地方輸入&nbs;,效果相當于前邊的一個全角空格。另外插入半角空格的方法也很簡單,在HTML中,對于字符的換行和間斷,都被自動解釋為一個半角空格,注意只是一個半角空格,不論空多少行。而在Dreamweaver中插入半角空格,只需直接按空格,但是只在前邊有字符的情況下才起作用。 2.為何我定義的表格長寬和實際瀏覽效果不同 這有幾種情況: a、如果表格定義的高度低于12個像素的話,Dreamweaver仍然顯示的是15像素的高度,因為在單元格中會自動產生一個&nbs;,相當于一個看不到的字符,把表格給撐大了,解決的辦法是在HTML編輯窗口中刪去其中的&nbs;即可。 b、如果表格定義的寬度低于6個像素的話,也會產生效果差異,同樣是剛才的原因,解決方法見上。 c、有時候修改表格的長寬以后,但是表格卻沒有變化,那是因為在表格中的單元格已經定義了超出表格長寬的值,當然這樣你無法把表格壓縮了,解決方法是把鼠標放到單元格中,此時在屬性欄中會顯示此單元格的長寬,根據情況進行修改從而和表格的長寬相匹配就可以了。 d、有時候一不小心把設置好的表格給弄亂了,此時按Ctrl+Z雖然撤銷了上一布操作,但是卻無濟于事,這時候只要把鼠標放到表格以外的區域點一下,表格就等于進行了一次刷新,又恢復到了從前的樣子。 3.如何讓網頁緊貼頂部和左部 用鼠標右鍵點擊網頁中非表格區域,選擇屬性,然后可以看到左邊距和上邊距的設置,把他們設置為0即可。 4.如何插入特殊符號 打開物件(Objects)欄,選擇字符(Character)標簽,這是你可以看到里面有很多我們常見的符號,像注冊商標符號、版權符號等等,點擊它們便會在網頁中自動生成它們對應的代碼,此時雖然你在Dreamweaver的編輯窗口中看不到真正的符號,但是用瀏覽器打開后便可以看到,因為這些符號在HTML中沒有直接的字符與之對應,只能用一些規定的關鍵詞表示。 5.怎樣在不同分辨率下精確層的位置 確定層的左上角在網頁中出現的位置,在該位置插入表格,在表格中插入層,對層的屬性進行設置,其中在左邊距和上邊距中設置為空(什么也不填寫),這樣層將以相對位置出現在網頁中,無論用戶怎么調整分辨率,層總是規規矩矩的定義在那里。 6.如何制作虛線表格 先用Photoshop制作一個3*1像素的圖片和一個1*3像素的圖片,在中間分別用畫筆工具以一個像素的大小點一個黑點,保存為兩張gif圖片。然后插入一個三行一列的表格,長和寬分別為200和300,把第一行和第三行的單元格高度都定義為1,分別設置背景圖片為3*1像素的圖片,再把第二行拆分為三列,第一列和第三列的單元格寬度都定義為1,分別設置背景圖片為1*3像素的圖片,然后一定要在HTML編輯窗口中把這四個單元格中默認的&nbs;刪除。利用這種方法,大家可以發揮想象,制作出很多有個性的效果。 7.如何制作表格細邊框 Dreamweaver雖然為用戶提供了定義表格邊框的屬性Border,但是很多用戶不喜歡用它,因為感覺它的樣子很粗糙,達不到我們預期的效果。我們可以利用Dreamweaver的另外一個表格的屬性CellSpace(單元格間距),把它設置為1,然后為表格設置一種背景顏色(就是細邊框的顏色),然后把全部單元格選中,設置背景顏色為表格的前景顏色。(出處:賽迪網)大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。
|