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