Dreamweaver怎么制作百度搜索欄靜態(tài)頁面?
百度經(jīng)驗 發(fā)布時間：2018-06-03 09:41:09 作者：患者無薪 
我要評論
我要評論Dreamweaver怎么制作百度搜索欄靜態(tài)頁面？Dreamweaver中想要設計百度的搜索頁面，該怎么設計呢？今天我們就來看看使用dw代碼設計百度搜索欄靜態(tài)頁面的教程，需要的朋友可以參考下
Dreamweaver中想要使用代碼制作百度搜索欄靜態(tài)頁面，該怎么制作呢？下面我們就來看看詳細的教程。
1、如果將搜索框分為塊狀，可以將他分為4段，如圖所示
2、打開DW軟件新建一個html文件并保存。
在body中輸入內(nèi)容，
<body> <div><img src="img/logo_bd.png" alt=""></div> <input type="text"> <h1>搜索經(jīng)驗</h1> <h2><a href="">幫助</a></h2> </body>
如下圖
3、然后建立style樣式，清除標簽自帶的一些屬性，
img{display:block;}
input{margin:0;padding:0;}
h1,h2{margin:0;font-weight:normal;}
4、對logo圖片設置具體寬高，并浮動，如圖所示
5、對input標簽添加屬性設置，如圖所示
6、最后添加h1和h2的屬性值，如圖所示，這樣一個簡單的搜索框就出來了。
以上就是dw制作百度搜索欄效果的教程，希望大家喜歡，請繼續(xù)關注腳本之家。
相關推薦：
Dreamweaver網(wǎng)頁中怎么添加電子郵箱鏈接?
Dreamweaver cc2018新版頁面怎么切換回舊版本布局?
相關文章
Dreamweaver中box shadow怎么添加陰影？Dreamweaver中想要給圖形添加陰影，該怎么添加陰影呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-05-30
Dreamweaver怎么制作鼠標點擊隱藏事件？Dreamweaver中想要想要制作一個鼠標點擊事件，該怎么制作呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-05-28
Dreamweaver單元格怎么拆分合并？dw表格想要對單元格進行操作，該怎么拆分和并單元格呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-05-23
Dreamweaver怎么選中多個單元格？Dreamweaver中的表格想要選中最后一行的三個單元格，該怎么實現(xiàn)呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-05-22
DreamWeaver中p標簽br標簽怎么使用？DreamWeaver中想要讓文字換行，該怎么實現(xiàn)呢？下面我們就來看看dw文字換行的兩種方法，需要的朋友可以參考下2018-05-22
DreamWeaver怎么使用塊狀標簽div？DreamWeaver頁面中想要使用塊狀標簽，該怎么使用呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-05-22
DreamWeaver怎么設置行內(nèi)標簽？DreamWeaver中的標簽有行內(nèi)標簽和行外標簽，該怎么設置行內(nèi)標簽呢？下面我們就來看看詳細的教程，需要的朋友可以參考下2018-05-11
Dreamweaver怎么創(chuàng)建CSS樣式? dw插入css的教程
Dreamweaver怎么創(chuàng)建CSS樣式？Dreamweaver設計頁面的時候，想要創(chuàng)建css樣式，該怎么創(chuàng)建呢？下面我們就來看看dw插入css的教程，需要的朋友可以參考下2018-05-11
DreamWeaver文字怎么居中對齊? dw垂直居中對齊的技巧
DreamWeaver文字怎么居中對齊？DreamWeaver中輸入的文字想要實現(xiàn)居中對齊，該怎么居中呢？下面我們就來看看dw垂直居中對齊的技巧，需要的朋友可以參考下2018-05-10
dreamweaver怎么制作文本框? dw文本框的兩種制作方法
dreamweaver怎么制作文本框？dreamweaver制作的網(wǎng)頁需要文本框，該怎么制作文本框呢？今天我們就來介紹dw文本框的兩種制作方法，需要的朋友可以參考下2018-04-28
