Dreamweaver網(wǎng)頁(yè)制作初級(jí)教程:站點(diǎn)建立
現(xiàn)如今,網(wǎng)頁(yè)制作以及建站成了人人需要掌握的技能,小編也從各方面得到需求說(shuō),以前有過(guò)PS的入門(mén)教程,現(xiàn)在能不能做一個(gè)DW的入門(mén)教程。那么從今天開(kāi)始,小編將用一些時(shí)間,為大家?guī)?lái)DW的入門(mén)教程。只要能堅(jiān)持
現(xiàn)如今,網(wǎng)頁(yè)制作以及建站成了人人需要掌握的技能,小編也從各方面得到需求說(shuō),以前有過(guò)PS的入門(mén)教程,現(xiàn)在能不能做一個(gè)DW的入門(mén)教程。那么從今天開(kāi)始,小編將用一些時(shí)間,為大家?guī)?lái)DW的入門(mén)教程。只要能堅(jiān)持,你也能成為大神。
建立一個(gè)新站點(diǎn)
一般情況下,教程多從具體的代碼入手,但是代碼就像編程一樣,特別枯燥。所以我們從建站開(kāi)始,通過(guò)建站過(guò)程教大家怎么用好dw這個(gè)軟件。
首先,我們找到最上方的站點(diǎn)——新建。
為自己的站點(diǎn)建立一個(gè)名稱(chēng),小編用微信公眾的名字來(lái)命名,大家可以隨意起自己想建立的網(wǎng)站的名稱(chēng)。
在下邊選擇一個(gè)根目錄文件夾,這樣我們將站點(diǎn)文件夾放在特定的目錄之下。
這樣,站點(diǎn)基本建立完畢了,接下來(lái)我們建立兩個(gè)文件夾,一個(gè)是image,用來(lái)存放我們網(wǎng)站建立中的圖片,另一個(gè)是css,用來(lái)保存樣式。建立方法:根目錄右擊即可。
然后我們建立自己的主頁(yè)面,當(dāng)然也是在根目錄下方,命名為index。
這樣一個(gè)站點(diǎn)的基本架構(gòu)就好了,下節(jié)我們看樣式表的建立方法。
內(nèi)容更新:添加樣式表的建立方法
現(xiàn)在我們繼續(xù)DW的入門(mén)教程,學(xué)習(xí)如何建立樣式表。
首先打開(kāi)我們剛才建立的站點(diǎn),在左邊的文件列表中找到我們剛才創(chuàng)建的css文件夾。
在css文件夾上右擊,選擇新建CSS文件。
給這個(gè)樣式表文件命名,比如我們可以命名為style.css。
現(xiàn)在我們可以在這個(gè)樣式表文件中寫(xiě)入我們的樣式規(guī)則了。
比如,我們可以設(shè)置body元素的背景色為白色:
body {
background-color: ffffff;
}
后面的花括號(hào)內(nèi)就是我們的樣式規(guī)則,可以根據(jù)自己的需求進(jìn)行修改和添加。
別忘了在我們的主頁(yè)面()中引入這個(gè)樣式表:
lt;link rel"stylesheet" type"text/css" href"css/style.css"gt;
這樣,我們的樣式表就成功應(yīng)用到了主頁(yè)面上。
在下一節(jié)中,我們將學(xué)習(xí)更多關(guān)于Dreamweaver的功能和技巧。