这是一个美化后的大学信息查询网站,提供中国知名大学的详细信息查询功能。网站包含学校介绍、学院专业、校园地址等全面信息,所有资源已本地化处理,可完全离线访问。
- 首页 (index.html) - 大学信息查询入口,包含985、211、双一流等分类
- 清华大学详细介绍 (tsinghua-university.html) - 完整的清华大学信息
- 北京大学详细介绍 (peking-university.html) - 完整的北京大学信息
- 复旦大学详细介绍 (fudan-university.html) - 完整的复旦大学信息
- 现代化设计 - 渐变背景、圆角卡片、阴影效果
- 响应式布局 - 支持不同屏幕尺寸
- 交互动效 - 悬浮效果、动画过渡
- 视觉优化 - 彩色图标、优雅字体、协调配色
- 详细学校介绍 - 历史沿革、办学理念、发展成就
- 全面学院信息 - 各学院专业设置、特色优势
- 准确地址信息 - 校园地址、交通路线、联系方式
- 权威数据来源 - 基于官方网站和教育部信息
- ✅ 所有外部CSS/JS依赖已本地化
- ✅ 外部图片资源已替换为本地资源
- ✅ 外链地址已更新为本地页面链接
- ✅ 移除了外部API依赖
- 支持现代浏览器(Chrome、Firefox、Safari、Edge)
- 兼容移动设备访问
- 无需网络连接即可完整访问
├── index.html # 主页面
├── tsinghua-university.html # 清华大学详细介绍
├── peking-university.html # 北京大学详细介绍
├── fudan-university.html # 复旦大学详细介绍
├── css/ # 样式文件目录
│ ├── global.css # 全局样式
│ ├── style.css # 主要样式
│ ├── enhanced.css # 美化增强样式
│ └── [其他CSS文件]
├── js/ # 脚本文件目录
│ ├── index.js # 主要脚本
│ ├── jquery-1.11.3.js # jQuery库
│ └── [其他JS文件]
├── images/ # 图片资源目录
├── picture/ # 图标资源目录
├── 启动服务器.bat # 服务器启动脚本
└── README.md # 项目说明文件
直接双击 index.html 文件即可在浏览器中查看网站。
- 双击运行
启动服务器.bat文件 - 在浏览器中访问
http://localhost:8080
如果您的计算机安装了Python,可以在项目目录下运行:
python -m http.server 8080- 添加渐变背景和现代化设计元素
- 优化色彩搭配和视觉层次
- 增加动画效果和交互反馈
- 统一设计风格和用户体验
- 创建了详细的大学介绍页面
- 添加了学院专业信息展示
- 完善了校园地址和联系方式
- 优化了导航和页面链接结构
- 所有资源文件本地化处理
- 修复了外链依赖问题
- 优化了代码结构和性能
- 确保离线环境完全可用
- ✅ Chrome 60+
- ✅ Firefox 55+
- ✅ Safari 12+
- ✅ Edge 79+
- ✅ 移动端浏览器
- 数据准确性 - 学校信息仅供参考,具体以官方发布为准
- 版权声明 - 本项目仅用于学习交流,不得用于商业用途
- 更新维护 - 建议定期更新学校信息以保持准确性
- ✨ 全新UI设计,现代化视觉效果
- 📚 新增清华、北大、复旦详细介绍页面
- 🔧 完成所有资源本地化处理
- 🎯 优化响应式布局和交互体验
- 📱 增强移动端兼容性
- 基础的大学信息查询功能
- 简单的页面布局和样式
项目完成时间: 2025年9月1日
联系方式: QQ 314111741
演示网站: http://edu.qro.cn
技术栈: HTML5 + CSS3 + JavaScript + jQuery