項目41網(wǎng)站前臺功能的實現(xiàn)指導書

1、單元四 單元四 網(wǎng)站的實現(xiàn) 網(wǎng)站的實現(xiàn)項目一 項目一 網(wǎng)站前臺功能的實現(xiàn) 網(wǎng)站前臺功能的實現(xiàn)教學目標 教學目標1．進一步掌握網(wǎng)頁制作設計目標規(guī)范、前臺面頁制作規(guī)范、前面頁面速度優(yōu)化標準；2. 掌握 JavaScript 處理及技巧，掌握代碼編寫規(guī)范；3．完成網(wǎng)站前臺功能的實現(xiàn)；教學要求 教學要求1．認真聽講，專心操作, 認真記錄實驗過程，總結操作經(jīng)驗和寫好實驗報告；2．操作規(guī)范，完成網(wǎng)站前臺功能的實現(xiàn)；3．遵守學校的實驗室紀律，注意人身

2、和設備的安全操作，愛護實驗設備、及時上繳作業(yè)。4．在實驗中培養(yǎng)嚴謹科學的實踐操作習慣。知識要點 知識要點1．網(wǎng)頁制作設計目標規(guī)范、前臺面頁制作規(guī)范、前面頁面速度優(yōu)化標準；2．JavaScript 處理及技巧；技術要點 技術要點1．JavaScript 處理及技巧；2．實現(xiàn)網(wǎng)站前臺功能的網(wǎng)頁制作技術及.NET 技術的運用；技能訓練 技能訓練一．講授 一．講授正確啟動計算機，在最后一個磁盤上建立以學號為名的文件夾，從指定的共享文件夾中將“實

3、習指導書”和其他內容復制到該文件夾中。(一) 網(wǎng)頁制作設計目標規(guī)范 網(wǎng)頁制作設計目標規(guī)范 1．視覺規(guī)范 ．視覺規(guī)范即用戶在瀏覽自己網(wǎng)站的視覺的體驗，包括：整體風格、網(wǎng)站 LOGO、頁面布局、頁面色彩、頁面大小、動畫效果、圖片展示、圖標使用、廣告設置和聲音設置這 10 個方面；要讓用戶覺得你的網(wǎng)站制作的看起來很舒服。2．瀏覽規(guī)范 ．瀏覽規(guī)范即網(wǎng)站的欄目和內容的體驗，包括：頁面導航、頁面速度、頁面容量、頁面結構、內容安排、內容更新、內容形式

4、、內容呈現(xiàn)方式和路徑記錄這 9 個方面；網(wǎng)站的內容要充實，有可讀性，不能經(jīng)常抄襲別人的文章，這是一些網(wǎng)站制作設計者應該學習的。3．信任規(guī)范 ．信任規(guī)范即通過細節(jié)提升用戶的信任體驗，包括：友情鏈接、底部信息、關于我們、聯(lián)系方式、幫助中心、網(wǎng)站備案、內容格式、內容訂閱、網(wǎng)站地圖、加入收藏、用戶登錄和論壇人氣這 12 個細節(jié)；其中友情鏈接和底(4) 請不要在網(wǎng)頁中連續(xù)出現(xiàn)多于一個 的 也盡量少使用全角空格（英文字符集下,全角空格會變成亂碼）

5、 ，空白應該盡量使用 text-indent，padding， margin， hspace，vspace 以及透明的 gif 圖片來實現(xiàn)。(5) 中英文混排時,我們盡可能的將英文和數(shù)字定義為 verdana 和 arial 兩種字體。(6) 行距建議用百分比來定義，常用的兩個行距的值是 line-height:120%或 150% (7) 網(wǎng)站中的路徑全部采用相對路徑,一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名,如我們不必這

6、樣： 而應該這樣： 4．Web Web 標準設計規(guī)范 標準設計規(guī)范(1) (1) HTML HTML 編碼規(guī)范 編碼規(guī)范λ 設定名字空間（Namespace） λ 聲明編碼語言 λ 用小寫字母書寫所有的標簽元素與屬性名字λ 給所有屬性值加引號“” ，輔助圖片一律用背景處理，為圖片添加 alt 屬性λ一個標記必須占用一行，不得出現(xiàn)兩個標記在同一行的情況(同一標記的關閉標記除外)λ 靜態(tài)文件內容必須包含在λ標記中間，標記必須包含在標記

7、中間 λ 對于需要關閉的標記，必須同其關閉標記同時出現(xiàn)，不得出現(xiàn)交叉包含的語句λ 最高一級的父標記采用左對齊頂格方式書寫，下一級標記采用左對齊向右縮進一個 Tab 的方式書寫 在下一級依此類推，分別左對齊相對于父標記向右縮進一個 Tab 的方式書寫 λ 同一級標記的首字符上下必須對齊， 把所有<>和 λ 盡量多使用群選擇器、派生選擇器來書寫具有層次結構的 CSS 樣式 λ 合理使用類別選擇器與 id 選擇器，同個 ID

8、 只用一個地方，相同 CLASS 可用多個地方 λ 鏈接偽類一定要按照 a:link、a:visited、a:hover、a: active 的順序書寫 λ 多使用具有良好風格的注釋，便于今后的維護與重構 (3) 變量命名規(guī)范 變量命名規(guī)范 λ 常量以及全局變量名必須全部使用大寫字母 變量名首字母必須小寫λ 變量名必須使用其類型的所寫字符串開始。各種類型的所寫字符串如下： 整型變量：int；長整型變量：lng；浮點型變量：flt；雙