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