一个基于哈尔滨工业大学公开信息制作的静态简介页,目标是做成“更像高校官网首页”的一校三区总览页面。
这个页面不是单纯的海报式展示,而是尽量往学校官网的门户风格靠:
- 视觉上使用蓝白为主、金色点缀的官方感配色
- 结构上把信息收拢成更紧凑的门户区块,减少大留白
- 内容上重点突出学校概览、一校三区、校园位置和高频入口
- 链接全部优先使用学校公开官方站点
页面目前由三部分组成:
index.html:页面结构和内容style.css:整体视觉、响应式布局和组件样式script.js:导航高亮、回到顶部、地址复制等轻交互
- 首屏主视觉展示
- 学校概览与门户入口
- 一校三区与校区位置展示
- 高频官网入口
- 咨询信息与地址复制
- 移动端导航适配
- 回到顶部按钮
- 基础站点文件:
favicon、robots.txt、sitemap.xml、404.html
直接用浏览器打开 index.html 即可。
如果想通过本地服务器打开,也可以在项目目录下执行:
python -m http.server 8000然后访问 http://localhost:8000
这个仓库后面可以逐步补成一个更完整的哈工大简介站点,建议按下面节奏推进:
- 补
README之外的项目基础文件,比如favicon、robots.txt、sitemap.xml - 加一个真正的新闻/通知模块,替代目前的快捷入口展示
- 继续优化响应式和可访问性,比如键盘可操作、焦点样式、对比度
- 增加 GitHub Pages 部署说明,让页面可以直接在线访问
- 进一步统一文案口径,尽量贴近学校官网的正式表达
如果仓库开启 GitHub Pages,可以直接用仓库根目录作为发布源。
建议的访问地址通常是:
https://duyuxuan798.github.io/hit-intro/
本项目是基于公开信息整理的展示页,不代表哈尔滨工业大学官方网站。