344 lines
15 KiB
HTML
344 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>青藏高原轻钢拉索结构医疗站 - 毕业设计</title>
|
||
<link rel="stylesheet" href="css/style.css">
|
||
</head>
|
||
<body>
|
||
<!-- 顶部固定导航栏 -->
|
||
<nav class="navbar" id="navbar">
|
||
<div class="nav-container">
|
||
<div class="nav-logo">毕业设计展示</div>
|
||
<ul class="nav-menu" id="navMenu">
|
||
<li><a href="#analysis" class="nav-link">前期分析</a></li>
|
||
<li><a href="#design" class="nav-link">设计表现</a></li>
|
||
<li><a href="#drawings" class="nav-link">设计图纸</a></li>
|
||
<li><a href="#performance" class="nav-link">性能分析</a></li>
|
||
<li><a href="#self-sufficient" class="nav-link">自保障设计</a></li>
|
||
<li><a href="#construction" class="nav-link">建造模拟</a></li>
|
||
<li><a href="#about" class="nav-link">关于项目</a></li>
|
||
</ul>
|
||
<div class="hamburger" id="hamburger">
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Hero区域 -->
|
||
<section class="hero" id="home">
|
||
<div class="hero-content">
|
||
<h1 class="hero-title">青藏高原轻钢拉索结构医疗站</h1>
|
||
<p class="hero-subtitle">Approachable Luxury · 亲和的奢华</p>
|
||
<p class="hero-description">建筑面积200平方米 · 低调克制 · 细节精致</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 1. 前期分析 -->
|
||
<section class="section" id="analysis">
|
||
<div class="container">
|
||
<h2 class="section-title">前期分析</h2>
|
||
<div class="card-grid">
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>地理分析图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>地理位置分析</h3>
|
||
<p>在此处插入青藏高原选址的地理环境分析，包括海拔、地形地貌等信息。</p>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>气候分析图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>气候条件分析</h3>
|
||
<p>在此处插入高原气候特征分析，包括温度、降水、风力等气象数据。</p>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>选址分析图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>场地选址分析</h3>
|
||
<p>在此处插入具体选址的优劣分析，包括交通可达性、基础设施等因素。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 2. 设计表现 -->
|
||
<section class="section section-alt" id="design">
|
||
<div class="container">
|
||
<h2 class="section-title">设计表现</h2>
|
||
<div class="gallery-grid">
|
||
<div class="gallery-item large">
|
||
<div class="placeholder-img tall">
|
||
<span>鸟瞰渲染图</span>
|
||
</div>
|
||
</div>
|
||
<div class="gallery-item">
|
||
<div class="placeholder-img">
|
||
<span>室内渲染图1</span>
|
||
</div>
|
||
</div>
|
||
<div class="gallery-item">
|
||
<div class="placeholder-img">
|
||
<span>室内渲染图2</span>
|
||
</div>
|
||
</div>
|
||
<div class="gallery-item">
|
||
<div class="placeholder-img">
|
||
<span>立面效果图</span>
|
||
</div>
|
||
</div>
|
||
<div class="gallery-item">
|
||
<div class="placeholder-img">
|
||
<span>细节特写</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 3. 设计图纸 -->
|
||
<section class="section" id="drawings">
|
||
<div class="container">
|
||
<h2 class="section-title">设计图纸</h2>
|
||
<div class="card-grid two-columns">
|
||
<div class="card">
|
||
<div class="card-image placeholder-img wide">
|
||
<span>总平面图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>总平面布置图</h3>
|
||
<p>展示建筑与场地的整体布局关系，包括道路、绿化、出入口等要素。</p>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-image placeholder-img wide">
|
||
<span>平面图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>建筑平面图</h3>
|
||
<p>详细展示各功能区域的平面布置，包括诊室、治疗室、候诊区等功能分区。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 4. 性能分析 -->
|
||
<section class="section section-alt" id="performance">
|
||
<div class="container">
|
||
<h2 class="section-title">性能分析</h2>
|
||
<div class="card-grid">
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>结构受力分析图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>结构受力分析</h3>
|
||
<p>轻钢拉索结构的受力计算与分析，展示关键节点的应力分布和承载能力。</p>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>节能计算图表</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>外围护结构节能计算</h3>
|
||
<p>墙体、屋面、门窗的保温隔热性能计算，满足高原严寒地区的节能要求。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 5. 自保障设计 -->
|
||
<section class="section" id="self-sufficient">
|
||
<div class="container">
|
||
<h2 class="section-title">自保障设计</h2>
|
||
<div class="card-grid">
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>太阳能系统示意图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>太阳能发电系统</h3>
|
||
<p>光伏发电系统的装机容量计算、储能配置及供电可靠性分析。</p>
|
||
<ul class="info-list">
|
||
<li>光伏板面积：XX m²</li>
|
||
<li>日发电量：XX kWh</li>
|
||
<li>储能电池容量：XX kWh</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-image placeholder-img">
|
||
<span>水循环系统图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>水循环利用系统</h3>
|
||
<p>雨水收集、净化处理及中水回用系统的设计方案和水资源利用效率分析。</p>
|
||
<ul class="info-list">
|
||
<li>雨水收集量：XX m³/年</li>
|
||
<li>中水回用率：XX%</li>
|
||
<li>节水效益：XX%</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 6. 建造模拟 -->
|
||
<section class="section section-alt" id="construction">
|
||
<div class="container">
|
||
<h2 class="section-title">建造模拟</h2>
|
||
|
||
<div class="card mb-large">
|
||
<div class="card-image placeholder-img wide">
|
||
<span>建造场地总图</span>
|
||
</div>
|
||
<div class="card-content">
|
||
<h3>建造场地总平面布置</h3>
|
||
<p>施工期间的场地布置，包括材料堆放区、施工机械位置、临时设施等。</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card-grid two-columns">
|
||
<div class="card">
|
||
<div class="card-content">
|
||
<h3>建造流程安排表</h3>
|
||
<table class="data-table">
|
||
<thead>
|
||
<tr>
|
||
<th>阶段</th>
|
||
<th>工作内容</th>
|
||
<th>工期(天)</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>基础施工</td>
|
||
<td>场地平整、基础浇筑</td>
|
||
<td>15</td>
|
||
</tr>
|
||
<tr>
|
||
<td>钢结构安装</td>
|
||
<td>钢柱、钢梁吊装就位</td>
|
||
<td>10</td>
|
||
</tr>
|
||
<tr>
|
||
<td>拉索张拉</td>
|
||
<td>拉索安装与预应力张拉</td>
|
||
<td>7</td>
|
||
</tr>
|
||
<tr>
|
||
<td>围护结构</td>
|
||
<td>墙体、屋面安装</td>
|
||
<td>12</td>
|
||
</tr>
|
||
<tr>
|
||
<td>内部装修</td>
|
||
<td>地面、墙面、吊顶</td>
|
||
<td>15</td>
|
||
</tr>
|
||
<tr>
|
||
<td>设备安装</td>
|
||
<td>水电、暖通、医疗设备</td>
|
||
<td>10</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-content">
|
||
<h3>主要构件表</h3>
|
||
<table class="data-table">
|
||
<thead>
|
||
<tr>
|
||
<th>构件名称</th>
|
||
<th>规格型号</th>
|
||
<th>数量</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>钢柱</td>
|
||
<td>H型钢 XXX×XXX</td>
|
||
<td>XX根</td>
|
||
</tr>
|
||
<tr>
|
||
<td>钢梁</td>
|
||
<td>H型钢 XXX×XXX</td>
|
||
<td>XX根</td>
|
||
</tr>
|
||
<tr>
|
||
<td>拉索</td>
|
||
<td>ΦXXmm 高强钢丝</td>
|
||
<td>XX根</td>
|
||
</tr>
|
||
<tr>
|
||
<td>屋面板</td>
|
||
<td>复合保温板 XXmm</td>
|
||
<td>XX m²</td>
|
||
</tr>
|
||
<tr>
|
||
<td>外墙板</td>
|
||
<td>保温装饰一体板</td>
|
||
<td>XX m²</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 7. 关于项目 -->
|
||
<section class="section" id="about">
|
||
<div class="container">
|
||
<h2 class="section-title">关于项目</h2>
|
||
<div class="card single-card">
|
||
<div class="card-content centered">
|
||
<h3>结语与致谢</h3>
|
||
<p class="large-text">
|
||
本项目立足于青藏高原特殊的地理气候条件，探索轻钢拉索结构在极端环境下的应用可能性。
|
||
通过"Approachable Luxury"的设计理念，在有限的资源条件下创造出既实用又具有美学价值的医疗空间。
|
||
</p>
|
||
<p>
|
||
感谢指导老师的悉心教导，感谢评审专家的宝贵意见。<br>
|
||
希望这个小小的医疗站能够为高原地区的医疗服务贡献一份力量。
|
||
</p>
|
||
<div class="project-info">
|
||
<p><strong>项目名称：</strong>青藏高原轻钢拉索结构医疗站</p>
|
||
<p><strong>建筑面积：</strong>200平方米</p>
|
||
<p><strong>设计理念：</strong>Approachable Luxury（亲和的奢华）</p>
|
||
<p><strong>设计时间：</strong>202X年</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- 页脚 -->
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p>© 202X 毕业设计作品 | 青藏高原轻钢拉索结构医疗站</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="js/main.js"></script>
|
||
</body>
|
||
</html>
|