admin管理员组文章数量:1621658
源码链接:https://gitee/tangjiahao/2017_software_engineering.git
原网页链接:https://pinyin.sogou/
原网站:
我的网页效果:
HTML代码:
1 <!DOCTYPE> 2 <head> 3 <meta charset="utf-8"> 4 <title>搜狗输入法</title> 5 <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> 6 </head> 7 <body> 8 9 <div id="header"> 10 11 <div id="product"> 12 <div id="topnav"> 13 <ul> 14 <li> 15 <div class="topnav_name"><a >输入法手机版 </a></div> 16 </li> 17 <li> 18 <div class="topnav_name"><a >输入法Mac版 </a></div> 19 </li> 20 <li> 21 <div class="topnav_name"><a >输入法Linux版 </a></div> 22 </li> 23 <li> 24 <div class="topnav_name"><a >五笔输入法 </a></div> 25 </li> 26 <li> 27 <div class="topnav_name"><a >浏览器 </a></div> 28 </li> 29 <li> 30 <div class="topnav_name"><a >手机助手 </a></div> 31 </li> 32 </ul> 33 </div> 34 <div id="user_info"> 35 <ul> 36 <li> 37 <div><a >登录 注册 </a></div> 38 </li> 39 </ul> 40 </div> 41 </div> 42 43 <div id="logo"> 44 <img src="img/logo.png"/> 45 </div> 46 47 <div id="search_input"> 48 <form onsubmit="" id="searchForm" method="get" action="/search/search_list/"> 49 <input type="text" name="word" value="" id="searchTip" autocomplete="off" /> 50 </form> 51 </div> 52 53 <div id="nav_list"> 54 <ul> 55 <li> 56 <a class='current' ><div class="nav_name">首页</div></a> 57 </li> 58 <li> 59 <a ><div class="nav_name">皮肤</div></a> 60 </li> 61 <li> 62 <a ><div class="nav_name">词库</div></a> 63 </li> 64 <li > 65 <a ><div class="nav_name">皮肤表情开放平台</div></a> 66 </li> 67 <li> 68 <a ><div class="nav_name ">字媒体</div></a> 69 </li> 70 <li> 71 <a ><div class="nav_name">帮助</div></a> 72 </li> 73 <li> 74 <a ><div class="nav_name">升级日志</div></a> 75 </li> 76 <li class="nav_list_last"> 77 <a ><div class="nav_name">论坛</div></a> 78 </li> 79 </ul> 80 </div> 81 82 </div> 83 84 <div id='wrapper_main'> 85 86 <div class="focus"> 87 </div> 88 89 <div id="main_index"> 90 <div id="skin_title"></div> 91 92 <div id="skin_list"> 93 <ul> 94 <li id="skin_1"> 95 <div class="img"> 96 <a ><img src="img/15529863089788_former.png" alt="【粉丝投稿】奇迹暖暖" title="【粉丝投稿】奇迹暖暖" height="110" width="320" /></a> 97 </div> 98 <div class="r_sk_inf"> 99 <div class="skin_content"><span><a >【粉丝投稿】奇迹暖暖</a></span></div> 100 <div class="skin_download"><a ></a></div> 101 </div> 102 </li> 103 <li id="skin_1"> 104 <div class="img"> 105 <a ><img src="img/15532687674146_former.png" alt="【十月】绿" title="【十月】绿" height="110" width="320" /></a> 106 </div> 107 <div class="r_sk_inf"> 108 <div class="skin_content"><span><a >【十月】绿</a></span></div> 109 <div class="skin_download"><a ></a></div> 110 </div> 111 </li> 112 <li id="skin_1"> 113 <div class="img"> 114 <a ><img src="img/15535084988237_former.jpg" alt="【栗子】精灵少女" title="【栗子】精灵少女" height="110" width="320" /></a> 115 </div> 116 <div class="r_sk_inf"> 117 <div class="skin_content"><span><a >【栗子】精灵少女</a></span></div> 118 <div class="skin_download"><a ></a></div> 119 </div> 120 </li> 121 <li id="skin_1"> 122 <div class="img"> 123 <a ><img src="img/15535045549870_former.jpg" alt="小可爱鹿" title="小可爱鹿" height="110" width="320" /></a> 124 </div> 125 <div class="r_sk_inf"> 126 <div class="skin_content"><span><a >小可爱鹿</a></span></div> 127 <div class="skin_download"><a ></a></div> 128 </div> 129 </li> 130 <li id="skin_1"> 131 <div class="img"> 132 <a ><img src="img/15533067609641_former.gif" alt="【明玥】炫彩星球." title="【明玥】炫彩星球." height="110" width="320" /></a> 133 </div> 134 <div class="r_sk_inf"> 135 <div class="skin_content"><span><a >【明玥】炫彩星球.</a></span></div> 136 <div class="skin_download"><a ></a></div> 137 </div> 138 </li> 139 <li id="skin_1"> 140 <div class="img"> 141 <a ><img src="img/15534958228445_former.jpg" alt="【喵姐姐】和风物语" title="【喵姐姐】和风物语" height="110" width="320" /></a> 142 </div> 143 <div class="r_sk_inf"> 144 <div class="skin_content"><span><a >【喵姐姐】和风物语</a></span></div> 145 <div class="skin_download"><a ></a></div> 146 </div> 147 </li> 148 </ul> 149 150 </div> 151 <div id="skin_ex_func_title"></div> 152 <div id="skin_ex_func_list"> 153 <ul> 154 <li><a title="截屏"><img src="img/id_1.png" /></a><a class="down_ex_func" id="down_ex_func1" ></a></li> 155 <li><a title="手写输入"><img src="img/id_2.png" /></a><a class="down_ex_func" id="down_ex_func2" ></a></li> 156 <li><a title="皮肤盒子"><img src="img/id_3.png"/></a><a class="down_ex_func" id="down_ex_func3" ></a></li> 157 <li><a title="鼠标手势"><img src="img/id_4.png" /></a><a class="down_ex_func" id="down_ex_func4" ></a></li> 158 <li><a title="图片表情"><img src="img/id_5.png" /></a><a class="down_ex_func" id="down_ex_func5" ></a></li> 159 <li><a title="特效输入"><img src="img/id_6_2.png" /></a><a class="down_ex_func" id="down_ex_func6" ></a></li> 160 </ul> 161 162 </div> 163 164 <div id="dict_show_title"></div> 165 <div id="dict_show_list"> 166 <ul> 167 <li><a class="dict_r" > 168 <img src="img/daxuexiaoban.jpg" /></a> 169 <span><a >工作细胞</a></span></li> 170 <li><a class="dict_r" > 171 <img src="img/dacaiwu.gif" /></a> 172 <span><a >财务专用</a></span></li> 173 <li><a class="dict_r" > 174 <img src="img/jiada.jpg" /></a> 175 <span><a >贾平凹作品</a></span></li> 176 <li><a class="dict_r" > 177 <img src="img/jiepo.jpg" /></a> 178 <span><a >解剖学名词</a></span></li> 179 <li><a class="dict_r" > 180 <img src="img/luyouda.jpg" /></a> 181 <span><a >陆游经典名句</a></span></li> 182 <li><a class="dict_r" > 183 <img src="img/shijingjj.jpg" /></a> 184 <span><a >诗经</a></span></li> 185 </ul> 186 </div> 187 </div> 188 189 <div id="sidebar"> 190 <a href="" id="skin_pic"></a> 191 <div id="new_activity"> 192 <div id="new_activity_title"></div> 193 <ul> 194 <li><a style="color:#FF0000;" >搜狗输入法Linux版支持双拼啦!</a></li> 195 <li><a >新词特色主题图之旅,一起穿越吧!</a></li> 196 <li><a style="color:#FF0000;" >萌萌的颜文字一键下载直接使用!</a></li> 197 <li><a >想做皮肤?皮肤编辑器使用技巧大揭秘</a></li> 198 </ul> 199 </div> 200 201 <div id="focus_us"> 202 <div id='sinaWeibo'><a ></a></div> 203 <div id='keFu'><a ></a ></div> 204 </div> 205 206 207 <div id="download_list"> 208 <ul> 209 <li> 210 <a >点击查看</a></li> 211 <li><a >立即下载</a></li> 212 <li><a >立即下载</a></li> 213 </ul> 214 </div> 215 </div> 216 </div> 217 218 <div> 219 <div class="banner_sides" id="banner_side0"> 220 <div class="banner_swap"> 221 </div> 222 </div> 223 </div> 224 </div> 225 </body> 226 </html>
转载于:https://wwwblogs/tangjiahao/p/10634018.html
版权声明:本文标题:软件工程第二次作业——模仿主流网站:搜狗输入法 内容由热心网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:https://www.elefans.com/xitong/1728844173a1176379.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论