位置: IT常识 - 正文

web前端开发期末大作业 ——个人主页(可自取源码)(web前端开发学什么)

编辑:rootadmin
web前端开发期末大作业 ——个人主页(可自取源码)

推荐整理分享web前端开发期末大作业 ——个人主页(可自取源码)(web前端开发学什么),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:web前端开发期末考试题,web前端开发期末大作业,web前端开发期末大作业,web前端开发期末总结,web前端开发期末作业作品,Web前端开发期末考试,web前端开发期末考试题,Web前端开发期末考试,内容如对您有帮助,希望把文章链接给更多的朋友!

(一)主页实现

首先进入的是我们的封面,头像用的是3D变换,鼠标悬停时,完成沿着y轴旋转的效果。然后我们做个两个div标签,一个是在图片里面,添加了文字2022 · Lucky,一个是在图片下面,添加了文字Lucky。关于下面对应的文字和背景图,我们在JS里应用了网址https://v1.hitokoto.cn/和https://cn.bing.com/,每更新一次,文字和背景图都更新。在超链接“我的主页”下面,我们4个超链接,分别对应的是Github、CSND、知乎和qq邮箱,点进去分别是对应的网站。在首页的右下角,我们也用了一个div标签,添加了文字和一个空超连接。

1、点击“我的主页”,首先进去的是“个人信息”。在导航栏部分,我们用了10个超链接,分别对应我们的10个主页。在这个主页,我们用了一个大的div标签,添加个人信息、个人作品、个人经历。在每个主页的左下角,我们都用了,audio标签添加了音乐播放。

2、点击“我的博客”,我们用了一个大的div标签,添加了三个“关于HTML能做什么”、“关于CSS能做什么”和“关于JS能做什么”3个div标签。点击每一个“查看正文”进入的是自己写的博客。

3、点击“我的收藏”,应用animated样式,让文字隔一段时间自动弹出来。关于下面的图片,在鼠标悬停时,应用了过度效果,显示出文字。在尾部,我们还用了一个超链接“回到首页”对应到“我的个人信息”。

4、点击进入“我的兴趣爱好“,其样式与”我的收藏一样。

web前端开发期末大作业 ——个人主页(可自取源码)(web前端开发学什么)

5、点击进入“生活记录”,我们先是用了两个大的div标签做了美食和生活两个模块。两个模块都用了几个小的div标签添加文字和样式。在尾部,我们添加了“个人信息”、“兴趣爱好”、“美食生活”和“背包旅行”4个超链接以及电话、E-mail。

6、点击进入“我的相册”。首先是“旅行·日志”这里用了一个大的div标签添加了图片和文字。在“星空·相册”里,我们用了bigView image和smallView image两个窗口来可点击小窗口展示图片。在最下面,我们用了-webkot-animation将图片自动滚动展示。

  

7、点击进入“我的音乐”。首先,我们用了三个div标签,一个是音乐界面,一个歌单,一个是专辑简介。歌单部分,我们应用了inline-block下划线将歌曲划分和hover在鼠标悬停时显示四个按键,点击播放案件,可以跳转到网易云音乐播放。

8、点击进入“我的导航”,我们做了一个搜索框,连接到百度的搜索引擎,在上面的导航栏是超链接。

9、点击“返回首页”跳转到我们的封面。

这是一个比较简单的学生管理系统,需要源码的自取,百度网盘

链接:https://pan.baidu.com/s/1iq_Pj61jL2v_53I7gxkpKg  提取码:8899

也可以私我!

本文链接地址:https://www.jiuchutong.com/zhishi/297383.html 转载请保留说明!

上一篇:Nerf_studio 使用记录(nerf 入门)

