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