Dreamweaver CS6制作一個新聞網(wǎng)頁首頁的實(shí)例教程
我要評論以實(shí)例說明Dreamwaver CS 6版本的應(yīng)用。即使現(xiàn)在用很多有關(guān)DreamwaverCS6版本的書籍資料，但是資料太過復(fù)雜，反而不知道從而下手。這篇經(jīng)驗(yàn)將以本人經(jīng)驗(yàn)說說Dreamwaver CS6 的使用。這里舉的例子是“新聞網(wǎng)頁首頁”的制作。
1、打開DW，DW界面如圖
2、分析所制作的網(wǎng)頁的需求，明確目標(biāo)
3、明確需求。如果是建議一個網(wǎng)站，需要建立一個站點(diǎn)，方便管理并使制作步驟更為有條理。
4、新建站點(diǎn)彈出來的窗口。在這里我輸入的是“新聞網(wǎng)頁”，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾
5、在新聞網(wǎng)頁文件夾下新建“images”文件，導(dǎo)入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片
6、新建HTML，選擇“創(chuàng)建”
7、在“標(biāo)題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設(shè)計”界面
8、根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據(jù)圖設(shè)置
9、插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”
10、在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應(yīng)的“文件域”，將“type”改為“password”
11、插入圖像，不知道怎么填的話就一直選擇“確定”即可
12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖
13、選中第二行，點(diǎn)擊鼠標(biāo)右鍵，選擇“表格”，“合并單元格”
14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點(diǎn)“新聞網(wǎng)頁”可以看到保存的HTML文件
15、點(diǎn)擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實(shí)際
16、當(dāng)然也可以在Dreamwaver CS6 的實(shí)時視圖中完成第15步
相關(guān)推薦：
Dreamweaver編輯網(wǎng)頁預(yù)覽的時候顯示亂碼該怎么辦?
Dreamweaver怎么新建站點(diǎn)地圖?dw編輯站點(diǎn)地圖的方法
怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
相關(guān)文章
怎么格式化html代碼? Dreamweaver格式化html代碼的技巧
怎么格式化html代碼？Dreamweaver編輯網(wǎng)頁的時候，發(fā)現(xiàn)代碼格式很亂，看起來很費(fèi)勁，該怎么一鍵格式化呢？下面我們就來看看Dreamweaver格式化html代碼的技巧，需要的朋友可2016-03-31Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容?
Dreamweaver怎么進(jìn)行批量文件搜索指定內(nèi)容？Dreamweaver中的文件很多，想要查找文件很不容易，該怎么才能快速的進(jìn)行批量查找文件的？下面我們來看看Dreamweaver文本查找功2016-03-30Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示?
Dreamweaver中怎么讓html網(wǎng)頁中的table邊框細(xì)線顯示？Dreamweaver中插入表格默認(rèn)是寬邊框的，看上去很難看，該怎么將邊框設(shè)置成細(xì)線呢？請看下文詳細(xì)介紹，需要的朋友可以2016-03-10Dreamweaver怎么添加文本?怎么設(shè)置文本?
文本行為，就是網(wǎng)頁中的文本有行為，用的最多的又狀態(tài)欄文本和文本域文本，尤其是文本域文本是最常用到的，那么Dreamweaver怎么添加文本?怎么設(shè)置文本？下面小編就為大家詳2016-03-07- 這篇教程主要是向腳本之家的朋友分享Dreamweaver瀏覽器測試方法，教程真的很不錯，很值得大家學(xué)習(xí)，推薦過來，一起來學(xué)習(xí)吧2016-03-06
Dreamweaver編輯網(wǎng)頁預(yù)覽的時候顯示亂碼該怎么辦?
Dreamweaver編輯網(wǎng)頁預(yù)覽的時候顯示亂碼該怎么辦？Dreamweaver做網(wǎng)站的時候，網(wǎng)頁出現(xiàn)了亂碼，無論是預(yù)覽還是發(fā)布出來都是亂碼，出現(xiàn)這個狀況我們需要在網(wǎng)頁編碼里面加上聲2016-03-03- Dreamweaver中CSS面板該怎么設(shè)置？Dreamweaver中新建的網(wǎng)頁需要使用CSS面板設(shè)置擺弄狂，字體，背景顏色等等各種參數(shù)，該怎么設(shè)置呢？下面我們就來看看CSS面板的使用方法2016-03-03
Dreamweaver怎么添加背景音樂?dw添加聲音文件的方法
Dreamweaver怎么添加背景音樂？想讓網(wǎng)頁打開就會有歌聲出現(xiàn)，該怎么設(shè)置呢？今天我們就來看看給網(wǎng)頁添加聲音文件的詳細(xì)方法，圖文教程，需要的朋友可以參考下2016-03-02Dreamweaver怎么給網(wǎng)頁添加Flash影片?
Dreamweaver怎么給網(wǎng)頁添加Flash影片？使用Dreamweaver做網(wǎng)頁的時候想給網(wǎng)頁添加一個flash視頻，今天我們就來教大家在Dreamweaver中添加flash視頻的教程，需要的朋友可以參2016-03-01Dreamweaver如何設(shè)置圖像屬性?DW設(shè)置圖像屬性方法介紹
Dreamweaver如何設(shè)置圖像屬性?很多新手并不是很清楚，所以下面小編就為大家詳細(xì)介紹DW設(shè)置圖像屬性方法，不會的朋友可以參考本文，希望能對大家有所幫助2016-02-27