Dreamweaver怎么制作百度搜索栏静态页面?
百度经验 发布时间：2018-06-03 09:41:09 作者：患者无薪 
我要评论
我要评论Dreamweaver怎么制作百度搜索栏静态页面？Dreamweaver中想要设计百度的搜索页面，该怎么设计呢？今天我们就来看看使用dw代码设计百度搜索栏静态页面的教程，需要的朋友可以参考下
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
Dreamweaver中想要使用代码制作百度搜索栏静态页面，该怎么制作呢？下面我们就来看看详细的教程。
1、如果将搜索框分为块状，可以将他分为4段，如图所示
2、打开DW软件新建一个html文件并保存。
在body中输入内容，
<body> <div><img src="img/logo_bd.png" alt=""></div> <input type="text"> <h1>搜索经验</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制作百度搜索栏效果的教程，希望大家喜欢，请继续关注程序员之家。
相关推荐：
Dreamweaver cc2018新版页面怎么切换回旧版本布局?
相关文章
Dreamweaver中box shadow怎么添加阴影？Dreamweaver中想要给图形添加阴影，该怎么添加阴影呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-05-30
Dreamweaver怎么制作鼠标点击隐藏事件？Dreamweaver中想要想要制作一个鼠标点击事件，该怎么制作呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-05-28
Dreamweaver单元格怎么拆分合并？dw表格想要对单元格进行操作，该怎么拆分和并单元格呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-05-23
Dreamweaver怎么选中多个单元格？Dreamweaver中的表格想要选中最后一行的三个单元格，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-05-22
DreamWeaver中p标签br标签怎么使用？DreamWeaver中想要让文字换行，该怎么实现呢？下面我们就来看看dw文字换行的两种方法，需要的朋友可以参考下2018-05-22
DreamWeaver怎么使用块状标签div？DreamWeaver页面中想要使用块状标签，该怎么使用呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-05-22
DreamWeaver怎么设置行内标签？DreamWeaver中的标签有行内标签和行外标签，该怎么设置行内标签呢？下面我们就来看看详细的教程，需要的朋友可以参考下2018-05-11
Dreamweaver怎么创建CSS样式? dw插入css的教程
Dreamweaver怎么创建CSS样式？Dreamweaver设计页面的时候，想要创建css样式，该怎么创建呢？下面我们就来看看dw插入css的教程，需要的朋友可以参考下2018-05-11
DreamWeaver文字怎么居中对齐? dw垂直居中对齐的技巧
DreamWeaver文字怎么居中对齐？DreamWeaver中输入的文字想要实现居中对齐，该怎么居中呢？下面我们就来看看dw垂直居中对齐的技巧，需要的朋友可以参考下2018-05-10
dreamweaver怎么制作文本框? dw文本框的两种制作方法
dreamweaver怎么制作文本框？dreamweaver制作的网页需要文本框，该怎么制作文本框呢？今天我们就来介绍dw文本框的两种制作方法，需要的朋友可以参考下2018-04-28
最新评论