網站的建站流程

　　網站的建站流程

　　頁面圖例

　　網頁的結構

　　WEB標準

　　WEB標準是網頁制作的標準，它不是一個標準，它是根據網頁的不同組成部分生成的一系列標準。這些標準大部分由W3C起草發布，也有部分標準由ECMA起草發布

　　(1)W3C( World Wide Web Consortium )萬維網聯盟，創建于1994年是Web技術領域最具權威和影響力的國際中立性技術標準機構;是專門負責網絡標準制定的非贏利組織。制定了結構標準和樣式標準;

　　(2)ECMA：歐洲電腦網商聯合會(廠商協會)，制定了行為標準;

　　計算機語言

　　HTML

　　HTML 指的是超文本標記語言 (Hyper Text Markup Language) www萬維網的描述性語言。

　　XHTML指可擴展超文本標記語言(標識語言)(EXtensible HyperText Markup Language)是一種置標語言，表現方式與超文本標記語言(HTML)類似，不過語法上更加嚴格。

　　HTML5指的是HTML的第五次重大修改(第5個版本)

　　HTML發展

　　編輯器

　　建立站點

　　規劃網站的所有內容和代碼

　　整合資源

　　文件的命名規范

　　· 小寫英文字母、數字、下劃線的組合，

　　· 其中不得包含漢字、空格和特殊字符;

　　· 必須以英文字母開頭。

　　HTML開始

　　1：HTML架構

　　2：HTML5基本結構

　　3:HTML語言

　　· HTML語言組成

　　(1)標簽

　　(2)屬性

　　標記和屬性用空格隔開，屬性和屬性值用等號連接，屬性值必須放在雙引號內 一個標記可以有多個屬性，屬性和屬性之間用空格隔開，屬性不分先后順序

　　· HTML語法

　　常用標簽

　　1 ： 文本標題標簽

　　2:字體傾斜&加粗標記

　　3：下劃線

　　4 : 換行&水平線

　　5：上標&下標

　　6 : 段落標記

　　7 : 字符 ( 小段文本 )

　　8 : 常用轉義字符

　　8 ：列表

　　 (1) 無序列表

　　 (2)有序列表

　　 (3)自定義列表

　　9 : 超鏈接

　　10 : 圖片

　　圖片 title 和 alt區別：

　　alt:

　　1、alt屬性是考慮到不支持圖像顯示或者圖像顯示被關閉的瀏覽器的用戶，以及視覺障礙的用戶和使用屏幕閱讀器的用戶。當圖片不顯示的時候，圖片的替換文字。

　　2、alt屬性值得長度必須少于100個英文字符

　　3、alt屬性是img標簽的必須屬性，如果沒有特別意義的圖片，可以寫alt=""

　　4、alt屬性是搜索引擎判斷圖片與文字是否相關的重要依據，alt屬性添加到img主要的目的才是為了SEO

　　title:

　　1、title屬性并不是必須的。

　　2、title屬性規定元素的額外信息，有視覺效果，當鼠標放到文字或是圖片上時有文字顯示。

　　3、title屬性并不作為搜索引擎抓取圖片的參考，更多傾向于用戶體驗的考慮。

　　11 : 相對路徑

　　(同級)

　　1)當當前文件與目標文件在同一目錄下，直接書寫目標文件的文件名+擴展名;

　　(上級找下級)

　　2)當當前文件與目標文件所處的文件夾在同一目錄下，寫法如下：

　　文件夾名/目標文件全稱+擴展名;

　　(下級找上級)

　　3)當當前文件所處的文件夾和目標文件在同一目錄下，寫法如下：

　　../目標文件文件名+擴展名;

　　12 ： DIV

　　13 : HTML注釋

　　表格

　　1 : 表格基本結構

　　2：表格的html屬性

　　1)width="表格的寬度"

　　2)height="表格的高度"

　　3)border="表格的邊框"

　　4)bordercolor="邊框色"

　　5)cellspacing="單元格與單元格之間的間距"

　　6)cellpadding=“單元格與內容之間的距離"

　　7)align="表格水平對齊方式"

　　取值：left、right、center、

　　valign=“垂直對齊” top\bottom\middle

　　8)合并單元格屬性：(td)

　　合并列： colspan=“所要合并的單元格的列數"

　　合并行： rowspan=“所要合并單元格的行數”

　　3 ： 數據行分組

　　4 ： 數據列分組

　　5 ： 列標題

　　6: 表格標題

　　7： 表格屬性

　　1、單元格間距：border-spacing:value;

　　說明：單元格間距(該屬性必須給table添加) 表示單元格邊框之間的距

　　離， 不可取負值

　　2、合并相鄰單元格邊框：border-collapse:separate/collapse;

　　說明：合并相鄰單元格邊框 (該屬性必須給table添加) separate(邊框分開)默認值; collapse(邊框合并)

　　3、無內容時單元格的設置：empty-cells:show/hide;

　　說明：定義當單元格無內容時，是否顯示該單元格的邊框區域;show：顯示 ;hide：隱藏;

　　4、顯示單元格行和列的算法(加快運行的速度)： table-layout:auto/fixed;