diff --git a/src/pages/tg-head/src/index.css b/src/pages/tg-head/src/index.css index fcd4af25..4e7985b2 100644 --- a/src/pages/tg-head/src/index.css +++ b/src/pages/tg-head/src/index.css @@ -124,12 +124,8 @@ video{ margin-left: 50px; font-size: 1.2em; } -.box3One:hover{ - border:darkturquoise 1px solid; - border-radius: 5%; -} .box4{ - height: 486px; + height:486px; width: 1300px; margin: auto; } @@ -155,3 +151,96 @@ video{ .box4Four{ color: darkgray; } +.Button{ + background-color: bisque; +} +.box5{ + width: 1200px; + height:900px; + background-color:snow; + margin:40px auto; +} +.box5h2{ + text-align: center; + font-size: 30px; + margin-top: 160px; +} +.box5h5{ + text-align: center; + font-size: 18px; + margin-bottom:60px; +} +.box5img{ + width: 787px; + height: 512px; +} +.box5One{ + width: 390px; + height: 618px; + float: right; +} +.box5One img{ + width: 180px; + height: 135.3px; + margin:7px; +} +.box6One{ + width: 390px; + height: 618px; + float: left; +} +.box6One img{ + width: 180px; + height: 135.3px; + margin: 7px; +} +.box7{ + width: 1200px; + height:900px; + background-color:snow; + margin:40px auto; +} +.box7Two{ + width:426px; + height: 176px; + float: left; +} +.box7One{ + width: 1280px; + height: 530px; + margin: auto; +} +.box7Two:hover{ + border-radius: 5%; + border:beige 1px solid; + background-color: white; +} +.box8{ + width: 1200px; + height:900px; + background-color:snow; + margin:40px auto; +} +.box8One{ + width: 1110px; + height: 88px; + margin: 80px auto; +} +.box8Two{ + width: 1220px; + height: 78px; + margin: 80px auto; +} +.box8 img{ + margin: 20px; +} +footer{ + width: 1500px; + height: 900px; + background-color: black; +} +.footer1{ + width: 174px; + height: 900px; + color: aliceblue; +} \ No newline at end of file diff --git a/src/pages/tg-head/src/index.js b/src/pages/tg-head/src/index.js index 10e04fea..c750ec1e 100644 --- a/src/pages/tg-head/src/index.js +++ b/src/pages/tg-head/src/index.js @@ -80,135 +80,366 @@ let head = (

Heterogeneous Architecture Practice Runtime Environments

- - -
-

云端编程环境特点

-
    -
  • 图文、视频、Latex
  • -
  • VS Code编程环境
  • -
  • Online Judge(OJ)模式
  • -
  • 代码自动推荐
  • -
  • 可定制测试集
  • -
  • 自动化部署、测试、反馈
  • -
-

可定制运行环境

-

CentOS、Ubuntu、Python、Matplotlib

-

Pandas、Numpy、Scrapy … …

- - + + +
+

云端编程环境特点

+
    +
  • 图文、视频、Latex
  • +
  • VS Code编程环境
  • +
  • Online Judge(OJ)模式
  • +
  • 代码自动推荐
  • +
  • 可定制测试集
  • +
  • 自动化部署、测试、反馈
  • +
+

可定制运行环境

+

CentOS、Ubuntu、Python、Matplotlib

+

Pandas、Numpy、Scrapy … …

+ + +
+
+
+ +
+
+
+ +
+

远程桌面特点

+
    +
  • 图形化操作系统
  • +
  • 可配置应用软件和模拟器
  • +
  • 可定制测试集
  • +
  • 自动化部署、测试、反馈
  • +
  • 大规模并发实验
  • +
  • 支持一流课程建设
  • +
+

可定制运行环境

+

CentOS、Ubuntu、 Windows、 Kylin OS

+

Wireshark、Vscode、GN3 … …

+ + +
+
+
+ +
+
+
+ +
+

远程命令行环境

+
    +
  • 标准Linux Shell命令
  • +
  • 命令操作全程记录
  • +
  • 可配置命令行应用程序
  • +
  • 可配置命令行模拟器
  • +
  • 自动化部署、测试、反馈
  • +
  • 支持一流课程建设
  • +
+

可定制运行环境

+

CentOS、Ubuntu、Python、Vim、Docker

+

SSH、Git、Hadoop、Hive … …

+ + +
+
+
+ +
+
+
+ +
+

虚拟仿真项目特点

+
    +
  • 三维动画教学
  • +
  • 可编程驱动动画行为
  • +
  • 构件化、可组装虚拟场景
  • +
  • 自动化评测、反馈
  • +
  • 大规模并发仿真实验
  • +
  • 支持虚拟仿真项目建设
  • +
+

可定制运行环境

+

Ubuntu、CentOS、WebGL、Python

+

Java、C#、ThreeJS、Unity … …

+ + +
+
+
+ +
+
+
+ +
+

Jupyter NoteBook环境

+
    +
  • 代码编辑与结果展示同步
  • +
  • 富媒体展示计算结果
  • +
  • 模块化执行
  • +
  • 支持Latex、Markdown
  • +
  • 200种可选运行环境
  • +
  • 自动化部署、测试、反馈
  • +
+

可定制运行环境

+

CentOS、openEuler、TensorFlow、Python

+

MindSpore、Spark、Ubuntu … …

+ + + +
+
+
+ +
+
+
+
+
+
+

程序设计与软件工程课程方向

+
Computer Programming and Software Engineering Courses
+ +
+ + + + + + + +
-
-
- -
+
+
+

计算机系统能力课程方向

+
Computer System Capability Courses
+ +
+ + + + + + + +
- - -
-

远程桌面特点

-
    -
  • 图形化操作系统
  • -
  • 可配置应用软件和模拟器
  • -
  • 可定制测试集
  • -
  • 自动化部署、测试、反馈
  • -
  • 大规模并发实验
  • -
  • 支持一流课程建设
  • -
-

可定制运行环境

-

CentOS、Ubuntu、 Windows、 Kylin OS

-

Wireshark、Vscode、GN3 … …

- - +
+
+

电子信息专业课程方向

+
Electronic Information Courses
+ +
+ + + + + + + +
-
-
- -
+
+
+

大数据专业课程方向

+
Big Data and Data Science Courses
+ +
+ + + + + + + +
- - -
-

远程命令行环境

-
    -
  • 标准Linux Shell命令
  • -
  • 命令操作全程记录
  • -
  • 可配置命令行应用程序
  • -
  • 可配置命令行模拟器
  • -
  • 自动化部署、测试、反馈
  • -
  • 支持一流课程建设
  • -
-

可定制运行环境

-

CentOS、Ubuntu、Python、Vim、Docker

-

SSH、Git、Hadoop、Hive … …

- - +
+
+

人工智能专业课程方向

+
Artificial Intelligence Courses
+ +
+ + + + + + + +
-
-
- +
+
+

课堂教学工具

+
Classroom Teaching Toolsets
+ + +
+
+ +

课堂灵活组织

+
头歌教学课堂是一种集成化班级协同空间,支持实验、作业、视频、考试、毕设等十余种线上线下管理工具。
+
+

作业自动管理

+
头歌作业管理是课堂核心组件,支持普通作业、实践作业、分组作业等自动化批阅、统计和教务数据对接。
+
+

分组协同开发

+
头歌分组作业是课堂核心组件,支持分组开展项目协同开发、代码托管、任务跟踪、CI/CD、按组评分等。
+
+

考试与防作弊

+
头歌智能化考试系统提供了全面防作弊机制,试卷支持八种题型,支持随机拍照、查重、IP地址锁定等防作弊机制。
+
+

结果导向统计

+
头歌支持OBE(成果导向教育)理念和机制,支持作业、实验、考试、课堂等多粒度、多维度的教学成效分析。
+
+
头歌的工程教育专业认证系统集成了头歌OBE体系,支持基于大数据的自动化专业达成度自动计算和实时改进。
- - -
-

虚拟仿真项目特点

-
    -
  • 三维动画教学
  • -
  • 可编程驱动动画行为
  • -
  • 构件化、可组装虚拟场景
  • -
  • 自动化评测、反馈
  • -
  • 大规模并发仿真实验
  • -
  • 支持虚拟仿真项目建设
  • -
-

可定制运行环境

-

Ubuntu、CentOS、WebGL、Python

-

Java、C#、ThreeJS、Unity … …

- - -
-
-
- +
+
+

头歌企业版

+
Enterprise Edition of EduCoder Software and Services
+

3000家以上高校和企业提供产品和服务

+
+ + + + + + + + +
-
- - -
-

Jupyter NoteBook环境

-
    -
  • 代码编辑与结果展示同步
  • -
  • 富媒体展示计算结果
  • -
  • 模块化执行
  • -
  • 支持Latex、Markdown
  • -
  • 200种可选运行环境
  • -
  • 自动化部署、测试、反馈
  • -
-

可定制运行环境

-

CentOS、openEuler、TensorFlow、Python

-

MindSpore、Spark、Ubuntu … …

- - - -
-
-
- +
+ + + + + + +
+
- - -
+
+
+

热门课程

+
    +
  • Python入门
  • +
  • C/C++程序设计
  • +
  • Java程序设计
  • +
  • 数据结构
  • +
  • 离散数学
  • +
  • 大学计算机基础
  • +
  • 大学计算
  • +
  • 计算机组成原理
  • +
  • 数字逻辑与电路
  • +
  • 信号与系统
  • +
  • 计算机网络
  • +
  • 机器人原理与应用
  • +
  • 人工智能
  • +
  • 机器学习
  • +
  • 区块链
  • +
  • 热门案例
  • +
+
+
+

热门案例

+
    +
  • 新冠案例
  • +
  • 3D智能无人车
  • +
  • 人脸识别案例
  • +
  • 语音识别
  • +
  • 军用大数据
  • +
  • 博客系统
  • +
  • CPU设计
  • +
  • Matlab设计
  • +
  • 汇编设计
  • +
  • 品高数据库
  • +
  • 华为MindSpore
  • +
  • 计算机拆装
  • +
  • Office实战训练
  • +
  • Git开发训练
  • +
  • Photoshop实战
  • +
  • 数据中心仿真案例
  • +
  • 雷达导航仿真案例
  • +
+
+
+

快捷入口

+
    +
  • 一流线上课程案例
  • +
  • 一流线上线下课程案例
  • +
  • 一流虚拟仿真项目案例
  • +
  • 新建课堂
  • +
  • 加入示例课堂
  • +
  • 浏览实践项目
  • +
  • 新建实践项目
  • +
  • 浏览实践课程
  • +
  • 新建实践课程
  • +
  • 创建竞赛
  • +
  • 参加竞赛
  • +
  • 教学案例大赛
  • +
  • 2021开源创新大赛
  • +
+
+
+

企业版

+
    +
  • 实践教学一体化平台简介
  • +
  • 智能化实践案例开发平台
  • +
  • 智能化考试平台
  • +
  • 课堂教学管理平台
  • +
  • 毕业设计平台
  • +
  • 大学计算机基础实践教学平台
  • +
  • 计算机系统能力实践教学平台
  • +
  • 云计算实践教学平台
  • +
  • 计算机网络实践教学平台
  • +
  • 大数据专业方案 高职 | 本科 人工智能专业方案 高职 | 本科
  • +
  • 区块链工程实践教学平台
  • +
  • 信息安全与网络空间安全方案
  • +
  • 软件工程实践教学平台
  • +
  • 软件技术实践教学平台
  • +
  • 计算机应用技术实践教学平台
  • +
  • 工程教育专业认证平台
  • +
+
+
+

官方合作

+
    +
  • 中国计算机学会
  • +
  • 中国软件行业协会
  • +
  • 绿色计算产业联盟
  • +
  • CMOOC联盟
  • +
  • 国家示范性软件学院联盟
  • +
  • 中国开源软件推进联盟
  • +
  • 信息技术新工科产学研联盟
  • +
  • 人工智能产业技术创新战略联盟
  • +
  • 大数据工程创新实践基地
  • +
  • 高等教育出版社
  • +
  • 清华大学出版社
  • +
  • 人民邮电出版社
  • +
  • 机械工业出版社
  • +
  • 电子工业出版社
  • +
+
+
) ReactDOM.render(head, document.getElementById('root')); diff --git a/tg-head/src/index.css b/tg-head/src/index.css deleted file mode 100644 index 4f2c71b3..00000000 --- a/tg-head/src/index.css +++ /dev/null @@ -1,97 +0,0 @@ -body { - margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', - 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', - sans-serif; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -code { - font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', - monospace; -} -header{ - height: 64px; - width:100%; - background-color: black; -} -.head_li{ - display: block; - float: left ; - color:white; - font-size:16px; - text-align: center; - line-height: 64px; - margin-left: 30px; -} -.head_li a{ - text-decoration: none; - color:white; -} -.head_li a:hover{ - color: darkgray; -} -.head_lis{ - display: block; - float: left ; - color: aliceblue; - font-size:16px; - text-align: center; - line-height: 64px; - margin-left: 30px; -} -*{ - padding: 0; - margin: 0; -} -.icon-touxiang{ - font-size:32px; -} -.head_fr{ - float: right; - margin-right: 30px; -} -.box1{ - margin: 50px auto; - background-color: antiquewhite; - width: 1200px; - height: 345px; -} -.boxTwo:hover{ - background-color: white; - color:black; -} -.boxOne{ - width:160px; - height: 345px; - background-color:black; - float: left; - opacity: 0.8; -} -li{ - list-style: none; -} -.boxTwo{ - display: block; - background-color:transparent; - width:160px; - height:40px; - font-size:16px; - color:white; - text-align:left; - text-decoration: none; -} -.lunbotu{ - width: 1200px; - height: 345px; - background-color: transparent; -} -.contentStyle{ - height:10px; - width: 10px; - color: #fff; - line-height: 10px; - text-align: center; - background-color: #364d79; -}; \ No newline at end of file diff --git a/tg-head/src/index.js b/tg-head/src/index.js deleted file mode 100644 index 1fbb0476..00000000 --- a/tg-head/src/index.js +++ /dev/null @@ -1,64 +0,0 @@ -import React, { useState } from 'react'; -import ReactDOM from 'react-dom'; -import './index.css'; -import './iconfont/iconfont.css'; -import { Carousel } from 'antd'; -let head = ( - -) -ReactDOM.render(head, document.getElementById('root'));