# WebDesignCourseB

**Repository Path**: term-assignment/web-design-course-b

## Basic Information

- **Project Name**: WebDesignCourseB
- **Description**: 网页设计B
石玮
2022春-32109,32110,
开课时间: 2022-02-01 00:00 至 2022-07-31 00:00
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# 实训作业-网页设计


一、好好干饭网站(web_01)

1. 网站页面
好好干饭网站共分十个页面，分别为 主页(index) 和分页(pages)。
分页功能分别为：分类、精选、小吃、美食圈、TOP100、登录页、注册页、重置密码页以及未完善功能提示页面。
页面间除登录 注册 重置页面外均可通过导航栏进行跳转。
2. 样式表概述
本网页绝大部分均是以div嵌套构成，布局采用flex布局，页面跳转使用超链接标签并用伪类进行样式更改。
3. 网页骨架
网页中使用了diiv嵌套无序列表构成了导航栏等多个内容块。登录、注册、重置密码页面使用了表单。

二、书店官网(web_02)

略


三、酒店官网(web_03)

1. 页面介绍
* 本网站共分为十个页面，主页（index）、子页（pages）【酒店预定 住宿设施 酒店风貌 关于我们 登录 以及三个提示页面】。
* 子页可通过主页导航栏跳转，也可子页间相互跳转。
* 子页中的可点击区块则直接跳转到提示页。
* 提示页可跳转会主页面

2. 布局介绍
* 主页采用div相互嵌套结构，层层嵌套分出区块。
* 部分页面采用浮动布局和flex布局
* 部分区块为了更好表现效果，使用了伪类以及CSS动画

3. 设计
本网站为酒店官网页面，可以让客户对酒店进行前期了解，也可以通过线上进行预定等操作。