Team Ai
Datasetpublic

SALT-NLP/Design2Code-HARD

This dataset consists of 80 extra difficult webpages from Github Pages, which challenges SoTA multimodal LLMs on converting visual designs into code implementations. Each example is a pair of source HTML and screenshot ({id}.html and {id}.png). See the "easy" version of the Design2Code testset here Note that all images in these webpages are replaced by a placeholder image (rick.jpg) Please refer to our project page and our paper for more information.

sourceHugging Faceodc-byupdated 2y agoView on Hugging Face
6likes622downloads
g3.html671 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="zh-CN">3 <head>4  <meta charset="utf-8">5  <title>6   海南大学飞跃手册7  </title>8  <meta content="6t0LoIeFksrjF4c9sqUEsVXiQNxLp2hgoqo0KryT-sE" name="google-site-verification">9  <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">10  <meta content="doc,docs,documentation,gitbook,creator,generator,github,jekyll,github-pages" name="keywords">11  <meta content="A magical documentation generator." name="description">12  <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">13  <!-- -->14  <style>15   .giscus, .giscus-frame {16  width: 100%;17  min-height: 150px;18}19 20.giscus-frame {21  border: none;22  color-scheme: light dark;23}24.giscus-frame--loading {25  opacity: 0;26}27 28 29 30 31 32 33 34 35 36*{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;box-sizing:border-box}body:not(.ready){overflow:hidden}body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak]{display:none}div#app{font-size:30px;font-weight:lighter;margin:40vh auto;text-align:center}div#app:empty:before{content:"Loading..."}.emoji{height:1.2rem;vertical-align:middle}.progress{background-color:var(--theme-color,#000);height:2px;left:0;position:fixed;right:0;top:0;transition:width .2s,opacity .4s;width:0;z-index:999999}.search a:hover{color:var(--theme-color,#000)}.search .search-keyword{color:var(--theme-color,#000);font-style:normal;font-weight:700}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#000;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0;overflow-x:hidden}img{max-width:100%}a[disabled]{cursor:not-allowed;opacity:.6}kbd{border:1px solid #ccc;border-radius:3px;display:inline-block;font-size:12px!important;line-height:12px;margin-bottom:3px;padding:3px 5px;vertical-align:middle}li input[type=checkbox]{margin:0 .2em .25em 0;vertical-align:middle}.app-nav{margin:25px 60px 0 0;position:absolute;right:0;text-align:right;z-index:10}.app-nav.no-badge{margin-right:25px}.app-nav p{margin:0}.app-nav>a{margin:0 1rem;padding:5px 0}.app-nav li,.app-nav ul{display:inline-block;list-style:none;margin:0}.app-nav a{color:inherit;font-size:16px;text-decoration:none;transition:color .3s}.app-nav a:hover{color:var(--theme-color,#000)}.app-nav a.active{border-bottom:2px solid var(--theme-color,#000);color:var(--theme-color,#000)}.app-nav li{display:inline-block;margin:0 1rem;padding:5px 0;position:relative;cursor:pointer}.app-nav li ul{background-color:#fff;border:1px solid;border-color:#ddd #ddd #ccc;border-radius:4px;box-sizing:border-box;display:none;max-height:calc(100vh - 61px);overflow-y:auto;padding:10px 0;position:absolute;right:-15px;text-align:left;top:100%;white-space:nowrap}.app-nav li ul li{display:block;font-size:14px;line-height:1rem;margin:8px 14px;white-space:nowrap}.app-nav li ul a{display:block;font-size:inherit;margin:0;padding:0}.app-nav li ul a.active{border-bottom:0}.app-nav li:hover ul{display:block}.github-corner{border-bottom:0;position:fixed;right:0;text-decoration:none;top:0;z-index:1}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}.github-corner svg{color:#fff;fill:var(--theme-color,#000);height:80px;width:80px}main{display:block;position:relative;width:100vw;height:100%;z-index:0}main.hidden{display:none}.anchor{display:inline-block;text-decoration:none;transition:all .3s}.anchor span{color:#000}.anchor:hover{text-decoration:underline}.sidebar{border-right:1px solid rgba(0,0,0,.07);overflow-y:auto;padding:40px 0 0;position:absolute;top:0;bottom:0;left:0;transition:transform .25s ease-out;width:300px;z-index:20}.sidebar>h1{margin:0 auto 1rem;font-size:1.5rem;font-weight:300;text-align:center}.sidebar>h1 a{color:inherit;text-decoration:none}.sidebar>h1 .app-nav{display:block;position:static}.sidebar .sidebar-nav{line-height:2em;padding-bottom:40px}.sidebar li.collapse .app-sub-sidebar{display:none}.sidebar ul{margin:0 0 0 15px;padding:0}.sidebar li>p{font-weight:700;margin:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar ul li a{border-bottom:none;display:block}.sidebar ul li ul{padding-left:20px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53.3%,.4)}.sidebar:hover::-webkit-scrollbar-track{background:hsla(0,0%,53.3%,.1)}.sidebar-toggle{background-color:transparent;background-color:hsla(0,0%,100%,.8);border:0;outline:none;padding:10px;position:absolute;bottom:0;left:0;text-align:center;transition:opacity .3s;width:284px;z-index:30;cursor:pointer}.sidebar-toggle:hover .sidebar-toggle-button{opacity:.4}.sidebar-toggle span{background-color:var(--theme-color,#000);display:block;margin-bottom:4px;width:16px;height:2px}body.sticky .sidebar,body.sticky .sidebar-toggle{position:fixed}.content{padding-top:60px;position:absolute;top:0;right:0;bottom:0;left:300px;transition:left .25s ease}.markdown-section{margin:0 auto;max-width:80%;padding:30px 15px 40px;position:relative}.markdown-section>*{box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}.markdown-section hr{border:none;border-bottom:1px solid #eee;margin:2em 0}.markdown-section iframe{border:1px solid #eee;width:1px;min-width:100%}.markdown-section table{border-collapse:collapse;border-spacing:0;display:block;margin-bottom:1rem;overflow:auto;width:100%}.markdown-section th{font-weight:700}.markdown-section td,.markdown-section th{border:1px solid #ddd;padding:6px 13px}.markdown-section tr{border-top:1px solid #ccc}.markdown-section tr:nth-child(2n){background-color:#f8f8f8}.markdown-section p.tip{background-color:#f8f8f8;border-bottom-right-radius:2px;border-left:4px solid #f66;border-top-right-radius:2px;margin:2em 0;padding:12px 24px 12px 30px;position:relative}.markdown-section p.tip:before{background-color:#f66;border-radius:100%;color:#fff;content:"!";font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;left:-12px;line-height:20px;position:absolute;height:20px;width:20px;text-align:center;top:14px}.markdown-section p.tip code{background-color:#efefef}.markdown-section p.tip em{color:#000}.markdown-section p.warn{background:rgba(0,0,0,.1);border-radius:2px;padding:1rem}.markdown-section ul.task-list>li{list-style-type:none}body.close .sidebar{transform:translateX(-300px)}body.close .sidebar-toggle{width:auto}body.close .content{left:0}@media print{.app-nav,.github-corner,.sidebar,.sidebar-toggle{display:none}}@media screen and (max-width:768px){.github-corner,.sidebar,.sidebar-toggle{position:fixed}.app-nav{margin-top:16px}.app-nav li ul{top:30px}main{height:auto;min-height:100vh;overflow-x:hidden}.sidebar{left:-300px;transition:transform .25s ease-out}.content{left:0;max-width:100vw;position:static;padding-top:20px;transition:transform .25s ease}.app-nav,.github-corner{transition:transform .25s ease-out}.sidebar-toggle{background-color:transparent;width:auto;padding:30px 30px 10px 10px}body.close .sidebar{transform:translateX(300px)}body.close .sidebar-toggle{background-color:hsla(0,0%,100%,.8);transition:background-color 1s;width:284px;padding:10px}body.close .content{transform:translateX(300px)}body.close .app-nav,body.close .github-corner{display:none}.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}}@-webkit-keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}section.cover{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw;display:none}section.cover.show{display:flex}section.cover.has-mask .mask{background-color:#fff;opacity:.8;position:absolute;top:0;height:100%;width:100%}section.cover .cover-main{flex:1;margin:-20px 16px 0;text-align:center;position:relative}section.cover a{color:inherit;text-decoration:none}section.cover a:hover{text-decoration:none}section.cover p{line-height:1.5rem;margin:1em 0}section.cover h1{color:inherit;font-size:2.5rem;font-weight:300;margin:.625rem 0 2.5rem;position:relative;text-align:center}section.cover h1 a{display:block}section.cover h1 small{bottom:-.4375rem;font-size:1rem;position:absolute}section.cover blockquote{font-size:1.5rem;text-align:center}section.cover ul{line-height:1.8;list-style-type:none;margin:1em auto;max-width:500px;padding:0}section.cover .cover-main>p:last-child a{border-radius:2rem;border:1px solid var(--theme-color,#000);box-sizing:border-box;color:var(--theme-color,#000);display:inline-block;font-size:1.05rem;letter-spacing:.1rem;margin:.5rem 1rem;padding:.75em 2rem;text-decoration:none;transition:all .15s ease}section.cover .cover-main>p:last-child a:last-child{background-color:var(--theme-color,#000);color:#fff}section.cover .cover-main>p:last-child a:last-child:hover{color:inherit;opacity:.8}section.cover .cover-main>p:last-child a:hover{color:inherit}section.cover blockquote>p>a{border-bottom:2px solid var(--theme-color,#000);transition:color .3s}section.cover blockquote>p>a:hover{color:var(--theme-color,#000)}37 38 39      nav.app-nav li ul {40        min-width: 100px;41      }42      .giscus iframe {43        border: none;44      }45  </style>46  <style>47   .giscus, .giscus-frame {48  width: 100%;49  min-height: 150px;50}51 52.giscus-frame {53  border: none;54  color-scheme: light dark;55}56.giscus-frame--loading {57  opacity: 0;58}59 60 61 62 63 64 65 66 67 68*{-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-touch-callout:none;box-sizing:border-box}body:not(.ready){overflow:hidden}body:not(.ready) .app-nav,body:not(.ready)>nav,body:not(.ready) [data-cloak]{display:none}div#app{font-size:30px;font-weight:lighter;margin:40vh auto;text-align:center}div#app:empty:before{content:"Loading..."}.emoji{height:1.2rem;vertical-align:middle}.progress{background-color:var(--theme-color,#000);height:2px;left:0;position:fixed;right:0;top:0;transition:width .2s,opacity .4s;width:0;z-index:999999}.search a:hover{color:var(--theme-color,#000)}.search .search-keyword{color:var(--theme-color,#000);font-style:normal;font-weight:700}body,html{height:100%}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#000;font-family:Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:15px;letter-spacing:0;margin:0;overflow-x:hidden}img{max-width:100%}a[disabled]{cursor:not-allowed;opacity:.6}kbd{border:1px solid #ccc;border-radius:3px;display:inline-block;font-size:12px!important;line-height:12px;margin-bottom:3px;padding:3px 5px;vertical-align:middle}li input[type=checkbox]{margin:0 .2em .25em 0;vertical-align:middle}.app-nav{margin:25px 60px 0 0;position:absolute;right:0;text-align:right;z-index:10}.app-nav.no-badge{margin-right:25px}.app-nav p{margin:0}.app-nav>a{margin:0 1rem;padding:5px 0}.app-nav li,.app-nav ul{display:inline-block;list-style:none;margin:0}.app-nav a{color:inherit;font-size:16px;text-decoration:none;transition:color .3s}.app-nav a:hover{color:var(--theme-color,#000)}.app-nav a.active{border-bottom:2px solid var(--theme-color,#000);color:var(--theme-color,#000)}.app-nav li{display:inline-block;margin:0 1rem;padding:5px 0;position:relative;cursor:pointer}.app-nav li ul{background-color:#fff;border:1px solid;border-color:#ddd #ddd #ccc;border-radius:4px;box-sizing:border-box;display:none;max-height:calc(100vh - 61px);overflow-y:auto;padding:10px 0;position:absolute;right:-15px;text-align:left;top:100%;white-space:nowrap}.app-nav li ul li{display:block;font-size:14px;line-height:1rem;margin:8px 14px;white-space:nowrap}.app-nav li ul a{display:block;font-size:inherit;margin:0;padding:0}.app-nav li ul a.active{border-bottom:0}.app-nav li:hover ul{display:block}.github-corner{border-bottom:0;position:fixed;right:0;text-decoration:none;top:0;z-index:1}.github-corner:hover .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}.github-corner svg{color:#fff;fill:var(--theme-color,#000);height:80px;width:80px}main{display:block;position:relative;width:100vw;height:100%;z-index:0}main.hidden{display:none}.anchor{display:inline-block;text-decoration:none;transition:all .3s}.anchor span{color:#000}.anchor:hover{text-decoration:underline}.sidebar{border-right:1px solid rgba(0,0,0,.07);overflow-y:auto;padding:40px 0 0;position:absolute;top:0;bottom:0;left:0;transition:transform .25s ease-out;width:300px;z-index:20}.sidebar>h1{margin:0 auto 1rem;font-size:1.5rem;font-weight:300;text-align:center}.sidebar>h1 a{color:inherit;text-decoration:none}.sidebar>h1 .app-nav{display:block;position:static}.sidebar .sidebar-nav{line-height:2em;padding-bottom:40px}.sidebar li.collapse .app-sub-sidebar{display:none}.sidebar ul{margin:0 0 0 15px;padding:0}.sidebar li>p{font-weight:700;margin:0}.sidebar ul,.sidebar ul li{list-style:none}.sidebar ul li a{border-bottom:none;display:block}.sidebar ul li ul{padding-left:20px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.sidebar:hover::-webkit-scrollbar-thumb{background:hsla(0,0%,53.3%,.4)}.sidebar:hover::-webkit-scrollbar-track{background:hsla(0,0%,53.3%,.1)}.sidebar-toggle{background-color:transparent;background-color:hsla(0,0%,100%,.8);border:0;outline:none;padding:10px;position:absolute;bottom:0;left:0;text-align:center;transition:opacity .3s;width:284px;z-index:30;cursor:pointer}.sidebar-toggle:hover .sidebar-toggle-button{opacity:.4}.sidebar-toggle span{background-color:var(--theme-color,#000);display:block;margin-bottom:4px;width:16px;height:2px}body.sticky .sidebar,body.sticky .sidebar-toggle{position:fixed}.content{padding-top:60px;position:absolute;top:0;right:0;bottom:0;left:300px;transition:left .25s ease}.markdown-section{margin:0 auto;max-width:80%;padding:30px 15px 40px;position:relative}.markdown-section>*{box-sizing:border-box;font-size:inherit}.markdown-section>:first-child{margin-top:0!important}.markdown-section hr{border:none;border-bottom:1px solid #eee;margin:2em 0}.markdown-section iframe{border:1px solid #eee;width:1px;min-width:100%}.markdown-section table{border-collapse:collapse;border-spacing:0;display:block;margin-bottom:1rem;overflow:auto;width:100%}.markdown-section th{font-weight:700}.markdown-section td,.markdown-section th{border:1px solid #ddd;padding:6px 13px}.markdown-section tr{border-top:1px solid #ccc}.markdown-section tr:nth-child(2n){background-color:#f8f8f8}.markdown-section p.tip{background-color:#f8f8f8;border-bottom-right-radius:2px;border-left:4px solid #f66;border-top-right-radius:2px;margin:2em 0;padding:12px 24px 12px 30px;position:relative}.markdown-section p.tip:before{background-color:#f66;border-radius:100%;color:#fff;content:"!";font-family:Dosis,Source Sans Pro,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;left:-12px;line-height:20px;position:absolute;height:20px;width:20px;text-align:center;top:14px}.markdown-section p.tip code{background-color:#efefef}.markdown-section p.tip em{color:#000}.markdown-section p.warn{background:rgba(0,0,0,.1);border-radius:2px;padding:1rem}.markdown-section ul.task-list>li{list-style-type:none}body.close .sidebar{transform:translateX(-300px)}body.close .sidebar-toggle{width:auto}body.close .content{left:0}@media print{.app-nav,.github-corner,.sidebar,.sidebar-toggle{display:none}}@media screen and (max-width:768px){.github-corner,.sidebar,.sidebar-toggle{position:fixed}.app-nav{margin-top:16px}.app-nav li ul{top:30px}main{height:auto;min-height:100vh;overflow-x:hidden}.sidebar{left:-300px;transition:transform .25s ease-out}.content{left:0;max-width:100vw;position:static;padding-top:20px;transition:transform .25s ease}.app-nav,.github-corner{transition:transform .25s ease-out}.sidebar-toggle{background-color:transparent;width:auto;padding:30px 30px 10px 10px}body.close .sidebar{transform:translateX(300px)}body.close .sidebar-toggle{background-color:hsla(0,0%,100%,.8);transition:background-color 1s;width:284px;padding:10px}body.close .content{transform:translateX(300px)}body.close .app-nav,body.close .github-corner{display:none}.github-corner:hover .octo-arm{-webkit-animation:none;animation:none}.github-corner .octo-arm{-webkit-animation:octocat-wave .56s ease-in-out;animation:octocat-wave .56s ease-in-out}}@-webkit-keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}section.cover{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw;display:none}section.cover.show{display:flex}section.cover.has-mask .mask{background-color:#fff;opacity:.8;position:absolute;top:0;height:100%;width:100%}section.cover .cover-main{flex:1;margin:-20px 16px 0;text-align:center;position:relative}section.cover a{color:inherit;text-decoration:none}section.cover a:hover{text-decoration:none}section.cover p{line-height:1.5rem;margin:1em 0}section.cover h1{color:inherit;font-size:2.5rem;font-weight:300;margin:.625rem 0 2.5rem;position:relative;text-align:center}section.cover h1 a{display:block}section.cover h1 small{bottom:-.4375rem;font-size:1rem;position:absolute}section.cover blockquote{font-size:1.5rem;text-align:center}section.cover ul{line-height:1.8;list-style-type:none;margin:1em auto;max-width:500px;padding:0}section.cover .cover-main>p:last-child a{border-radius:2rem;border:1px solid var(--theme-color,#000);box-sizing:border-box;color:var(--theme-color,#000);display:inline-block;font-size:1.05rem;letter-spacing:.1rem;margin:.5rem 1rem;padding:.75em 2rem;text-decoration:none;transition:all .15s ease}section.cover .cover-main>p:last-child a:last-child{background-color:var(--theme-color,#000);color:#fff}section.cover .cover-main>p:last-child a:last-child:hover{color:inherit;opacity:.8}section.cover .cover-main>p:last-child a:hover{color:inherit}section.cover blockquote>p>a{border-bottom:2px solid var(--theme-color,#000);transition:color .3s}section.cover blockquote>p>a:hover{color:var(--theme-color,#000)}69 70 71.sidebar {72  padding-top: 0;73}74 75.search {76  margin-bottom: 20px;77  padding: 6px;78  border-bottom: 1px solid #eee;79}80 81.search .input-wrap {82  display: flex;83  align-items: center;84}85 86.search .results-panel {87  display: none;88}89 90.search .results-panel.show {91  display: block;92}93 94.search input {95  outline: none;96  border: none;97  width: 100%;98  padding: 0 7px;99  line-height: 36px;100  font-size: 14px;101  border: 1px solid transparent;102}103 104.search input:focus {105  box-shadow: 0 0 5px var(--theme-color, #42b983);106  border: 1px solid var(--theme-color, #42b983);107}108 109.search input::-webkit-search-decoration,110.search input::-webkit-search-cancel-button,111.search input {112  -webkit-appearance: none;113  -moz-appearance: none;114  appearance: none;115}116.search .clear-button {117  cursor: pointer;118  width: 36px;119  text-align: right;120  display: none;121}122 123.search .clear-button.show {124  display: block;125}126 127.search .clear-button svg {128  transform: scale(.5);129}130 131.search h2 {132  font-size: 17px;133  margin: 10px 0;134}135 136.search a {137  text-decoration: none;138  color: inherit;139}140 141.search .matching-post {142  border-bottom: 1px solid #eee;143}144 145.search .matching-post:last-child {146  border-bottom: 0;147}148 149.search p {150  font-size: 14px;151  overflow: hidden;152  text-overflow: ellipsis;153  display: -webkit-box;154  -webkit-line-clamp: 2;155  -webkit-box-orient: vertical;156}157 158.search p.empty {159  text-align: center;160}161 162.app-name.hide, .sidebar-nav.hide {163  display: none;164}165  </style>166 </head>167 <body class="ready" data-page="README.md">168  <nav class="app-nav no-badge">169  </nav>170  <section class="cover show" style="background: linear-gradient(to left bottom, hsl(72, 100%, 85%) 0%,hsl(61, 100%, 85%) 100%)">171   <div class="mask">172   </div>173   <div class="cover-main">174    <p align="center">175     <a>176      <img alt="Hainan University" height="100" src="rick.jpg">177     </a>178    </p>179    <p>180     <middle>181      海南大学飞跃手册182     </middle>183    </p>184    <ul>185     <li>186      <p>187       Hainanu Application Wiki Since 2022.6188      </p>189     </li>190     <li>191      <p>192       All Rights Reserved.193      </p>194     </li>195    </ul>196    <p>197     <a rel="noopener" target="_blank">198      GitHub199     </a>200     <a>201      Get Started202     </a>203    </p>204   </div>205  </section>206  <main>207   <button aria-label="Menu" class="sidebar-toggle">208    <div class="sidebar-toggle-button">209     <span>210     </span>211     <span>212     </span>213     <span>214     </span>215    </div>216   </button>217   <aside class="sidebar">218    <div class="search">219     <div class="input-wrap">220      <input aria-label="Search text" placeholder="🔍搜索" type="search" value>221      <div class="clear-button">222      </div>223     </div>224     <div class="results-panel">225     </div>226    </div>227    <h1 class="app-name">228     <a class="app-name-link" data-nosearch>229      Hainanu Application230     </a>231    </h1>232    <div class="sidebar-nav">233     <ul>234      <li>235       <p>236        <strong>237         写在前面238        </strong>239       </p>240       <ul>241        <li>242         <a title="致谢">243          致谢244         </a>245        </li>246        <li>247         <a title="关于我们">248          关于我们249         </a>250        </li>251        <li>252         <a title="关于投稿">253          关于投稿254         </a>255        </li>256       </ul>257      </li>258      <li>259       <p>260        <strong>261         初入海大(9)262        </strong>263       </p>264       <ul>265        <li>266         <a title="欢迎来到海南大学">267          欢迎来到海南大学268         </a>269        </li>270        <li>271         <a title="学习(8)">272          学习(8)273         </a>274        </li>275        <li>276         <a title="生活(1)">277          生活(1)278         </a>279        </li>280       </ul>281      </li>282      <li>283       <p>284        <a title="个人总结(65)">285         <strong>286          个人总结(65)287         </strong>288        </a>289       </p>290       <ul>291        <li>292         <a title="计算机科学与技术学院(16)">293          计算机科学与技术学院(16)294         </a>295        </li>296        <li>297         <a title="网络空间安全学院(密码学院)(16)">298          网络空间安全学院(密码学院)(16)299         </a>300        </li>301        <li>302         <a title="信息与通信工程学院(5)">303          信息与通信工程学院(5)304         </a>305        </li>306        <li>307         <a title="公共管理学院(4)">308          公共管理学院(4)309         </a>310        </li>311       </ul>312      </li>313      <li>314       <p>315        <strong>316         国内外交流(2)317        </strong>318       </p>319       <ul>320        <li>321         <a title="天大交换(2)">322          天大交换(2)323         </a>324        </li>325        <li>326         <a title="学期交流">327          学期交流328         </a>329        </li>330        <li>331         <a title="暑校">332          暑校333         </a>334        </li>335        <li>336         <a title="暑研">337          暑研338         </a>339        </li>340       </ul>341      </li>342     </ul>343    </div>344   </aside>345   <section class="content">346    <article class="markdown-section" id="main">347     <p>348      <a rel="noopener" target="_blank">349       <img alt="memo" class="emoji" src="rick.jpg">350       Edit Document351      </a>352     </p>353     <h1 id="海南大学飞跃手册">354      <a class="anchor" data-id="海南大学飞跃手册">355       <span>356        海南大学飞跃手册357       </span>358      </a>359     </h1>360     <p>361      👋 这里是海南大学飞跃手册,希望持续收录海南大学各院系同学不同出路的经验分享,愿尽力为海大学子每一年的求学求职道路提供指导。祝大家学业顺利,学有所成 ୧(๑&bull;̀⌄&bull;́๑)૭✧ 。362     </p>363     <h2 id="致谢">364      <a class="anchor" data-id="致谢">365       <span>366        致谢367       </span>368      </a>369     </h2>370     <ul>371      <li>372       本手册网页模板参考了373       <a rel="noopener" target="_blank">374        南方科技大学飞跃手册375       </a>376       ,感谢南科大同学为打造初版的付出!377      </li>378      <li>379       本手册内容筹划还参考了380       <a rel="noopener" target="_blank">381        上海交通大学飞跃手册382       </a>383       和384       <a rel="noopener" target="_blank">385        安徽大学飞跃手册386       </a>387       ,感谢两所高校同学为飞跃手册的付出!388      </li>389      <li>390       感谢391       <strong>392        所有为飞跃手册做出贡献的人!!!393       </strong>394       不论你是参与395       <strong>396        开发与维护397       </strong>398       、399       <strong>400        投稿401       </strong>402       、403       <strong>404        提出建议405       </strong>406       、407       <strong>408        STAR409       </strong>410       还是411       <strong>412        转发推广413       </strong>414       ,我们都415       <strong>416        由衷的表示感谢!!!417       </strong>418      </li>419     </ul>420     <h2 id="公告">421      <a class="anchor" data-id="公告">422       <span>423        公告424       </span>425      </a>426     </h2>427     <ul>428      <li>429       <strong>430        欢迎大家踊跃投稿!431       </strong>432       只有广大校友共同贡献,才能使飞跃手册越来越好,支持433       <strong>434        实名/匿名435       </strong>436       投稿。437      </li>438      <li>439       海南大学飞跃手册始创于 2022 年 6 月。440      </li>441      <li>442       如果您对飞跃手册有好一点的建议可以通过邮箱联系我们(联系邮箱在投稿/修改标题下),让我们一起完善飞跃手册!443      </li>444     </ul>445     <h2 id="投稿修改">446      <a class="anchor" data-id="投稿修改">447       <span>448        投稿/修改449       </span>450      </a>451     </h2>452     <ul>453      <li>454       投稿/修改请联系455       <a>456        <strong>457         <em>458          [Email Redacted]459         </em>460        </strong>461       </a>462       或者463       <a>464        <strong>465         <em>466          [Email Redacted]467         </em>468        </strong>469       </a>470       。471      </li>472     </ul>473     <h2 id="近期更新">474      <a class="anchor" data-id="近期更新">475       <span>476        近期更新477       </span>478      </a>479     </h2>480     <p>481      海南大学课程攻略表-期末大学牲收容站482      <a rel="noopener" target="_blank">483       <strong>484        <em>485         传送门486        </em>487       </strong>488      </a>489     </p>490     <p>491      海南大学课程资源及攻略492      <a>493       <strong>494        <em>495         传送门496        </em>497       </strong>498      </a>499     </p>500     <!-- recent-update-start -->501     <ul>502      <li>503       [2024-10-07] [保研总结]504       <a>505        21-计科-zzx-保研-@中山AI506       </a>507      </li>508      <li>509       [2024-10-06] [保研总结]510       <a rel="noopener" target="_blank">511        21-计算机科学与技术-BuG_17-保研-@UESTC512       </a>513      </li>514      <li>515       [2024-10-01] [保研总结]516       <a>517        21-信息安全-AIyueyixz-保研-@SZU518       </a>519      </li>520      <li>521       [2024-05-11] [课程资源]522       <a rel="noopener" target="_blank">523        海南大学课程攻略-期末大学牲收容站524       </a>525      </li>526     </ul>527     <!-- recent-update-end -->528     <p>529      全部文章列表:530      <a>531       个人总结532      </a>533     </p>534     <h2 id="飞跃手册是什么?">535      <a class="anchor" data-id="飞跃手册是什么?">536       <span>537        飞跃手册是什么?538       </span>539      </a>540     </h2>541     <p>542      感谢学弟学妹阅读海南大学飞跃手册。543     </p>544     <p>545      这是由我们在546      <strong>547       学习、申请、升学和就业548      </strong>549      中遇到一系列疑问和体悟总结出的一份电子书。我们邀请了海南大学每年各个院系和专业的毕业生们,在书中分享他们在550      <strong>551       学习、申请、升学和就业路上踩过的坑和填过的土552      </strong>553      ,希望你能常回来查查看看,总会有不少收获。554     </p>555     <p>556      该篇飞跃手册共有四部分,分别为"557      <strong>558       写在前面559      </strong>560      ,561      <strong>562       初入海大563      </strong>564      ,565      <strong>566       个人总结567      </strong>568      和569      <strong>570       国内外交流571      </strong>572      ",力求为 &ldquo;573      <strong>574       如何在海南大学为申请国内、海外高校和入职优秀企业做出更全面的准备575      </strong>576      &ldquo; 这一问题作出解答。577     </p>578     <p>579      需要特别指出的是,飞跃手册具有一定的580      <strong>581       时效性582      </strong>583      ,比如一些热门专业每年的升学、就业形式都会发生极大变化,所以参考往年飞跃手册时请注意。584     </p>585     <p>586      在此非常感谢来自海南大学各个院系提供原创申请经验分享的同学们。每一位为飞跃手册写下文字的同学都怀着极高的热诚和真诚的态度,为学弟学妹留下这笔宝贵的财富。587     </p>588     <p>589      希望这样的传统能够一直流传下去,去帮助未来更多海大学子实现飞跃梦想。590     </p>591     <h2 id="如何分享经验?">592      <a class="anchor" data-id="如何分享经验?">593       <span>594        如何分享经验?595       </span>596      </a>597     </h2>598     <p>599      飞跃手册欢迎600      <strong>601       所有的毕业生602      </strong>603      分享你们的故事,不限出路、不限水平。604     </p>605     <ul>606      <li>607       分享教程和格式请查看608       <a>609        如何进行经验分享610       </a>611      </li>612     </ul>613     <h2 id="贡献者">614      <a class="anchor" data-id="贡献者">615       <span>616        贡献者617       </span>618      </a>619     </h2>620     <a>621      <br>622      <img src="rick.jpg">623     </a>624     <h2 id="友情链接">625      <a class="anchor" data-id="友情链接">626       <span>627        友情链接628       </span>629      </a>630     </h2>631     <ul>632      <li>633       <a rel="noopener" target="_blank">634        海南大学课程攻略共享计划635       </a>636      </li>637      <li>638       <a rel="noopener" target="_blank">639        南方科技大学飞跃手册640       </a>641      </li>642      <li>643       <a rel="noopener" target="_blank">644        安徽大学飞跃手册645       </a>646      </li>647      <li>648       <a rel="noopener" target="_blank">649        上海交通大学飞跃手册650       </a>651      </li>652     </ul>653     <hr>654     <div class="giscus">655     </div>656     <p>657      &copy;  2022 - 2024 海南大学飞跃手册编委会.658      <a style="color: inherit; font-weight: normal; text-decoration: none;" target="_blank">659       Powered by docsify660      </a>661      .662     </p>663    </article>664   </section>665  </main>666  <!-- -->667  <div class="progress" style="opacity: 0; width: 0%;">668  </div>669 </body>670</html>671