大学生个人主页，kaiti猫粉色个人主页主题，分别用五个页面简单介绍自己的信息。html+css布局制作

最新推荐文章于 2024-02-06 22:33:10 发布

TOM源码

最新推荐文章于 2024-02-06 22:33:10 发布

阅读量960

点赞数 25

文章标签： html css 前端

本文链接：https://blog.csdn.net/qq_38404708/article/details/135720869

版权

⛵ 源码获取 +v：htmlsj

web网页设计制作,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |‍个人博客网站 |
‍个人主页介绍 | 个人简介 | 个人博客设计制作 | 等网站的设计与制作 | 大学生个人HTML网页设计作品 |
HTML期末大学生网页设计作业，Web大学生网页

网页设计三要素

	 1. HTML：网页布局结构，常用标签div+p+a+li等
	 2. CSS：css与css3用于对页面的样式控制
	 3. JavaScript：制作交互行为，例如轮播图，表单验证等

页面介绍

所有页面相互超链接，可到三级页面，有5-10个页面组成。
页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。
菜单美观、醒目，二级菜单可正常弹出与跳转。

	1.个人信息
	2.政治思想
	3.学术研究
	4.工作职务
	5.文体活动及社会实践

网页展示

在这里插入图片描述

html代码展示

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的个人主页</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="box_bg">
        <div class="w1000">
            <div class="banner"><img src="./img/banner.jpg" alt=""></div>
            <div class="menu">
                <a href="index.html">个人信息</a>
                <a href="zhengzhi.html">政治思想</a>
                <a href="xueshu.html">学术研究</a>
                <a href="gongzuo.html">工作职务</a>
                <a href="wthd.html">文体活动及社会实践</a>
            </div>

            <div class="content_info">
                <div class="left">
                    <h3 class="tyTite">关于我</h3>
                   <div class="p20">
                    <div class="touxiang"><img src="./img/1.png" alt=""></div>
                    <div class="grinfo">
                        <p>姓名：kaiti</p>
                        <p>性别：女</p>
                        <p>年龄：19</p>
                        <p>爱好：篮球，摄影，编剧</p>
                    </div>
                   </div>
                </div>
                <div class="right">
                    <h3 class="tyTite">个人简介</h3>
                    <div class="p20">
                        <div class="img_pic"><img src="./img/9.png" alt=""></div>
                        <div class="P_txt">
                            <p>来自辽宁省营口市，我现担任班级班长以及营口市高级中学2025届3班化学辅导员的职务，曾经担任过校弘毅演讲与口才协会负责人的职务，我擅长摄影、篮球、演讲、编剧和写作，我的座右铭是知不足而奋进，望远山而立行。</p>
                            <p>我一直积极向党组织靠拢，我按时完成青年大学习以及入党积极分子培训课程，在实践上，我积极参加学校组织的有关党的参观学习活动。</p>
                        </div>
                    </div>
                  
                </div>
            </div>

            <div class="footer">版权归我所有</div>

        </div>

       
    </div>
</body>

</html>

⛵ 获取完整源码及素材 +V ：htmlsj

网站介绍

📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。

📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。

📘网站素材方面：计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。

📒网站文件方面：网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；

📙网页编辑方面：网页作品代码简单，可使用任意HTML编辑软件（如：Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。

TOM源码

关注

25
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
大学生个人主页，kaiti猫粉色个人主页主题，分别用五个页面简单介绍自己的信息。html+css布局制作

所有页面相互超链接，可到三级页面，有5-10个页面组成。页面样式风格统一布局显示正常，不错乱，使用Div+Css技术。菜单美观、醒目，二级菜单可正常弹出与跳转。1.个人信息2.政治思想3.学术研究4.工作职务5.文体活动及社会实践📔网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。📓网站程序方面：计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。
复制链接

扫一扫