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