當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

软件工程第二次作业——模仿主流网站：搜狗输入法

發布時間：2025/4/16 编程问答 35 豆豆

生活随笔收集整理的這篇文章主要介紹了软件工程第二次作业——模仿主流网站：搜狗输入法小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

源碼鏈接：https://gitee.com/tangjiahao/2017_software_engineering.git

原網頁鏈接：https://pinyin.sogou.com/

原網站：

我的網頁效果：

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://www.cnblogs.com/tangjiahao/p/10634018.html

總結

以上是生活随笔為你收集整理的软件工程第二次作业——模仿主流网站：搜狗输入法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： 138 条 Vim 命令、操作、快捷键全
下一篇： JavaScript扩展运算符（...）