listcolumn.htm 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="renderer" content="webkit" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta
  8. name="viewport"
  9. content="width=device-width,user-scalable=0,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"
  10. />
  11. <title>西华大学美术与设计学院</title>
  12. <link rel="shortcut icon " type="images/x-icon" href="favicon.ico" />
  13. <meta
  14. name="keywords"
  15. content="美术系、动画系、工业设计系、视觉传达设计系、环境设计系"
  16. />
  17. <meta
  18. name="description"
  19. content="西华大学美术与设计学院主要是由原西华大学艺术学院的美术系、工业设计系、视觉传达设计系、环境设计系与动画系于2016年12月组建而成。原西华大学艺术学院美术系的前身是原成都师范高等专科学校美术系,1993年开始招收美术教育专科,1995年开始招收工艺美术专科,2003年西华大学组建后更名为“西华大学艺术学院美术系”并开始招收美术学专业本科。"
  20. />
  21. <script type="text/javascript" src="extends/extends.js"></script>
  22. <link rel="stylesheet" href="./css/reset.css" type="text/css" />
  23. <link rel="stylesheet" href="./css/style.css" type="text/css" />
  24. <link rel="stylesheet" href="./css/media.css" type="text/css" />
  25. <!--[if lt IE 9]>
  26. <script src="extends/libs/html5.js"></script>
  27. <![endif]-->
  28. </head>
  29. <body>
  30. <!--Start||head-->
  31. <div class="wrapper header_wapper">
  32. <div class="header_layout">
  33. <div class="header_logo">
  34. <div>
  35. <a href="/">
  36. <img src="./images/logo_header.png" alt="logo" />
  37. </a>
  38. </div>
  39. </div>
  40. <div class="header_menu">
  41. <div class="nav wp-navi">
  42. <div class="wp-panel">
  43. <div class="wp-window" frag="窗口1">
  44. <div frag="窗口内容">
  45. <!--[NaviStructBegin]-->
  46. <ul class="wp-menu">
  47. <!--[NaviItemCycleBegin]-->
  48. <li class="menu-item">
  49. <a class="menu-link" href="{栏目URL}" target="{打开方式}"
  50. >{栏目名称}</a
  51. >
  52. <!--[MenuStructBegin]-->
  53. <em class="menu-switch-arrow"></em>
  54. <ul class="sub-menu">
  55. <!--[MenuItemCycleBegin]-->
  56. <li class="sub-item">
  57. <a
  58. class="sub-link"
  59. href="{栏目URL}"
  60. target="{打开方式}"
  61. >{栏目名称}</a
  62. ><!--[SubMenuList]-->
  63. </li>
  64. <!--[MenuItemCycleEnd]-->
  65. </ul>
  66. <!--[MenuStructEnd]-->
  67. </li>
  68. <!--[NaviItemCycleEnd]-->
  69. </ul>
  70. <!--[NaviStructEnd]-->
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="header_btns">
  77. <div class="search_box" frag="窗口2">
  78. <div frag="窗口内容">
  79. <!--搜索组件-->
  80. <div class="wp-search">
  81. <form action="搜索地址" method="post" target="_blank">
  82. <div class="form_box">
  83. <div class="search-input">
  84. <input
  85. name="keyword"
  86. type="text"
  87. placeholder="请输入关键词..."
  88. />
  89. </div>
  90. <div class="search-btn">
  91. <input
  92. name="submit"
  93. class="search-submit"
  94. type="submit"
  95. value="搜索"
  96. />
  97. </div>
  98. <div class="close_icon"></div>
  99. </div>
  100. </form>
  101. </div>
  102. <!--//复制以上代码到自定义搜索-->
  103. </div>
  104. <div class="search_icon"></div>
  105. </div>
  106. <div class="mobile_menu">
  107. <div class="menu_divider"></div>
  108. <div class="mobile_menu_taggle">
  109. <img src="./images/menu.png" alt="button" />
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. <!--End||head-->
  116. <!--aside导航-->
  117. <div class="wp-navi-aside" id="wp-navi-aside">
  118. <div class="aside-inner">
  119. <div class="navi-aside-wrap"></div>
  120. </div>
  121. <div class="navi-aside-mask"></div>
  122. </div>
  123. <!--Start||content-->
  124. <div class="header_btm_wrapper">
  125. <div class="page_tabs_box">
  126. <div frag="窗口3" portletmode="simpleColumnList">
  127. <div frag="窗口内容">
  128. <div class="column_title_box">
  129. <h1 class="column_title">{位置栏目}</h1>
  130. <div class="arrow"></div>
  131. </div>
  132. <!--[ColumnStructBegin]-->
  133. <ul class="page_tab_list">
  134. <!--[ColumnCycleBegin]-->
  135. <li class="page_list_item {选中样式}">
  136. <a
  137. title="{栏目名称}"
  138. class="item_link {选中样式}"
  139. href="{栏目URL}"
  140. >{栏目名称}</a
  141. >
  142. <!--[SubColumnStructBegin]-->
  143. <ul class="sub_list">
  144. <!--[ColumnCycleBegin]-->
  145. <li class="sub_item {选中样式}">
  146. <a
  147. title="{栏目名称}"
  148. class="sub_item_link {选中样式}"
  149. href="{栏目URL}"
  150. target="{打开方式}"
  151. >{栏目名称}</a
  152. ><!--[SubColumnList]-->
  153. </li>
  154. <!--[ColumnCycleEnd]-->
  155. </ul>
  156. <!--[SubColumnStructEnd]-->
  157. </li>
  158. <!--[ColumnCycleEnd]-->
  159. </ul>
  160. <!--[ColumnStructEnd]-->
  161. </div>
  162. </div>
  163. </div>
  164. <div class="content_wrapper">
  165. <div class="page_article_box">
  166. <div frag="窗口4" portletmode="simpleList">
  167. <div frag="窗口内容">
  168. <h2 class="list_title">{栏目名称}</h2>
  169. <ul class="page_article_list">
  170. <!--[InfoCycleBegin]-->
  171. <li class="list_item">
  172. <div class="item">
  173. <div class="list_img">{缩略图}</div>
  174. <div class="info_box">
  175. <div class="item_tit">{标题}</div>
  176. <div class="item_desc">{简介}</div>
  177. <div class="item_date">{发布时间}</div>
  178. </div>
  179. </div>
  180. </li>
  181. <!--[InfoCycleEnd]-->
  182. </ul>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. </div>
  188. <!--End||content-->
  189. <!--Start||footer-->
  190. <div class="footer_layout">
  191. <div class="footer_fix_link">
  192. <div>
  193. <div class="link_vertical">
  194. <a class="xihua_link" href="http://www.xhu.edu.cn/" target="_blank">
  195. 西华主页
  196. </a>
  197. <a class="index_link" href="/"> 学院主页 </a>
  198. </div>
  199. </div>
  200. </div>
  201. <div class="top_btn" id="gotop">
  202. <img src="./images/arrow_top.png" />
  203. </div>
  204. <div class="lay_footer wrapper">
  205. <div class="inner footer_menu">
  206. <div class="logo">
  207. <div class="footer_logo">
  208. <img src="./images/logo_footer.png" />
  209. </div>
  210. <div class="footer_tips">
  211. <img src="./images/footer_tips.png" />
  212. </div>
  213. <div class="contact_view">
  214. <p class="title">关注我们</p>
  215. <p>电话(传真):028-87723068</p>
  216. <p>招生就业咨询:028-87721839</p>
  217. <p>中国•四川•成都市 西华大学 艺术大楼( 610039 )</p>
  218. <p class="qrcode">
  219. <img src="./images/footer_qrcode.png" />
  220. </p>
  221. </div>
  222. </div>
  223. <div class="menus wp-window" frag="窗口5">
  224. <div frag="窗口内容">
  225. <!--[NaviStructBegin]-->
  226. <ul class="wp-menu">
  227. <!--[NaviItemCycleBegin]-->
  228. <li class="menu-item">
  229. <a class="menu-link" href="{栏目URL}" target="{打开方式}"
  230. >{栏目名称}</a
  231. >
  232. <!--[MenuStructBegin]-->
  233. <ul class="sub-menu">
  234. <!--[MenuItemCycleBegin]-->
  235. <li class="sub-item">
  236. <a class="sub-link" href="{栏目URL}" target="{打开方式}"
  237. >{栏目名称}</a
  238. ><!--[SubMenuList]-->
  239. </li>
  240. <!--[MenuItemCycleEnd]-->
  241. </ul>
  242. <!--[MenuStructEnd]-->
  243. </li>
  244. <!--[NaviItemCycleEnd]-->
  245. </ul>
  246. <!--[NaviStructEnd]-->
  247. </div>
  248. </div>
  249. </div>
  250. </div>
  251. <div class="copyright">
  252. 版权所有 2007-2023 西华大学美术与设计学院 Copyright © 2007-2023 CAFA.
  253. All Rights Reserved.
  254. </div>
  255. </div>
  256. <!--End||footer-->
  257. </body>
  258. <script type="text/javascript" src="./js/list.js"></script>
  259. <script type="text/javascript" src="./js/app.js"></script>
  260. <script type="text/javascript">
  261. $(function () {
  262. // 初始化SDAPP
  263. new SDAPP();
  264. });
  265. </script>
  266. </html>