網頁設計學習筆記 關於網頁 樣式檔案的命名規範

2021-08-21 05:28:47 字數 1063 閱讀 3142

命名是網頁設計最基本的工序,命名的規範化及統一性有利於提高工作效率。

一、命名原則:

簡單化原則。簡單、直觀是網頁檔案及樣式檔案的最基本原則,比如:

index.html(主頁)

index.css(主頁樣式)

news.html(新聞頁)

news.css(新聞頁樣式)

product.html(產品頁)

product.css(產品頁樣式)

二、命名規範:

1、英文或英文縮寫。

使用英文或英文縮寫進行命名是一種最常用也是最規範的方法,其好處時能讓人快速識別檔案的含義,用於一些常規性的檔案命名。例如:

list.css(列表頁樣式)

public.css(公共頁樣式)或者縮寫成pub.css

2、漢語拼音或拼音縮寫。

使用漢語拼音或拼音縮寫來進行命名也是一種常用的方法,常用於一些自定義的網頁檔案。例如:

yuanchuang.html(原創頁)或yc.html

mingyan.html(名人名言頁)

duanxin.html(簡訊頁)

3、英文本母+數字

英文+數字的方式常用於同一系列的網頁命名。例如:

list_01.html

list_02.html

list_03.html

```三、命名誤區

1、隨機命名

很多**的內容頁面或樣式檔案較多,為達到快速命名的效果,有些開發人員就採取了隨機命名的方式進行檔案命名,例如:

cesdradfgasd.css

jdd3exdf4g56h.css

這些隨機而沒有任何指向性的命名,會影響系統的載入速度,而且會給後期的查詢和修改帶來極大的困難。

2、中文命名

很多初學者會想著能不能用中文來命名網頁檔案,因為他們覺得這樣看似乎更直觀,例如:

主頁.html

內容頁.html

```但事實上有很多時候使用中文時要比使用英文命名更加複雜,而且中文命名的網頁只能在本機開啟,上傳到瀏覽器之後就會出現問題,這是因為瀏覽器不支援英文和數字之外的語言,所以命名時要避免出現這種情況。

HTML CSS網頁樣式筆記

模板 後台資料庫模板 模板之家 原始碼之家 文字樣式 偽類列表 背景漸變色 盒子模型 display 浮動overflow z index 圖層 標籤名.類名 id名 span標籤大多用來突出主題類的字型 字型設定 font family 宋體 字型大小 font size 20px 字型粗細 fo...

關於網頁開發和設計網頁

2.談談利用頁面跳轉和之前學習的頁面製作 拖控制項 能實現哪些內容。比如能完成乙個小 的開發嗎。如果不能,你認為你的不足之處在 3.給你乙個任務,例如做乙個有登入介面的論壇,你認為該怎麼下手,即步驟是什麼樣的?在整個過程中,你認為你的不足之處是在設計 包括功能和實現 還是技術?如果遇到設計問題你認為...

關於網頁設計狀態碼

開頭的http狀態碼 表示臨時響應並需要請求者繼續執行操作的狀態 100 繼續 請求者應當繼續提出請求。伺服器返回此 表示已收到請求的第一部分,正在等待其餘部分。101 切換協議 請求者已要求伺服器切換協議,伺服器已確認並準備切換。2開頭的http狀態碼 表示請求成功 200 成功處理了請求,一般情...