Dentia - 牙医和牙科诊所网站模板

# 项目简介 Dentia 是一套牙科诊所网站模板，包含首页、服务介绍、医生团队、预约咨询等完整页面。模板采用深蓝配色方案，支持 5 种首页风格切换，适合牙科医疗机构快速搭建品牌形象网站。 ## 技术栈 - Bootstrap 5 — 响应式布局框架 - Swiper — 轮播滑动组件 - Custom CSS — 主题样式（Urbanist + Inter 字体） - PHP — 联系表单与预约表单后端处理 - JavaScript — 表单验证与交互 ## 项目结构 ``` dentiahtml-10/Dentia/Dentia HTML/ ├── index.html # 首页入口 ├── homepage-2~5.html # 其他首页风格 ├── services.html # 服务总览 ├── service-*.html # 6 种细分服务页 ├── dentists.html # 牙医团队 ├── booking.html/booking.php # 预约表单 ├── contact.html/contact.php # 联系表单 ├── blog.html/blog-single.html # 博客 ├── about.html # 关于我们 ├── faq.html/gallery.html/testimonials.html ├── css/ │ ├── bootstrap.min.css │ ├── style.css # 主样式 │ ├── swiper.css/plugins.css ├── js/ │ ├── designesia.js # 核心交互 │ ├── swiper.js/custom-swiper-1.js │ ├── validation-*.js # 表单验证 └── images/ ``` ## 核心文件说明 - `index.html` — 主首页模板，顶部导航含下拉菜单 - `css/style.css` — 完整主题样式，定义深蓝配色与排版系统 - `js/designesia.js` — 导航、滚动、菜单等核心交互逻辑 - `booking.php` / `contact.php` — 表单提交后端，调用 `mail()` 发送邮件 - `js/validation-*.js` — 预约/联系表单的前端验证脚本 ## 快速开始 纯静态展示：直接在浏览器中打开 `index.html` 动态表单（需本地/服务器环境）： ```bash # PHP 环境运行 php -S localhost:8000 # 访问 http://localhost:8000 ``` ## 使用建议 - 部署前需修改 `contact.php` 和 `booking.php` 中的收件邮箱地址 - 字体和图标资源通过 CDN 引入，确保网络畅通 - 预约与联系表单依赖 PHP `mail()` 函数，生产环境建议替换为 SendGrid 等邮件服务