DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁制作應注意的幾個事項
網頁制作應注意的幾個事項
編輯:關於網頁技巧     

--主頁備份

1、txt 文本

2、scan 掃描圖片

3、psd 設計原圖(包括AI、Flash、Banner等等)

4、htm 網頁文件

5、htm_old* 舊的網頁文件備份

--html的目錄結構

1、打開網頁排版軟件Dreamweaver的site網站管理視窗,按欄目內容建立子目錄;
 
2、在每個主目錄下都建立獨立的images目錄,不要將所有文件都存放在根目錄下;

3、所有的文件夾名和文件名用小寫字母,並取與中文意義對應的英文文件名。

--HTML源代碼

1、字符集的設定:中文版用GB簡體碼gb2312,英文版用iso-8859-1字符集;

2、每個頁面都要寫標題<title>,不同頁面根據其主題注不同的標題;

3、外國公司的首頁面注上<meta>字段便於搜索引擎查找(如:description、keyword);

4、要包含全部圖標<img>的長寬值和alt屬性(注釋文本)。

--表格的應用

1、整個頁面不要都套在一個表格裡,盡量拆分成多個表格;
 
2、表格嵌套層次盡量要少;

3、能用表格定位的盡量少用層。

--使用分欄(frame)

避免分欄邊界被隱藏,使一些欄目內容也被隱藏起來。

--文字

1、用css定義字體大小、行間距(建議使用"外部鏈接"方式,將css的設定作成一個單獨的文件,在每個頁面裡都調用它);

2、避免文字錯誤和內容放置錯誤(以客戶資料和制作要求為准);

3、中文文本每行開始空兩格。

--圖片

顏色豐富或漸變的圖片(如產品圖片等),建議用JPG格式;顏色單調的圖片(如LOGO、文字按鈕等),建議用GIF格式。

--鏈接

1、不要有錯誤鏈接、出不來的圖像(包括由於文件名大小不一致或路徑不對引起的錯誤);

2、所有次頁面包含一個返回首頁的鏈接。

--效果與速度

1、網頁應該保持較小的字節數,過大的文件分成若干個頁面;

2、在不影響圖片效果的前提下合理壓縮圖形文件。

--浏覽器兼容性

同時兼顧IE和Netscape兩種浏覽器及多種分辨率等情況,避免排版出錯。

--其它

確認公司簡介包含公司全部相關信息,包括通信地址、電話、E-mail和聯系人等。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved