dw如何建立站點(dw建立站點的作用)
發(fā)布時間：2025-07-08 點擊：28
今天小編帶領(lǐng)大家走進(jìn)我們?nèi)A信智原前端老師的課堂，一起了解html的相關(guān)知識，本次分享是第一節(jié)課哦，后續(xù)還會陸續(xù)更新全部課程知識，歡迎大家點擊關(guān)注我們，一起學(xué)習(xí)前端吧！
這節(jié)課的目標(biāo)是認(rèn)識html是什么以及學(xué)會在dw中建立站點，并發(fā)布自己的第一個html頁面。
一、認(rèn)識html
html概念：超本文標(biāo)記語言（hypertext markup language）
超文本：瀏覽器就可以解釋的，比如http（超文本傳輸協(xié)議）。官方解釋：“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
標(biāo)記語言： 由一個一個的標(biāo)記組成的語言。比如段落是<p>…</p>這個標(biāo)記表示，圖像是由<img/>這個標(biāo)記表示。超鏈接是<a>…</a>標(biāo)記表示。學(xué)習(xí)標(biāo)記語言的關(guān)鍵是明白網(wǎng)頁的元素（布局、結(jié)構(gòu)、內(nèi)容等）應(yīng)該由什么標(biāo)記來描述是最恰當(dāng)?shù)摹?br>我們要讓瀏覽器按照人的思維來顯示網(wǎng)頁，就必須掌握瀏覽器解釋網(wǎng)頁的html語言，明白標(biāo)簽的作用，比如你想產(chǎn)生段落，就必須用<p>段落內(nèi)容</p>的方式才能實現(xiàn)。
html的歷史：
超文本標(biāo)記語言（第一版）——在1993年6月作為互聯(lián)網(wǎng)工程工作小組（ietf）工作草案發(fā)布（并非標(biāo)準(zhǔn)）：
html 2.0——1995年11月作為rfc 1866發(fā)布，在rfc 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時
html 3.2——1997年1月14日，w3c推薦標(biāo)準(zhǔn)
html 4.0——1997年12月18日，w3c推薦標(biāo)準(zhǔn)
html 4.01（微小改進(jìn)）——1999年12月24日，w3c推薦標(biāo)準(zhǔn)
xhtml1.0——發(fā)布于2000年1月26日，是w3c推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布。
xhtml 1.1，于2001年5月31日發(fā)布，w3c推薦標(biāo)準(zhǔn)。
xhtml 2.0，w3c工作草案。
html4.01 是常見的版本。
xhtml 5，從xhtml 1.x的更新版，基于html 5草案。
html 5——2014年10月28日，w3c推薦標(biāo)準(zhǔn)
html標(biāo)記的語法：
標(biāo)記只有兩種語法結(jié)構(gòu)，一種包容標(biāo)記，一種空標(biāo)記。
1、包容標(biāo)記 <開始標(biāo)記>...</結(jié)束標(biāo)記>，比如 <h1>...</h1>、<p>…</p>等。
2、空標(biāo)記 <開始標(biāo)記/>，比如<img /> <br/> <hr/>等。
標(biāo)記的屬性只能放在開始標(biāo)記里面。
1、<a href=url target=_blank>被點擊的對象</a>
2、<img src=url alt=替換文本/>
在dw的插入菜單——標(biāo)簽中，可以看到所有的html標(biāo)簽，如下圖：
并不是所有標(biāo)簽都是有用的，有些標(biāo)簽隨著版本的升級會廢除，但是并沒有刪除，所以真正有用的標(biāo)簽只有那么幾十個。
二、在dw中建立站點，并發(fā)布第一個html頁面
基本步驟如下：
1、建立站點，設(shè)置好根目錄文件夾和默認(rèn)圖片文件夾（非常重要）。
2、新建html頁面，并保存在根目錄文件夾下面。
3、再往保存好的頁面中添加內(nèi)容，比如文字和圖片、超鏈接等。
詳細(xì)介紹如下：
1、點擊“管理站點”，在彈出的面板中點擊“新建站點”，如圖：
2、設(shè)置“站點名稱”和“本地站點文件夾”，本地站點文件夾就是你存放整個網(wǎng)站的根目錄，點擊后面的文件夾小圖標(biāo)，選擇一個盤符，新建一個文件夾，選擇好就可以了。比如，選擇f盤下面的lianxi文件夾。
3、這一步非常關(guān)鍵，必須要設(shè)置“默認(rèn)圖像文件夾”，點擊“高級設(shè)置”，再點擊后面的文件夾小圖標(biāo)，在剛才設(shè)置好的“l(fā)ianxi”根目錄文件夾下面再新建一個“images”文件夾，選擇好。要保證“images”文件夾必須在你設(shè)置的根目錄文件夾的下面。
建立這個默認(rèn)圖像文件夾的好處是從站點以外選擇的圖片，都會自動把圖片復(fù)制到這個默認(rèn)圖像文件夾的下面。保證了站點的所有資源都在站點內(nèi)部，不會丟失圖片。
否則，如果你沒有設(shè)置這個圖像文件夾，每次從站點以外的地方插入圖片，都會有如下提示：
4、站點建立好后，就可以新建html頁面，保存并發(fā)布了。
按f12發(fā)布的時候，默認(rèn)是ie瀏覽器，如果想設(shè)置為別的瀏覽器，可以編輯瀏覽器列表。如圖所示：
1、點擊小球球，編輯瀏覽器列表。
2、點擊“+”按鈕，添加要發(fā)布的瀏覽器。
3、以谷歌為例，找到谷歌的快捷方式，右鍵菜單中選擇“屬性”。
4、復(fù)制谷歌的路徑，一定是以“.exe”為后綴名的路徑，這是可執(zhí)行文件。
5、粘貼到應(yīng)用程序中，設(shè)置為“主瀏覽器”，確定即可。
6、回到dw中，按下f12，即可看到在谷歌中發(fā)布了網(wǎng)頁。
怎么樣？這html第一課大家學(xué)會了嗎？
關(guān)注華信智原，樂享更多好課。
淄博公司網(wǎng)站建設(shè)：做網(wǎng)站時關(guān)于百度的這個陷阱你注意了嗎？
網(wǎng)站優(yōu)化之4大核心的SEO優(yōu)化技巧
減輕“價格戰(zhàn)”傷害 網(wǎng)站推廣企業(yè)可從三點發(fā)力
『微信公眾號運(yùn)營技巧』22條你不知道的微營銷干貨
網(wǎng)站做優(yōu)化的必要性分析
網(wǎng)站描述里面需要寫幾個關(guān)鍵詞
站外SEO是什么， SEO站外優(yōu)化有哪些方法？
武漢網(wǎng)站建設(shè)可注意的4個要點
這節(jié)課的目標(biāo)是認(rèn)識html是什么以及學(xué)會在dw中建立站點，并發(fā)布自己的第一個html頁面。
一、認(rèn)識html
html概念：超本文標(biāo)記語言（hypertext markup language）
超文本：瀏覽器就可以解釋的，比如http（超文本傳輸協(xié)議）。官方解釋：“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
標(biāo)記語言： 由一個一個的標(biāo)記組成的語言。比如段落是<p>…</p>這個標(biāo)記表示，圖像是由<img/>這個標(biāo)記表示。超鏈接是<a>…</a>標(biāo)記表示。學(xué)習(xí)標(biāo)記語言的關(guān)鍵是明白網(wǎng)頁的元素（布局、結(jié)構(gòu)、內(nèi)容等）應(yīng)該由什么標(biāo)記來描述是最恰當(dāng)?shù)摹?br>我們要讓瀏覽器按照人的思維來顯示網(wǎng)頁，就必須掌握瀏覽器解釋網(wǎng)頁的html語言，明白標(biāo)簽的作用，比如你想產(chǎn)生段落，就必須用<p>段落內(nèi)容</p>的方式才能實現(xiàn)。
html的歷史：
超文本標(biāo)記語言（第一版）——在1993年6月作為互聯(lián)網(wǎng)工程工作小組（ietf）工作草案發(fā)布（并非標(biāo)準(zhǔn)）：
html 2.0——1995年11月作為rfc 1866發(fā)布，在rfc 2854于2000年6月發(fā)布之后被宣布已經(jīng)過時
html 3.2——1997年1月14日，w3c推薦標(biāo)準(zhǔn)
html 4.0——1997年12月18日，w3c推薦標(biāo)準(zhǔn)
html 4.01（微小改進(jìn)）——1999年12月24日，w3c推薦標(biāo)準(zhǔn)
xhtml1.0——發(fā)布于2000年1月26日，是w3c推薦標(biāo)準(zhǔn)，后來經(jīng)過修訂于2002年8月1日重新發(fā)布。
xhtml 1.1，于2001年5月31日發(fā)布，w3c推薦標(biāo)準(zhǔn)。
xhtml 2.0，w3c工作草案。
html4.01 是常見的版本。
xhtml 5，從xhtml 1.x的更新版，基于html 5草案。
html 5——2014年10月28日，w3c推薦標(biāo)準(zhǔn)
html標(biāo)記的語法：
標(biāo)記只有兩種語法結(jié)構(gòu)，一種包容標(biāo)記，一種空標(biāo)記。
1、包容標(biāo)記 <開始標(biāo)記>...</結(jié)束標(biāo)記>，比如 <h1>...</h1>、<p>…</p>等。
2、空標(biāo)記 <開始標(biāo)記/>，比如<img /> <br/> <hr/>等。
標(biāo)記的屬性只能放在開始標(biāo)記里面。
1、<a href=url target=_blank>被點擊的對象</a>
2、<img src=url alt=替換文本/>
在dw的插入菜單——標(biāo)簽中，可以看到所有的html標(biāo)簽，如下圖：
并不是所有標(biāo)簽都是有用的，有些標(biāo)簽隨著版本的升級會廢除，但是并沒有刪除，所以真正有用的標(biāo)簽只有那么幾十個。
二、在dw中建立站點，并發(fā)布第一個html頁面
基本步驟如下：
1、建立站點，設(shè)置好根目錄文件夾和默認(rèn)圖片文件夾（非常重要）。
2、新建html頁面，并保存在根目錄文件夾下面。
3、再往保存好的頁面中添加內(nèi)容，比如文字和圖片、超鏈接等。
詳細(xì)介紹如下：
1、點擊“管理站點”，在彈出的面板中點擊“新建站點”，如圖：
2、設(shè)置“站點名稱”和“本地站點文件夾”，本地站點文件夾就是你存放整個網(wǎng)站的根目錄，點擊后面的文件夾小圖標(biāo)，選擇一個盤符，新建一個文件夾，選擇好就可以了。比如，選擇f盤下面的lianxi文件夾。
3、這一步非常關(guān)鍵，必須要設(shè)置“默認(rèn)圖像文件夾”，點擊“高級設(shè)置”，再點擊后面的文件夾小圖標(biāo)，在剛才設(shè)置好的“l(fā)ianxi”根目錄文件夾下面再新建一個“images”文件夾，選擇好。要保證“images”文件夾必須在你設(shè)置的根目錄文件夾的下面。
建立這個默認(rèn)圖像文件夾的好處是從站點以外選擇的圖片，都會自動把圖片復(fù)制到這個默認(rèn)圖像文件夾的下面。保證了站點的所有資源都在站點內(nèi)部，不會丟失圖片。
否則，如果你沒有設(shè)置這個圖像文件夾，每次從站點以外的地方插入圖片，都會有如下提示：
4、站點建立好后，就可以新建html頁面，保存并發(fā)布了。
按f12發(fā)布的時候，默認(rèn)是ie瀏覽器，如果想設(shè)置為別的瀏覽器，可以編輯瀏覽器列表。如圖所示：
1、點擊小球球，編輯瀏覽器列表。
2、點擊“+”按鈕，添加要發(fā)布的瀏覽器。
3、以谷歌為例，找到谷歌的快捷方式，右鍵菜單中選擇“屬性”。
4、復(fù)制谷歌的路徑，一定是以“.exe”為后綴名的路徑，這是可執(zhí)行文件。
5、粘貼到應(yīng)用程序中，設(shè)置為“主瀏覽器”，確定即可。
6、回到dw中，按下f12，即可看到在谷歌中發(fā)布了網(wǎng)頁。
怎么樣？這html第一課大家學(xué)會了嗎？
關(guān)注華信智原，樂享更多好課。
淄博公司網(wǎng)站建設(shè)：做網(wǎng)站時關(guān)于百度的這個陷阱你注意了嗎？
網(wǎng)站優(yōu)化之4大核心的SEO優(yōu)化技巧
減輕“價格戰(zhàn)”傷害 網(wǎng)站推廣企業(yè)可從三點發(fā)力
『微信公眾號運(yùn)營技巧』22條你不知道的微營銷干貨
網(wǎng)站做優(yōu)化的必要性分析
網(wǎng)站描述里面需要寫幾個關(guān)鍵詞
站外SEO是什么， SEO站外優(yōu)化有哪些方法？
武漢網(wǎng)站建設(shè)可注意的4個要點