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.
6622
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 👋 这里是海南大学飞跃手册,希望持续收录海南大学各院系同学不同出路的经验分享,愿尽力为海大学子每一年的求学求职道路提供指导。祝大家学业顺利,学有所成 ୧(๑•̀⌄•́๑)૭✧ 。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 ",力求为 “573 <strong>574 如何在海南大学为申请国内、海外高校和入职优秀企业做出更全面的准备575 </strong>576 “ 这一问题作出解答。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 © 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 