伪GZCC官网

<html class="no-js"><head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <title>廣州商學院</title>

    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/amazeui.min.js"></script>
      <link rel="stylesheet" href="assets/css/amazeui.min.css">
      <link rel="stylesheet" href="assets/css/app.css">
      <style>
      body{
      background: url(http://www.gzcc.cn/images/body_bg.png) center top repeat-x;
      align:center;
      }
      .am-text-truncate {
  word-wrap: normal; /* for IE */
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
img {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
}
     }
      </style>
    </head>
    <body>
    <div style=" height:140px; width:100%;"></div>
    <div class="am-g">
    <div class="am-u-sm-11 am-u-sm-centered">
    <ul class="am-nav am-nav-pills">
        <li class="am-dropdown" data-am-dropdown="">
            <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                學校概況 <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
                <li><a href="http://www.gzcc.cn/html/xygk/xueyuanjianjie/">學院簡介</a></li>
                <li><a href="#">現任領導</a></li>
                <li><a href="#">校徽校訓</a></li>
                <li><a href="#">辦學理念</a></li>
                <li><a href="#">大事記</a></li>
                <li><a href="#">話說校園</a></li>
              </ul>
        </li><li class="am-dropdown" data-am-dropdown="">
            <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                系部專業 <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
                <li><a href="#">國際學院</a></li>
                <li><a href="#">經濟系</a></li>
                <li><a href="#">會計系</a></li>
                <li><a href="#">外語系</a></li>
                <li><a href="#">法律系</a></li>
                <li><a href="#">計算機系</a></li>
                <li><a href="#">旅遊管理系</a></li>
                <li><a href="#">藝術設計系</a></li>
                <li><a href="#">思政課教學部</a></li>
                <li><a href="#">公共體育部</a></li>
              </ul>
        </li>
        <li><a href="#">管理服務</a></li>
        <li><a href="#">國際教育</a></li>
        <li><a href="#">研究生教育</a></li>
        <li><a href="#">新聞中心</a></li>
        <li class="am-dropdown" data-am-dropdown="">
            <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                招生就業 <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
                <li><a href="#">招生信息網</a></li>
                <li><a href="#">就業信息網</a></li>
              </ul>
        </li>
        <li><a href="#">人才招聘</a></li>
        <li><a href="#">黨建工作</a></li>
        <li><a href="#">圖書館</a></li>
        <li class="am-dropdown" data-am-dropdown="">
            <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                服務指南 <span class="am-icon-caret-down"></span>
            </a>
            <ul class="am-dropdown-content">
                <li><a href="#">校歷</a></li>
                <li><a href="#">網絡服務</a></li>
                <li><a href="#">交通指南</a></li>
              </ul>
        </li>
    </ul>
    </div>
    </div>
    <div class="am-g">
    <div class="am-g,am-slider am-slider-default , am-u-sm-9 am-u-sm-centered" data-am-flexslider="">
      <ul class="am-slides">
        <li><img src="http://oa.gzcc.cn/uploadfile/2014/0606/20140606092337133.jpg"></li>
        <li><img src="http://oa.gzcc.cn/uploadfile/2015/0326/20150326082844711.jpg"></li>
        <li><img src="http://oa.gzcc.cn/uploadfile/2015/0326/20150326052143409.jpg"></li>
        <li><img src="http://oa.gzcc.cn/uploadfile/2015/0326/20150326052350358.jpg"></li>
        <li><img src="http://oa.gzcc.cn/uploadfile/2015/0326/20150326035643666.jpg"></li>
      </ul>
    </div>
    </div>

<div class="am-g am-g-fixed">
  <div class="am-u-sm-6">

  <div data-am-widget="list_news" class="am-list-news am-list-news-default">
  <!--列表标题-->
  <div class="am-list-news-hd am-cf">
    <!--带更多链接-->
    <a href="##" class="">
      <h2>通知公告</h2>
      <!--<span class="am-list-news-more am-fr">更多 &raquo;</span>-->
    </a>
  </div>
  <div class="am-list-news-bd">
    <ul class="am-list">
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">关于广州商学院2015年清明节放假的通知</a>
        <span class="am-list-date">2015-03-19</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">转发：教育部办公厅关于配合做好中央党校“马克思主义理论骨干人才培养计划”招生工作的通知</a>
        <span class="am-list-date">2015-03-18</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">2015年全国国际商务单证员考试报名通知</a>
        <span class="am-list-date">2015-03-16</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">剑桥商务英语（BEC）广州商学院（原华师增城学院）分考点报名通知（2015年上半年）</a>
        <span class="am-list-date">2015-03-06</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">广州商学院国内访问学者推荐人选公示</a>
        <span class="am-list-date">2015-01-20</span>
      </li>
    </ul>
  </div>
  </div>

  </div>

  <div class="am-u-sm-6">

  <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
  <ul class="am-tabs-nav am-cf">
    <li class="am-active">
      <a href="[data-tab-panel-0]">校園新聞</a>
    </li>
    <li class="">
      <a href="[data-tab-panel-1]">系部速遞</a>
    </li>
    <li class="">
      <a href="[data-tab-panel-2]">校園風采</a>
    </li>
    <li class="">
      <a href="[data-tab-panel-3]">國內動態</a>
    </li>
  </ul>
  <div class="am-tabs-bd">
    <div data-tab-panel-0="" class="am-tab-panel am-active">

    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
    <div class="am-list-news-bd">
    <ul class="am-list">
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">《科技管理研究》副主编陈夏来我院讲解“科技管理研究论文的撰写与发表”</a>
        <span class="am-list-date">2015-03-27</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">德国奥斯纳布吕克大学代表团一行来我院访问交流 </a>
        <span class="am-list-date">2015-03-26</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">“多读古典，你就典雅起来了”——华师大周炽成教授来我院谈《论语》与现代教育</a>
        <span class="am-list-date">2015-03-26</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">推进各类“库建设”，探讨系列教材编写——外语系第五期商务英语研究学术沙龙</a>
        <span class="am-list-date">2015-03-25</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">艺术设计系家具设计工作室参加第35届中国（广州）国际家具展博览会</a>
        <span class="am-list-date">2015-03-23</span>
      </li>
      </ul>
      </div>
      </div>

    </div>
    <div data-tab-panel-1="" class="am-tab-panel ">
    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
    <div class="am-list-news-bd">
    <ul class="am-list">
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">新起点 新思路 新举措——计算机系组织全体教职工认真学习学院2015年工作要点</a>
        <span class="am-list-date">2015-03-27</span>
      </li><li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">会计系举行创新创业训练经验交流会暨“启航”杯学术科技竞赛启动仪式</a>
        <span class="am-list-date">2015-03-27</span>
      </li><li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">我院经济系与京东商城达成协同育人合作意向</a>
        <span class="am-list-date">2015-03-27</span>
      </li><li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">学院团委召开团学工作会议部署2015年团学工作</a>
        <span class="am-list-date">2015-03-27</span>
      </li><li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">外语系曾利沙教授学术讲座分析翻译实践问题，列举大量翻译实例为师生答疑解惑</a>
        <span class="am-list-date">2015-03-26</span>
      </li>
      </ul>
      </div>
      </div>
    </div>
  <div data-tab-panel-2="" class="am-tab-panel ">
    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
    <div class="am-list-news-bd">
    <ul class="am-list">
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">义工之夜，拉动你我——计算机系学生会践行社会主义核心价值观系列活动之文明我先行</a>
        <span class="am-list-date">2015-03-27</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">修身立德，做文明礼貌广商人——计算机系2014级召开“践行社会主义核心价值观”主题班会</a>
        <span class="am-list-date">2015-03-27</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">【每周一星】计算机系黄灿辉老师：做学生的良师益友</a>
        <span class="am-list-date">2015-03-25</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">团结奋进创佳绩，文艺双全致青春——会计系13级审计学1班学风实录</a>
        <span class="am-list-date">2015-03-23</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">经济系转专业新班级全体同学以饱满热情投入新学期的学习</a>
        <span class="am-list-date">2015-03-18</span>
      </li>
      </ul>
      </div>
      </div>
  </div>
  <div data-tab-panel-3="" class="am-tab-panel ">
    <div data-am-widget="list_news" class="am-list-news am-list-news-default">
    <div class="am-list-news-bd">
    <ul class="am-list">
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">袁贵仁：高校教师必须守好三条底线 做到四个绝不</a>
        <span class="am-list-date">2015-03-27</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">【评论】人民大学放8天春假，可否推而广之？</a>
        <span class="am-list-date">2015-03-27</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">【评论】别让武汉大学成为“珞珈山公园”</a>
        <span class="am-list-date">2015-03-26</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">人社部门提醒：应届高校毕业生需警惕四类招聘陷阱</a>
        <span class="am-list-date">2015-03-26</span>
      </li>
      <li class="am-g am-list-item-dated">
        <a href="##" class="am-list-item-hd am-text-truncate">四川大学设教学大奖 奖金达百万引激烈争议</a>
        <span class="am-list-date">2015-03-24</span>
      </li>
      </ul>
      </div>
      </div>
  </div>
</div>
</div>

  </div>
</div>

<div class="am-g am-g-fixed">
  <div class="am-u-sm-5">

  <table class="am-table">
    <thead>
        <tr>
            <th>用戶導航</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td><a class="am-btn am-btn-default" role="button">學院榮譽</a></td>
            <td><a class="am-btn am-btn-default" role="button">師生獲獎</a></td>
            <td><a class="am-btn am-btn-default" role="button">領導關懷</a></td>
            <td><a class="am-btn am-btn-default" role="button">教務系統</a></td>
        </tr>
        <tr>
            <td><a class="am-btn am-btn-default" role="button">畫說校園</a></td>
            <td><a class="am-btn am-btn-default" role="button">視頻校園</a></td>
            <td><a class="am-btn am-btn-default" role="button">媒體視界</a></td>
            <td><a class="am-btn am-btn-default" role="button">校友風采</a></td>
        </tr>
    </tbody>
</table>

  </div>
  <div class="am-u-sm-7">

  <form class="am-form am-form-horizontal ">
  <div class="am-form-group ">
    <label for="doc-ipt-3" class="am-u-sm-2 am-form-label">用戶名</label>
    <div class="am-u-sm-10">
      <input type="text" id="doc-ipt-3" placeholder="">
    </div>
  </div>

  <div class="am-form-group">
    <label for="doc-ipt-pwd-2" class="am-u-sm-2 am-form-label">密码</label>
    <div class="am-u-sm-10">
      <input type="password" id="doc-ipt-pwd-2" placeholder="">
    </div>
  </div>
  <div class="am-form-group">
    <div class="am-u-sm-10 am-u-sm-offset-2">
      <button type="submit" class="am-btn am-btn-default">確定</button>
    </div>
  </div>
</form>

  </div>
  </div>

</body></html>

Web课老师教CSS的时候介绍了amazeUI这个软件，然后让我们模仿我们学校的官网伪造一个官网的页面出来。

这个是我在课堂中的所作，还有很多不足的地方要修改的，有些不足是我知道的，有些不足我还不知道，所以请轻喷，并指点一下，谢谢

时间： 2024-09-29 21:54:56

伪GZCC官网的相关文章

android測试工具MonkeyRunner--google官网翻译

近期在复习之前的笔记,在回想MonkeyRunner时看了看google官网的内容,写得不错.就翻译出来分享下.事实上google官网真是一个学习的好地方. 基础知识 MonkeyRunner工具提供了一个API用于在Android代码之外控制Android设备和模拟器.通过MonkeyRunner.您能够写出一个Python程序去安装一个Android应用程序或測试包.执行它,向它发送模拟击键.截取它的用户界面图片.并将截图存储于工作站上.monkeyrunner工具的主要设计目的是用于測试功

android测试工具MonkeyRunner--google官网翻译

最近在复习之前的笔记,在回顾MonkeyRunner时看了看google官网的内容,写得不错,就翻译出来分享下.其实google官网真是一个学习的好地方. 基础知识 MonkeyRunner工具提供了一个API用于在Android代码之外控制Android设备和模拟器.通过MonkeyRunner,您可以写出一个Python程序去安装一个Android应用程序或测试包,运行它,向它发送模拟击键,截取它的用户界面图片,并将截图存储于工作站上.monkeyrunner工具的主要设计目的是用于测试功能

第四课 开发uehtml官网响应式静态页面

概况:整站布局.头部菜单响应式设置.最新消息模块变化.内容模块四三二响应式变化. 伪类选择器: E:nth-of-type(n)  表示E父元素中的第n个字节点,且类型为E      E:nth-last-of-type(n)表示E父元素中的第n个字节点,且类型为E,从后向前计算      只匹配在下标出现的选择器 E:nth-child(n)  表示E父元素中的第n个字节点      p:nth-child(odd){background:red}/*匹配奇数行*/      p:nth-ch

移动端 类似apple手机官网菜单

简易类似手机apple官网效果: 手机上高斯模糊的显示效果 新意点,适当利用伪元素 比如menu 菜单    list  箭头,简易,不依赖字体,图片:减少请求: 附上代码: 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>类似apple 菜单</title> 6 <meta name="viewport&q

如何评价苹果中国官网 iOS 8 介绍页面的文案「开发者的大事、大快所有人心的大好事」？[转自知乎]

在什么是「苹果式中文」答案中,小七得出了这个结论: 「苹果式中文」是指句子结构破碎,经常缺乏主语,滥用排比,顶真,偏正短语,和不恰当四字词的广告文体. (有关什么是苹果式中文,小七原来贴错地方了TAT,具体分析请移步:什么是「苹果式中文」?) 那么作为广告翻译,苹果做得如何呢? 首先,有个翻译的概念需要向大家普及: 很多知友提出文案有明显的翻译腔,这个说法其实不准够确啊,有关什么是翻译腔,我的分析请移步:什么是「翻译腔」?「翻译腔」是好是坏? 在这里节选原文一段补充说明: 3. 明明能说中文,非

官网被报危险网站和降权的应对措施

长期维护网站的SEO推广人员经常会碰到自己维护的网站被搜索引擎报危险网站,被列为恶意篡改.存在虚假诈骗等站点,网站关键词排名剧降,这种往往意味着该网站在搜索引擎中被降权了.导致这些结果的因素有多种,所以看到网站降权,关键词排名下降的时候不要慌,进一步确认网站是被降权还是因为搜索引擎算法更改造成的排序暂时失利.那么面对网站被搜索引擎列为危险.被恶意篡改.存在虚假诈骗时,应该采取哪些措施应对呢? 1.去百度站长平台反馈中心反馈 作为一个正常网站,不管自己无辜与否都要去百度站长平台反馈重心反馈一下,百

开发“小米商城官网首页”（静态页面）

一,项目题目:开发"小米商城官网首页"(静态页面) 二,项目需求 1.熟练运用所学知识还原小米商城官网首页静态页面 * 不需要做动态效果,只实现静态页面, 后期学完js再回来实现动态效果 三,项目布局 四,效果对比 目前的官网图片和小编做的图片对比 官网图片 小编做的效果图 五,代码附上 链接:https://pan.baidu.com/s/1EVyF8RIgRXFvEIHQf42Pow 密码:zqs4 index.html <!DOCTYPE html> <html

Spring官网下载dist.zip的几种方法

Spring官网下载dist.zip的几种方法 Spring官网改版后,很多项目的完整zip包下载链接已经隐掉了,虽然Spring旨在引导大家用更“高大上”的maven方式来管理所依赖的jar包,但是完全没想到中国的国情,在伟大的墙内,直接通过maven下载墙外的东西,要么龟速,要么直接被和谐. 下面是从网上搜集的一些方法,可用于一次性下载Spring各项目的完整dist.zip 第一种 直接 http://repo.springsource.org/libs-release-local/org

Reveal常用技巧(翻译来自Reveal官网blog)

翻译来自官网:http://revealapp.com/blog/reveal-common-tips-cn.html 以下基于Reveal 1.6. 用于快速上手的内置应用 刚刚下载Reveal,啥都还没配置呢,想先随便玩玩看,怎么办? 我们花了不少时间开发这个复杂程度类似与实际场景的Sample应用──Soundstagram(音频分享版的Instagram, ¯\_(ツ)_/¯),就是为了让大家能最快速地上手Reveal,尝试它的各种强大功能. 在 Help 菜单项中,点击 Inspect