<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这个软件，然后让我们模仿我们学校的官网伪造一个官网的页面出来。

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

伪GZCC官网的更多相关文章

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

    概况:整站布局.头部菜单响应式设置.最新消息模块变化.内容模块四三二响应式变化. 伪类选择器: E:nth-of-type(n)  表示E父元素中的第n个字节点,且类型为E      E:nth-la ...

  2. [Android]官网《monkeyrunner》中文翻译

    以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/5050768.html 翻译自 Android Develope ...

  3. [Android]官网《UI/Application Exerciser Monkey》中文翻译

    以下内容为原创,欢迎转载,转载请注明 来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/5049041.html 翻译自 Android Develope ...

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

    近期在复习之前的笔记,在回想MonkeyRunner时看了看google官网的内容,写得不错.就翻译出来分享下.事实上google官网真是一个学习的好地方. 基础知识 MonkeyRunner工具提供 ...

  5. Dubbo官网实战使用技巧

    原文链接:Dubbo官网实战使用技巧 1.启动时检查: 我们检查依赖的服务是否启动,可利用下面三个属性,优先级从左到右逐渐降低. 如果服务不是强依赖,或者说服务之间可能存在死循环依赖,我们应该将 ch ...

  6. 千呼万唤始出来，微软Power BI简体中文版官网终于上线了，中文文档也全了。。

    前几个月时间,研究微软Power BI技术,由于没有任何文档和资料,只能在英文官网瞎折腾,同时也发布了英文文档的相关文章:系列文章,刚好上周把文章发布完,结果简体中文版上线了.哈哈,心里有苦啊,早知道 ...

  7. Yeoman 官网教学案例：使用 Yeoman 构建 WebApp

    STEP 1:设置开发环境 与yeoman的所有交互都是通过命令行.Mac系统使用terminal.app,Linux系统使用shell,windows系统可以使用cmder/PowerShell/c ...

  8. 一键生成APP官网

    只需要输入苹果下载地址,安卓市场下载地址,或者内测下载地址,就能一键生成APP的官网,方便在网上推广. 好推APP官网 www.hotapp.cn/app

  9. RavenDB官网文档翻译系列第一

    本系列文章主要翻译自RavenDB官方文档,有些地方做了删减,有些内容整合在一起.欢迎有需要的朋友阅读.毕竟还是中文读起来更亲切吗.下面进入正题. 起航 获取RavenDB RavenDB可以通过Nu ...

随机推荐

  1. Usaco 2019 Jan Platinum

    Usaco 2019 Jan Platinum 要不是昨天老师给我们考了这套题,我都不知道usaco还有铂金这么一级. 插播一则新闻:杨神坚持认为铂金比黄金简单,原因竟是:铜 汞 银 铂 金(金属活动 ...

  2. Tribonacci UVA - 12470 （简单的斐波拉契数列）（矩阵快速幂）

    题意:a1=0;a2=1;a3=2; a(n)=a(n-1)+a(n-2)+a(n-3);  求a(n) 思路:矩阵快速幂 #include<cstdio> #include<cst ...

  3. js 数组的操作

    js数组的操作 用 js有很久了,但都没有深究过js的数组形式.偶尔用用也就是简单的string.split(char).这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一 ...

  4. 转载 [深入学习C#]C#实现多线程的方式：使用Parallel类

    简介 在C#中实现多线程的另一个方式是使用Parallel类. 在.NET4中 ,另一个新增的抽象线程是Parallel类 .这个类定义了并行的for和foreach的 静态方法.在为 for和 fo ...

  5. day20 Python 高阶函数,函数，嵌套，闭包 装饰器

    高阶函数定义 1.函数接收的参数是一个函数名 2.函数的返回值是一个函数名 3.满足上述条件任意一个都可以称之为高阶函数 一.函数的接收参数是一个函数名 import time def foo(): ...

  6. Linux企业运维人员最常用150个命令汇总 [转]

    近来发现新手学习Linux记不住命令,不会分类.不会筛选重点,胡子眉毛一把抓当然记不住了. 特别整理Linux运维最常用150个命令和大家分享,大家学习命令不用在盲目了,根据分类,然后逐步学习! 命令 ...

  7. MATLAB——径向基网络拟合曲线和分类

    1.:.:; rand('state',pi); %指定状态,产生相同的随机数 T=sin(*P)+rand(,length(P)); % 给正弦函数加噪声 plot(P,T,'o') % net=n ...

  8. <<linux device driver,third edition>> Chapter 2: Building and Running Modules

    Kernel Modules Versus Applications Kernel modules programming is similar to event driven programming ...

  9. java 二维数组和对象数组

    1.二维数组:二维数组就是存储一维数组(内存地址/引用)的数组 2.二维数组的初始化 1) int intA[][]={{1,2},{2,3},{3,4,5}}; 2) int [][] intB=n ...

  10. (转)60s快速分析Linux性能

    之前在地铁上看到过一篇快速分析Linux系统性能的文章,觉得以后有用,今天就找了一下,转载过来. 原文出处:http://techblog.netflix.com/2015/11/linux-perf ...