基于HTML+CSS的静态页面设计

小杨仁

已于 2023-02-28 18:54:51 修改

阅读量1k

点赞数

分类专栏：前端文章标签： html css 前端

于 2023-02-28 18:02:11 首次发布

本文链接：https://blog.csdn.net/weixin_54284382/article/details/129266478

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

该文介绍了使用HTML和CSS进行静态页面设计，特别是个人网站的构建。网站包含首页、基本信息、证书展示、设置、我的喜欢和我的简历等六个界面，运用了DIV+CSS布局，导航栏具有交互效果，各页面内容丰富多样，如背景图片、轮播图、输入框等元素。

摘要由CSDN通过智能技术生成

@[TOC**]**# 基于HTML+CSS的静态页面设计****

关于个人信息的网站设计

基于HTML+CSS的静态页面设计
工具：WebStorm

正文

一．网站题目

关于个人介绍的网站设计与制作

二．网站描述

HTML+CSS的个人网站设计，采用DIV+CSS布局，里面的css样式主要通过外部链接入HTML文件里面，然后网站页面分主要分为三个部分，导航栏，中间部分和底部：
1.导航栏部分分为了三部分logo部分,跳转链接部分和搜索框部分，在跳转链接部分设置了背景颜色，当鼠标放在跳转链接上时，字体会变大会出现出现背景颜色和边框，当跳转到其他页面时，也会有相应的变化。
2.中间部分在不同的页面会出现不同的样式，出现不同的内容。
3.底部主要写的是关于邮箱，以及个人标识这些。

三．网站介绍

网站由首页，基本信息，证书展示，设置，我的喜欢，我的简历六个界面构成。
1.首页主要是一个主体的介绍，介绍有哪些功能通过header，main,footer这三部分组成。
2.基本信息主要是介绍个人的信息这些，界面主要由盒子模型构成，添加了背景图片。
3.证书展示主要是展示自己平时考的证，界面由标题和轮播图构成。
4.设置界面主要是设置自己的信息，主要由输入框和文字构成。
5.我的喜欢界面是写的关于自己喜欢的东西，主要设置的盒子模型加上css样式等等。
6.我的简历就是关于自己制作的一份简历。