Dreamweaver怎么制作相冊(cè)展示類(lèi)網(wǎng)頁(yè)?
我要評(píng)論一個(gè)網(wǎng)頁(yè)中包含很多元素，涉及到很多知識(shí)點(diǎn)，比如表格，背景，文本，顏色，邊框等等，熟練掌握這些就可以直走一個(gè)網(wǎng)頁(yè)，今天我們就來(lái)看看使用dw制作一個(gè)相冊(cè)展示網(wǎng)頁(yè)的教程。
Dreamweaver CS3(DW CS3)簡(jiǎn)體中文精簡(jiǎn)版(50M)
- 類(lèi)型：網(wǎng)頁(yè)設(shè)計(jì)
- 大小：50MB
- 語(yǔ)言：簡(jiǎn)體中文
- 時(shí)間：2013-01-12
1、下面第一張圖是要制作的頁(yè)面，第二張圖是網(wǎng)頁(yè)制作的要求。
2、一起來(lái)做。首先打開(kāi)Dreamweaver，新建一個(gè)新的頁(yè)面，并命名。
3、把上述要求復(fù)制到這個(gè)新建的頁(yè)面中，并按照要求一步一步操作。
4、點(diǎn)擊“頁(yè)面屬性”，設(shè)置網(wǎng)頁(yè)背景顏色為#FFFF99。
5、輸入文本“我的相冊(cè)，設(shè)置字體為微軟雅黑，大小36px，顏色#330099，居中對(duì)齊。
6、創(chuàng)建導(dǎo)航表格1行5列，表格寬度700像素、邊框?yàn)?、單元格邊距為3、間距為0.表格居中對(duì)齊，行的背景顏色設(shè)置為#FF99CC，文字居中對(duì)齊，設(shè)置每個(gè)單元格一樣的寬。
7、創(chuàng)建圖像展示表格3行4列。寬度700像素、邊框粗細(xì)1、單元格邊距10、單元格間距10、邊框顏色#003333、表格背景顏色#006600.第一行背景顏色#66FFCC，第二行背景顏色#FFFF66，第三行顏色#66FF00
8、最后插入圖像，這樣一個(gè)網(wǎng)頁(yè)就制作好了，可以點(diǎn)擊F12預(yù)覽。
以上就是Dreamweaver制作網(wǎng)頁(yè)的教程，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
DW網(wǎng)頁(yè)元素怎么制作漸隱漸現(xiàn)效果?
Dreamweaver怎么實(shí)現(xiàn)一個(gè)網(wǎng)頁(yè)內(nèi)包含多個(gè)頁(yè)面的效果?
Dreamweaver怎么上傳網(wǎng)頁(yè)? dw網(wǎng)頁(yè)上傳到服務(wù)器的教程
相關(guān)文章
Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架?
Dreamweaver CS5怎么設(shè)計(jì)制作網(wǎng)頁(yè)框架？dw設(shè)計(jì)網(wǎng)站網(wǎng)頁(yè)很方便，該怎么設(shè)計(jì)一個(gè)網(wǎng)頁(yè)的框架呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-11-15dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果?
dreamweaver 怎么在網(wǎng)頁(yè)中使用div展示圖片效果？想給網(wǎng)站中插入一些圖片，怎么使用div展示圖片呢？下面我們就來(lái)看看詳細(xì)的設(shè)置方法，需要的朋友可以參考下2016-11-01dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果?
dreamweaver cs5怎么給網(wǎng)頁(yè)制作圖片的擠壓效果？想使用dw給網(wǎng)頁(yè)制作圖片顯示出來(lái)是擠壓效果的樣式，該怎么設(shè)計(jì)呢？下面我們就來(lái)看看詳細(xì)的教程，需要的朋友可以參考下2016-10-24Dreamweaver基礎(chǔ)教程之主體的細(xì)分技巧
我們經(jīng)常使用Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)，今天我們就來(lái)看看比較基礎(chǔ)的關(guān)于Dreamweaver主體的細(xì)分技巧，很簡(jiǎn)單的知識(shí)，需要的朋友可以參考下2016-09-05Dreamweaver網(wǎng)頁(yè)版權(quán)符號(hào)怎么制作?
Dreamweaver網(wǎng)頁(yè)版權(quán)符號(hào)怎么制作？我們看到很多我那個(gè)站都會(huì)帶有版權(quán)富豪，自己使用Dreamweaver設(shè)置網(wǎng)站的時(shí)候，該怎么添加網(wǎng)頁(yè)版權(quán)符號(hào)呢？下面我們就來(lái)看看詳細(xì)的教程，2016-08-28Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div?
Dreamweaver制作網(wǎng)頁(yè)的時(shí)候怎么定義主體div？使用Dreamweaver制作網(wǎng)頁(yè)的時(shí)候，必然會(huì)使用div，今天我們就來(lái)看看一些基礎(chǔ)教程，需要的朋友可以參考下2016-08-17Dreamweaver在網(wǎng)頁(yè)中怎么添加圖片呢?
這篇教程主要是向腳本之家的朋友分享Dreamweaver在網(wǎng)頁(yè)中怎么添加圖片方法，教程比較基礎(chǔ)，適合新手來(lái)學(xué)習(xí)，推薦過(guò)來(lái)，一起來(lái)學(xué)習(xí)吧2016-08-09Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)?
Dreamweaver怎么給網(wǎng)頁(yè)添加樣式表的關(guān)聯(lián)？想給網(wǎng)頁(yè)添加樣式表約束的鏈接，該怎么添加呢？下面我們就來(lái)看看詳細(xì)的設(shè)置教程，,需要的朋友可以參考下2016-08-08Dreamweaver怎么新建網(wǎng)頁(yè)并保存?
Dreamweaver怎么新建網(wǎng)頁(yè)并保存？Dreamweaver制作網(wǎng)頁(yè)很容易，今天我們就來(lái)看看基礎(chǔ)教程，使用Dreamweaver建立網(wǎng)頁(yè)并保存，很簡(jiǎn)單，需要的朋友可以參考下2016-08-018款替代Dreamweaver的開(kāi)源網(wǎng)頁(yè)開(kāi)發(fā)工具
這篇文章主要為大家詳細(xì)介紹了8款替代Dreamweaver的開(kāi)源網(wǎng)頁(yè)開(kāi)發(fā)工具，感興趣的小伙伴們可以參考一下2016-06-23