網(wǎng)站的建站流程

　　網(wǎng)站的建站流程

　　頁(yè)面圖例

　　網(wǎng)頁(yè)的結(jié)構(gòu)

　　WEB標(biāo)準(zhǔn)

　　WEB標(biāo)準(zhǔn)是網(wǎng)頁(yè)制作的標(biāo)準(zhǔn)，它不是一個(gè)標(biāo)準(zhǔn)，它是根據(jù)網(wǎng)頁(yè)的不同組成部分生成的一系列標(biāo)準(zhǔn)。這些標(biāo)準(zhǔn)大部分由W3C起草發(fā)布，也有部分標(biāo)準(zhǔn)由ECMA起草發(fā)布

　　(1)W3C( World Wide Web Consortium )萬(wàn)維網(wǎng)聯(lián)盟，創(chuàng)建于1994年是Web技術(shù)領(lǐng)域最具權(quán)威和影響力的國(guó)際中立性技術(shù)標(biāo)準(zhǔn)機(jī)構(gòu);是專門負(fù)責(zé)網(wǎng)絡(luò)標(biāo)準(zhǔn)制定的非贏利組織。制定了結(jié)構(gòu)標(biāo)準(zhǔn)和樣式標(biāo)準(zhǔn);

　　(2)ECMA：歐洲電腦網(wǎng)商聯(lián)合會(huì)(廠商協(xié)會(huì))，制定了行為標(biāo)準(zhǔn);

　　計(jì)算機(jī)語(yǔ)言

　　HTML

　　HTML 指的是超文本標(biāo)記語(yǔ)言 (Hyper Text Markup Language) www萬(wàn)維網(wǎng)的描述性語(yǔ)言。

　　XHTML指可擴(kuò)展超文本標(biāo)記語(yǔ)言(標(biāo)識(shí)語(yǔ)言)(EXtensible HyperText Markup Language)是一種置標(biāo)語(yǔ)言，表現(xiàn)方式與超文本標(biāo)記語(yǔ)言(HTML)類似，不過(guò)語(yǔ)法上更加嚴(yán)格。

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

　　HTML發(fā)展

　　編輯器

　　建立站點(diǎn)

　　規(guī)劃網(wǎng)站的所有內(nèi)容和代碼

　　整合資源

　　文件的命名規(guī)范

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

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

　　· 必須以英文字母開頭。

　　HTML開始

　　1：HTML架構(gòu)

　　2：HTML5基本結(jié)構(gòu)

　　3:HTML語(yǔ)言

　　· HTML語(yǔ)言組成

　　(1)標(biāo)簽

　　(2)屬性

　　標(biāo)記和屬性用空格隔開，屬性和屬性值用等號(hào)連接，屬性值必須放在雙引號(hào)內(nèi) 一個(gè)標(biāo)記可以有多個(gè)屬性，屬性和屬性之間用空格隔開，屬性不分先后順序

　　· HTML語(yǔ)法

　　常用標(biāo)簽

　　1 ： 文本標(biāo)題標(biāo)簽

　　2:字體傾斜&加粗標(biāo)記

　　3：下劃線

　　4 : 換行&水平線

　　5：上標(biāo)&下標(biāo)

　　6 : 段落標(biāo)記

　　7 : 字符 ( 小段文本 )

　　8 : 常用轉(zhuǎn)義字符

　　8 ：列表

　　 (1) 無(wú)序列表

　　 (2)有序列表

　　 (3)自定義列表

　　9 : 超鏈接

　　10 : 圖片

　　圖片 title 和 alt區(qū)別：

　　alt:

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

　　2、alt屬性值得長(zhǎng)度必須少于100個(gè)英文字符

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

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

　　title:

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

　　2、title屬性規(guī)定元素的額外信息，有視覺效果，當(dāng)鼠標(biāo)放到文字或是圖片上時(shí)有文字顯示。

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

　　11 : 相對(duì)路徑

　　(同級(jí))

　　1)當(dāng)當(dāng)前文件與目標(biāo)文件在同一目錄下，直接書寫目標(biāo)文件的文件名+擴(kuò)展名;

　　(上級(jí)找下級(jí))

　　2)當(dāng)當(dāng)前文件與目標(biāo)文件所處的文件夾在同一目錄下，寫法如下：

　　文件夾名/目標(biāo)文件全稱+擴(kuò)展名;

　　(下級(jí)找上級(jí))

　　3)當(dāng)當(dāng)前文件所處的文件夾和目標(biāo)文件在同一目錄下，寫法如下：

　　../目標(biāo)文件文件名+擴(kuò)展名;

　　12 ： DIV

　　13 : HTML注釋

　　表格

　　1 : 表格基本結(jié)構(gòu)

　　2：表格的html屬性

　　1)width="表格的寬度"

　　2)height="表格的高度"

　　3)border="表格的邊框"

　　4)bordercolor="邊框色"

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

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

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

　　取值：left、right、center、

　　valign=“垂直對(duì)齊” top\bottom\middle

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

　　合并列： colspan=“所要合并的單元格的列數(shù)"

　　合并行： rowspan=“所要合并單元格的行數(shù)”

　　3 ： 數(shù)據(jù)行分組

　　4 ： 數(shù)據(jù)列分組

　　5 ： 列標(biāo)題

　　6: 表格標(biāo)題

　　7： 表格屬性

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

　　說(shuō)明：?jiǎn)卧耖g距(該屬性必須給table添加) 表示單元格邊框之間的距

　　離， 不可取負(fù)值

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

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

　　3、無(wú)內(nèi)容時(shí)單元格的設(shè)置：empty-cells:show/hide;

　　說(shuō)明：定義當(dāng)單元格無(wú)內(nèi)容時(shí)，是否顯示該單元格的邊框區(qū)域;show：顯示 ;hide：隱藏;

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