Dreamweaver代码制作百度搜索栏静态页面

Dreamweaver代码制作搜索栏静态页面

操作方法

  • 01

    如果将搜索框分为块状，可以将他分为4段，如图所示

  • 02

    打开DW软件新建一个html文件并保存。 在body中输入内容， <body> <div><img src="img/logo_bd.png" alt=""></div> <input type="text"> <h1>搜索经验</h1> <h2><a href="">帮助</a></h2> </body> 如下图

  • 03

    然后建立style样式，清除标签自带的一些属性， img{display:block;} input{margin:0;padding:0;} h1,h2{margin:0;font-weight:normal;}

  • 04

    对logo图片设置具体宽高，并浮动，如图所示

  • 05

    对input标签添加属性设置，如图所示

  • 06

    最后添加h1和h2的属性值，如图所示，这样一个简单的搜索框就出来了。

赞 (0)

相关推荐

  • dreamweaver网页制作样式表的建立关联到页面

    dreamweaver网页制作时,如何将样式表达的建立关联到页面,里面详细的步骤和方法都在视频中有讲解,希望能认证听讲我 操作方法 01 首先简单的搭建好页面的站点 02 建立以个文件夹,列如css, ...

  • 怎么制作手机网页 如何制作一个手机html页面

    在电脑上制作的html页面用手机打开的话会很大,不能适应手机的屏幕大小,网页上的文字也会比较小,天使研究了好一阵子才知道如何制作一个手机html页面,下面分享给大家. 操作方法 01 看天使经验的人应 ...

  • 百度圣诞贺卡怎么制作 百度圣诞卡制作步骤教程

    百度圣诞贺卡怎么制作 百度圣诞卡制作步骤教程 1、首先我们进入百度搜索框输入圣诞节“圣诞节”。 2、点击“出手相助”首先我们先玩一个小游戏 3、游戏结束后，点击给小伙伴写贺卡 4、现在我们就可以开始写 ...

  • 如何通过Word制作通用的公文页面

    如何通过Word制作通用的公文页面?公文都有一定有格式，而且格式很严格。公文一般由眉首、主体和版记三部分组成;置于公文红线以上的部分各要素我们统称为眉首。在红线以下到主题词以上的部分，是公文的主体，而 ...

  • Axure怎么制作上下滑动的页面原型?

    Axure中制作网页圆形很方便,今天我们就来看看使用Axure实现上下滑动页面的教程. 1.在当前Page 中拖入一个动态面板,将面板命名为“显示面板”.这个面板对应着可见内容.该例中的可见面板的位置 ...

  • 如何设置和调整百度阅读App页面的文字间距

    如何设置和调整百度阅读App页面的文字间距

    今天,小编给大家介绍设置和调整百度阅读App页面的文字间距的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的手机中找到[百度阅读]图标,点击进入主界面.2.第二步,接下来,我们需要选择屏 ...

  • 手机百度搜索栏历史记录怎么删除？

    我们使用手机上网搜索一些内容时,通常会留下一些搜索的记录,比如用一下搜索后,就出现了一条历史记录,时间长了,会有很多,总是弹出很不方便,而且会暴露一些隐私的东西.我们需要及时将它们清理掉才好. 操作方 ...

  • 怎么删除百度搜索栏下面的历史记录

    我们通常用百度搜索东西的时候,每一次都会留下我们的搜索记录,那如何删除百度搜索栏下的历史记录呢,小编给大家示范一下. 操作方法 01 首先找到百度软件,并将其打开,如下图. 02 打开百度后,最上面会 ...

  • 巧用Word的EQ域代码制作音乐简谱

    如果我们想要自己输入和打印音乐简谱，手中又没有专门的简谱软件和特殊字库，怎么办呢？其实我们可以直接在Word软件中通过EQ域代码来制作音乐简谱，从单旋律到多声部的乐谱都可以制作，复制、修改也非常方便。 ...