下一篇:使用elementUI组件实现表格的分页以及搜索功能(解读elementui的组件源码)

  • 美版卡贴激活sim卡无效(美版卡贴激活后打不开4g网络)

    美版卡贴激活sim卡无效(美版卡贴激活后打不开4g网络)

  • 苹果手机上的小圆圈怎么关闭(苹果手机上的小圆点怎么设置)

    苹果手机上的小圆圈怎么关闭(苹果手机上的小圆点怎么设置)

  • 京东红包退款会返还吗(京东红包退款会返回吗)

    京东红包退款会返还吗(京东红包退款会返回吗)

  • qq厘米秀不显示小人了(qq厘米秀怎么不在主页显示)

    qq厘米秀不显示小人了(qq厘米秀怎么不在主页显示)

  • windows7不是正版是副本什么意思(windows7不是正版是副本有影响吗)

    windows7不是正版是副本什么意思(windows7不是正版是副本有影响吗)

  • 抖音粉丝等级提升规则(抖音粉丝等级提升价格)

    抖音粉丝等级提升规则(抖音粉丝等级提升价格)

  • QQ校园扩列怎么关闭(qq校园扩列怎么设置)

    QQ校园扩列怎么关闭(qq校园扩列怎么设置)

  • 苹果x漏液只能换屏幕吗(iphone x漏液还能用多久)

    苹果x漏液只能换屏幕吗(iphone x漏液还能用多久)

  • qq太阳需要多久(qq要多少天才有太阳)

    qq太阳需要多久(qq要多少天才有太阳)

  • 短信收藏后在哪里找到(短信收藏后在哪里看)

    短信收藏后在哪里找到(短信收藏后在哪里看)

  • 快手隐私用户能热门吗(快手隐私用户能私信吗)

    快手隐私用户能热门吗(快手隐私用户能私信吗)

  • 华为mate30怎么锁屏显示步数(华为mate30怎么锁定对焦曝光)

    华为mate30怎么锁屏显示步数(华为mate30怎么锁定对焦曝光)

  • 2600和3600差多少(3600和2600x的差别)

    2600和3600差多少(3600和2600x的差别)

  • 抖音限赞是什么意思(抖音限赞一天了还点不了赞是不是要到夜里十二才能恢复)

    抖音限赞是什么意思(抖音限赞一天了还点不了赞是不是要到夜里十二才能恢复)

  • 双重认证有什么坏处(双重认证有什么用)

    双重认证有什么坏处(双重认证有什么用)

  •  p30桌面天气怎么设置(p30天气怎么显示在桌面)

    p30桌面天气怎么设置(p30天气怎么显示在桌面)

  • iphone7是哪年出的(iphone7哪年出产的)

    iphone7是哪年出的(iphone7哪年出产的)

  • 小米bn45电池是小米几(小米bm45电池价格)

    小米bn45电池是小米几(小米bm45电池价格)

  • 哔哩哔哩软件是干嘛的(哔哩哔哩软件是聊天软件吗?)

    哔哩哔哩软件是干嘛的(哔哩哔哩软件是聊天软件吗?)

  • 浏览器调整为兼容模式(家字取名男孩名字)

    浏览器调整为兼容模式(家字取名男孩名字)

  • ps为什么不能直接拖图片进去(ps为什么不能直接进行编辑)

    ps为什么不能直接拖图片进去(ps为什么不能直接进行编辑)

  • 拼多多大王卡免流吗(拼多多王卡免流吗?)

    拼多多大王卡免流吗(拼多多王卡免流吗?)

  • 微信怎么看拉黑的人(微信怎么看拉黑的好友)

    微信怎么看拉黑的人(微信怎么看拉黑的好友)

  • 社交电商app开发方案怎么做(做社交电商的公司有哪些)

    社交电商app开发方案怎么做(做社交电商的公司有哪些)

  • 借款约定分期还,如何计算诉讼时效?(借款人约定分期还款中途可以起诉吗)

    借款约定分期还,如何计算诉讼时效?(借款人约定分期还款中途可以起诉吗)

  • Windows11去掉桌面快捷方式箭头 Windows11怎么去掉快捷方式箭头(win11永久关闭桌面弹出广告)

    Windows11去掉桌面快捷方式箭头 Windows11怎么去掉快捷方式箭头(win11永久关闭桌面弹出广告)

  • 多缴纳社保怎么处理
  • 户外公司招牌
  • 手撕汽车票在哪里弄到
  • 土地增值税清算利息扣除规定
  • 服务行业印花税税率
  • 个体工商户收到发票怎么做账
  • 事业单位大型修缮会计分录
  • 业务招待费扣除限额计算基数
  • 多交的应交税费怎么算
  • 收到样品费计入什么科目
  • 建筑企业升资质主管单位
  • 大病医疗保险为什么贵
  • 投资理财产品的优势和劣势
  • 顺丰的收派服务费可以抵扣吗
  • 建安发票税率是多少2011年
  • 非雇佣劳务
  • 公司办公楼的中介怎么做
  • 发票上电话可以写手机号吗
  • 个税贷方余额比实际金额多
  • 工程施工合同暂估价格入账会计分录
  • 工厂材料成本改善报告范文
  • 私募股权基金税收主要涉及的是什么税收问题
  • 工资薪金所得个人所得税税率表
  • 什么是租赁公司的主营业务
  • 收到厂家返利怎么做账务处理
  • win11 应用商店
  • 企业当期产生的外币报表折算差额
  • 其他应付款在现金流量表怎么填
  • 工程结算书和竣工结算书
  • 拔罐的好处和坏处除湿
  • 不确认收入要结转成本吗
  • 盈余公积减少记哪方
  • php访问mysql的五个基本步骤
  • 原材料按实际成本核算需设置的科目包括
  • 固定资产进项抵扣新政策2021
  • 小微企业认定标准时间
  • 发票金额有小数可以取整数吗
  • 强化学习——Q-Learning算法原理
  • vue从入门到精通教程
  • 预付劳务款项会计分录
  • 工地购买的厨房用品计入哪个科目
  • phpcms使用教程
  • mongodb怎么用
  • mongodb应用实例
  • sqlserver怎么用
  • 运输费用会计
  • 无形资产摊销年限
  • 印花税申报怎么填
  • 增值税中进项税额转出是什么意思
  • 开销项负数发票怎么做账
  • 应付职工薪酬和生产成本的区别
  • 平行结转法什么意思
  • 什么叫总分类账簿
  • 委托代理出口如何缴纳增值税
  • 外经证适用范围
  • 交纳增值税的账务处理PPT
  • 其他非流动资产减少的原因
  • 跨年红冲收入记在本年度
  • 会计月末都需要做什么
  • 发票报销是什么流程
  • 挂靠企业电费如何处理?
  • 库存商品属于什么科目
  • 建账初期账务处理程序
  • centos6.5安装教程中文
  • WINDOWS操作系统最新版本
  • linux系统中怎么创建目录
  • mx1014
  • windows8.1玩穿越火线
  • linux批量处理
  • linux 部署
  • android.intent.extra.text
  • 利用pm2部署多个设备
  • unity全景
  • androidui框架
  • javascript怎么写
  • 高速发票查询平台官网
  • 销售车位需要交房产税吗
  • 河南工商年检网上申报
  • 百望税控盘电子发票怎么打
  • 已经交完费还可以用医保卡报销吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设