关于“制作可搜索的网站”的问题，小编就整理了【2】个相关介绍“制作可搜索的网站”的解答：
网页怎么制作搜索框？1、打开Hbuilder编辑器，创建一个input框和button按钮，将它们横排摆放在一起：
2、首先给input框添加“#7FCC0B”颜色的边框，设置宽度和高度即可，给button按钮设置白色的字体和“#7FCC0B”的背景颜色即可完成：
3、按crtl+s，在软件的右侧即可看到最终的效果。以上就是用html制作搜索框的演示：
怎么用PS做搜索框？用PS做搜索框的步骤流程（以Adobe Photoshop CS6为例）：
1、打开Adobe Photoshop CS6软件，并新建网页（ctrl+n）。如图所示。
2、选择颜色如图，这里的背景色是效果需要，一般做网页搜索框是不需要这一部的，填充（alt+del），如图所示。
3、选择圆角矩形工具（u），设置半径5像素，画合适大小矩形框，根据网页大小而定，选择前景色填充，颜色也是根据网页整体色调而定，命名图层为搜索框外框，如图所示。
4、给搜索框外框图层添加图层样式，内阴影、渐变叠加、描边；效果如图所示。
5、复制新建搜索框外框图层（Ctrl+j），调整大小（ctrl+t），填充颜色为白色，调整图层样式，如图所示。
6、选择自定义形状工具，追加全部图形，拉到最下面选择放大镜，画合适大小的放大镜在右边，选择颜色填充，设置图层样式，并右击图层选择栅格化图层。如图所示。
7、到此网页搜索框制作完成，效果如图所示。
注意事项
混合模式设置：
【内阴影】混色模式 正常 fc4242。不透明度 100。距离 2。大小 0。
【渐变叠加】混合模式 柔光。不透明度 30。
【描边】大小 1；混合模式 正常。颜色 fc4242（搜索框外框填充颜色）。
放大镜混合模式设置：
【投影】不透明度 51。角度 90。距离 3。大小 3。
【颜色叠加】混合模式 正常 444748。
用PS做搜索框的步骤流程（以Adobe Photoshop CS6为例）：
1、打开Adobe Photoshop CS6软件，并新建网页（ctrl+n）。如图所示。
2、选择颜色如图，这里的背景色是效果需要，一般做网页搜索框是不需要这一部的，填充（alt+del），如图所示。
3、选择圆角矩形工具（u），设置半径5像素，画合适大小矩形框，根据网页大小而定，选择前景色填充，颜色也是根据网页整体色调而定，命名图层为搜索框外框，如图所示。
4、给搜索框外框图层添加图层样式，内阴影、渐变叠加、描边；效果如图所示。
5、复制新建搜索框外框图层（Ctrl+j），调整大小（ctrl+t），填充颜色为白色，调整图层样式，如图所示。
6、选择自定义形状工具，追加全部图形，拉到最下面选择放大镜，画合适大小的放大镜在右边，选择颜色填充，设置图层样式，并右击图层选择栅格化图层。如图所示。
7、到此网页搜索框制作完成，效果如图所示。
工具/原料
PhotoShop软件
1、新建网页（ctrl+n）如图尺寸。
2、选择颜色如图，这里的背景色是效果需要，填充（alt+del）。
3、选择圆角矩形工具（u），设置半径5像素，画合适大小矩形框，根据网页大小而定，选择前景色填充，颜色也是根据网页整体色调而定，命名图层为搜索框外框，如图所示：
4、给搜索框外框图层添加图层样式，内阴影、渐变叠加、描边；如图：
5、复制新建搜索框外框图层（Ctrl+j），调整大小（ctrl+t），（调整大小时按住shift键等比例缩放，或者画一个矩形框也行），填充颜色为白色，调整图层样式，如图：
6、选择自定义形状工具，追加全部图形，拉到最下面选择放大镜，画合适大小的放大镜在右边，选择颜色填充，设置图层样式，如图：
7、到此网页搜索框制作完成，如果要彰显个性，放大镜的图案可以自己画，而且这样做改颜色特方便，直接填充其他颜色就行了。最后PS网页搜索框完成效果：
到此，以上就是小编对于“制作可搜索的网站”的问题就介绍到这了，希望介绍关于“制作可搜索的网站”的【2】点解答对大家有用。
