# 动态网站开发作业

**Repository Path**: cl449066/web

## Basic Information

- **Project Name**: 动态网站开发作业
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-10
- **Last Updated**: 2025-12-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 蜡笔小新动态网站课设

## 项目介绍
本项目是一个关于日本经典动漫《蜡笔小新》的静态网站，作为动态网站课程的课程设计作品。网站主要展示了蜡笔小新的相关信息，包括动漫简介、创作背景、剧情介绍、主要人物以及图片鉴赏等内容。

## 项目结构

```
├── css/
│   └── css.css          # 网站样式文件
├── images/              # 图片资源目录
│   ├── banner1.jpg      # 首页横幅图片
│   ├── banner2.jpg      # 人物介绍页横幅图片
│   ├── banner3.jpg      # 图片鉴赏页横幅图片
│   ├── renwu1.jpg-5.jpg # 主要人物图片
│   ├── pic_01.jpg-09.jpg# 图片鉴赏图片
│   └── 其他图片资源...
├── index.html           # 首页
├── renwu.html           # 人物介绍页
├── tupian.html          # 图片鉴赏页
└── README.md            # 项目说明文档
```

## 功能说明

### 1. 首页 (index.html)
- 网站标题和导航栏
- 蜡笔小新动漫简介
- 创作背景介绍
- 剧情简介
- 相关图片展示

### 2. 人物介绍页 (renwu.html)
- 主要人物信息展示，包括：
  - 野原新之助（主人公）
  - 野原美伢（小新妈妈）
  - 野原广志（小新爸爸）
  - 野原向日葵（小新妹妹）
  - 野原小白（小新的狗）
- 每个人物包含图片和详细介绍

### 3. 图片鉴赏页 (tupian.html)
- 蜡笔小新精美图片展示
- 图片采用响应式网格布局

## 技术栈
- HTML5：页面结构搭建
- CSS3：样式设计与布局
  - 使用了浮动布局
  - 响应式设计（通过object-fit属性实现图片自适应）
  - 清晰的视觉层次和配色方案
- 静态网站技术，无需后端支持

## 设计特点
- 采用红色作为主色调，搭配蓝色和白色，形成鲜明的视觉对比
- 导航栏固定在顶部，方便用户在不同页面间切换
- 每个页面都有独特的横幅图片，增强页面识别度
- 内容区域采用卡片式设计，提高信息可读性
- 图片使用object-fit属性，确保在不同尺寸下保持良好的显示效果

## 使用方法
1. 克隆或下载项目到本地
2. 使用浏览器打开`index.html`文件即可访问网站
3. 通过顶部导航栏可以切换到人物介绍和图片鉴赏页面

## 浏览器兼容性
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+

## 作者信息
本项目为动态网站课程设计作品，用于学习和展示静态网站开发技术。

## 版权声明
本项目仅用于学习交流，图片资源来源于网络，版权归原作者所有。