福彩幸运武林开奖 ?
歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > CSS工具 >

DIV+CSS輔助軟件Dreamweaver介紹

DIV+CSS開發軟件之Adobe Dreamweaver介紹

如果你不會安裝Adobe Dreamweaver,了解Dreamweaver安裝教程http://www.mcowk.com.cn/css-tool/t91.shtml

接下來我們(www.mcowk.com.cn)給大家介紹是大家最熟悉不過的軟件Adobe Dreamweaver,他被稱為網頁三劍客之一主要成員。

dreamweaver軟件圖

Dreamweaver我們常稱他為DW,是開發DIV+CSS比較好的工具。

Dreamweaver特點
1、開發css具體完善快捷簡便提示功能
2、新建htmlcss文件非常方便
3、代碼和效果可以上下對應瀏覽參考

接下來我們給介紹使用Dreamweaver技巧
使用Dreamweaver提示功能快速寫CSS代碼CSS屬性英文的拼寫一直是新手學習感覺不可解決的問題。這里我們使用DW的提示功能即可無需讓你記住具體英文單詞的拼寫,我們只需要記住的是一看某英文單詞就知道它的屬性、管什么的、屬性值有什么、屬性常用值代表什么,如看見font-size你就應該知道他是與文字有關,是管理字的大小,他的值是數字如font-site:20px;,代表字大小為20像素。

1、使用Dreamweaver提示屬性,如下圖
 

使用DW開發css時候提示css屬性

在寫好css命名后再按“{”花括號時候就會彈出CSS屬性列表共大家選擇,或者在一個屬性分號“;”結束后,在輸入法英文并半角小寫時候點一個空格,也會彈出css屬性列表(這里可以輸入屬性英文單詞的開頭字母以便找到自己需要css屬性單詞)

2、提示css屬性的值
首先選擇css屬性列表的屬性并按回車選中藍色背景的CSS屬性(如圖overflow藍色底的屬性)

div+css開發時候軟件提示功能

按完回車選擇好css屬性后將提示該屬性值的可選列表(如下圖,提示:可以使用鍵盤小鍵盤帶上下箭頭,上下選擇屬性或屬性值 div

這樣熟練運用將很快開發css樣式

新建html和css文件方便性
我們新建一個html和css文件更加方便,新建出來的html基本是標準的基本html頁面。

介紹新建一個html文件
1、首先點擊Dreamweaver軟件的“文件(F)”中的“新建(N)”

2、在彈出的窗口中選擇“空白頁”,再選擇“HTML”如果是新建css文件則點“CSS”。

使用DW新建CSS文件

3、點擊右下角的“創建(R)”,這樣就新建出一個標準的最基本的html文件頁面。

如果是新建CSS文件只需在新建文件時候的第2步選擇“CSS”即可創建一個css文件。
最后保存html或css為自己需要文件名即可。

代碼和效果可以上下對應瀏覽參考
在軟件打開一個html文件點擊“拆分”即可將窗口風格為上下兩部分,上部分為代碼模式,下部分為瀏覽網頁模式。

窗口的代碼區與瀏覽區圖例如下

雖然有時候我們在開發div css的時候,瀏覽區不一定標準顯示,但是我們可以通過瀏覽器很快找到瀏覽區具體內容的代碼位置,方便我們開發查找代碼。

以上是www.mcowk.com.cn總結Dreamweaver“DW”軟件在開發DIV+CSS的時候常用方法和功能。希望大家在實際制作使用時候多總結多熟悉各類。

相關教程:CSS單詞輸入方法

至于大家說,有的人可以只用記事本可以寫網頁、寫CSS、寫程序。對此大家不必去特意要求自己,因為各人的情況不同,而開發網頁的軟件有很多,各個語言的編程都是有自己的對應軟件。只要大家從基礎做起,找到適合自己順手開發工具或者手寫都可以。假如你用記事本手寫一個網頁需要2天時間,如果一個人用工具輔助開發只需要半天的時間,你說如果你們兩個去應聘同一個職位老板會要誰?所以大家在以后多總結,多實踐,找出適合自己開發工具和技巧是最佳之選。

DW安裝教程http://www.mcowk.com.cn/css-tool/t91.shtml

如需轉載,請注明文章出處和來源網址:http://www.mcowk.com.cn/css-tool/t91.shtml

我要分享到:

必備CSS教程 Essential CSS Tutorials

必備HTML基礎教程 Essential HTML Tutorials

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2010-03-31 08:14 原創:DIVCSS5
本文www.mcowk.com.cn DIVCSS5版權所有。

福彩幸运武林开奖