网页制作代码_简单个人网站开发代码

分享到：

来源：靖江市哥特建筑装饰工程有限公司更新时间：2026-07-07 02:50:48 【打印此页】【关闭】

一、网页网站项目结构

```

my-website/

│

├── static/ 静态文件目录

│ ├── css/ CSS样式文件

│ │ └── style.css

│ ├── js/ JavaScript文件

│ │ └── script.js

│ └── img/ 图片资源

│ └── logo.png

│

├── templates/ HTML模板文件

│ ├── base.html 基础模板

│ ├── index.html 首页

│ ├── about.html 关于我

│ └── contact.html 联系我

│

└── index.php 后端处理文件（可选）

```

网页制作代码_简单个人网站开发代码

二、制作代码实现

网页制作代码_简单个人网站开发代码

1. HTML结构（模板文件）

网页制作代码_简单个人网站开发代码

base.html（基础模板）

包含HTML结构、代码代码CSS链接和JavaScript入口点，简单其他页面将继承该模板。个人

```html

个人网站 - { { title }}

{ % block content %}{ % endblock %}