期末大作业 | ToDoList网页设计关于我界面设计记录

最新推荐文章于 2024-08-03 20:32:29 发布

IDLE不是爱豆

最新推荐文章于 2024-08-03 20:32:29 发布

阅读量542

点赞数 1

分类专栏：网页设计期末大作业文章标签：前端 html web css 开发语言

本文链接：https://blog.csdn.net/weixin_61726211/article/details/125279448

版权

一、简要说明

①关于我

本模块是关于设计者本人的一些介绍，图片与文字穿插，点击左侧图片可以分别进入设计者本人的网易云音乐主页和bilibili主页，右侧图片则可以分别进入相关的页面进行了解展示，之后为用户展示了设计者本人在日常生活中的微博文字记录，便于用户更加了解设计者以及了解设计者的设计初衷；

②留言板

这一部分是为了给用户更多与设计者直接交流互动的空间，设计者也可以更加直接的得到用户的使用反馈，用户在此处可以看到其他用户的浮动留言，还可以直接输入自己的想法并提交，点击“提交上级”按钮即可得到“刘管家已经收走，等着总裁的答复吧！”的提示，点击“我错了我不该乱写，我要重新填！”即可清楚内容重新进行填写。

二、页面核心代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于我</title>
		<link href="css/aboutme.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<!-- 导航栏 -->
		<div>
			<ul class="to3">
				<li>TODOLIST&nbsp;|&nbsp;我欲摘星斗</li>
			</ul>
			<ul class="to1">
				<li class="to2"><a href="首页.html">首页</a></li>
				<li class="to2"><a href="番茄钟.html">番茄钟</a></li>
				<li class="to2"><a href="备忘录.html">备忘录</a></li>
				<li class="to2"><a href="倒计时.html">纪念日</a></li>
				<li class="to2"><a href="日记本.html">日记本</a></li>
				<li class="to2"><a href="关于我.html">关于我</a></li>
				<li class="to2"><a href="index.html">退出登录</a></li>
			</ul>
		</div>
		<!-- banner开始通栏 -->
		<div>
			<div class="banner">
				<!--左侧通栏-->
				<div class="left">
					<div class="content_left">
						<p class="school_en">ToDoList</p>
						<p class="school_ch">我欲摘星斗</p>
						<p class="advertise">来日纵是千千晚星，亮过今晚月亮<br>人们的月亮永悬不落，有爱就能螳臂当车</p>
						<ul class="style_a">
							<li class="current"><a href="img/banner图.jpg"></a></li>
							<li class="current"><a href="img/banner图1.jpg"></a></li>
							<li class="current"><a href="img/banner图3.jpg"></a></li>
							<li class="current"><a href="img/banner图4.jpg"></a></li>
							<li class="current"><a href="img/banner图5.jpg"></a></li>
							<li class="current"><a href="img/banner图6.jpg"></a></li>
						</ul>
					</div>
				</div>
				<!--右侧通栏-->
				<div class="right">
					<div class="content_right">
						<h4>关于我<br>INTRODUCTION</h4>
						<ul class="style_icon">
							<li><img src="img/g5.jpg"></li>
						</ul>
						<br />
						<p class="cl">
							19xxx xxx
						</p>
						<br />
						<p class="cl2">
							xx大学xx学院
						</p>
						<br />
						<p class="cl2">
							天空有些暗了，暗的刚刚好......&nbsp;&nbsp;&nbsp;——《刚刚好》
						</p>
						<br />
						<p class="cl2">
							时间永远分叉，通往无数的未来。&nbsp;&nbsp;&nbsp;——博尔赫斯
						</p>
					</div>
				</div>
			</div>
		</div>
		<!-- 登录头像 -->
		<div class="main_login">
			<div class="login_page">
				<div class="login_img">
					<img src="img/5.png" alt="image">
				</div>
			</div>
		</div>
		<!-- 关于我的一些介绍 -->
		<div>
			<div>
				<!-- 左侧介绍部分 -->

最低0.47元/天解锁文章

IDLE不是爱豆

关注

1
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
期末大作业 | ToDoList网页设计关于我界面设计记录

网页设计期末大作业制作记录 || 关于我本模块是关于设计者本人的一些介绍，图片与文字穿插，留言板这一部分是为了给用户更多与设计者直接交流互动的空间，设计者也可以更加直接的得到用户的使用反馈。...
复制链接

扫一扫