网页设计 类似百度搜索页面是怎么做出来的(怎么做页面设计,关键词优化)

网页设计这个一般都是要求会前端代码，html css js flash 还有些其他的脚本插件什么的。如果代码写的熟练可以不用DW。写网页的工具很多，用txt文本文档也可以。好了，贴上搜索框代码，使用需要后台程序支持，直接点了可是什么都没有哦。123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;htmlxmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/&gt;&lt;title&gt;搜索框&lt;/title&gt;&lt;styletype="text/css"media="screen"&gt;body{background-color:#f1f1f1;margin:0;}body,input,button{font-family:"HelveticaNeue",Helvetica,Arial,sans-serif;}.container{margin:30pxauto40pxauto;width:800px;text-align:center;}a{color:#4183c4;text-decoration:none;font-weight:bold;}a:hover{text-decoration:underline;}h3{color:#666;}ul{list-style:none;padding:25px0;}li{display:inline;margin:10px50px10px0px;}input[type=text],input[type=password]{font-size:13px;min-height:32px;margin:0;padding:7px8px;outline:none;color:#333;background-color:#fff;background-repeat:no-repeat;background-position:rightcenter;border:1pxsolid#ccc;border-radius:3px;box-shadow:inset01px2pxrgba(0,0,0,0.075);-moz-box-sizing:border-box;box-sizing:border-box;transition:all0.15sease-in;-webkit-transition:all0.15sease-in0;vertical-align:middle;}.button{position:relative;display:inline-block;margin:0;padding:8px15px;font-size:13px;font-weight:bold;color:#333;text-shadow:01px0rgba(255,255,255,0.9);white-space:nowrap;background-color:#eaeaea;background-image:-moz-linear-gradient(#fafafa,#eaeaea);background-image:-webkit-linear-gradient(#fafafa,#eaeaea);background-image:linear-gradient(#fafafa,#eaeaea);background-repeat:repeat-x;border-radius:3px;border:1pxsolid#ddd;border-bottom-color:#c5c5c5;box-shadow:01px3pxrgba(0,0,0,.05);vertical-align:middle;cursor:pointer;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;}.button:hover,.button:active{background-position:0-15px;border-color:#ccc#ccc#b5b5b5;}.button:active{background-color:#dadada;border-color:#b5b5b5;background-image:none;box-shadow:inset03px5pxrgba(0,0,0,.15);}.button:focus,input[type=text]:focus,input[type=password]:focus{outline:none;border-color:#51a7e8;box-shadow:inset01px2pxrgba(0,0,0,.075),005pxrgba(81,167,232,.5);}label[for=search]{display:block;text-align:left;}#searchlabel{font-weight:200;padding:5px0;}#searchinput[type=text]{font-size:18px;width:705px;}#search.button{padding:10px;width:90px;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;divclass="container"&gt;&lt;divid="search"&gt;&lt;labelfor="search"&gt;&lt;/label&gt;&lt;inputtype="text"name="q"&gt;&lt;inputclass="button"type="submit"value="Search"&gt;&lt;/div&gt;&lt;/div&gt;&lt;divstyle="text-align:center;margin:100px0;font:normal14px/24px'MicroSoftYaHei';"&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;