HTML CSS 网页设计作业「体育小站」(梅西足球 6页 )
⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园篮球网页设计 | 足球体育运动 | 体育游泳运动 | 兵乓球 | 网球 | 等网站的设计与制作| HTML期末大学生网页设计作业,Web大学生网页
HTML:结构
CSS:样式
在操作方面上运用了html5和css3,
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为
文章目录
- 前端学习路线
- 网页基本结构
- 网页演示
- HTML结构代码
- 学的反而越迷茫
- 学习更多
前端学习路线
(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)
网页基本结构
(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面
网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
网页演示
HTML结构代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="css/style.css" rel="stylesheet" media="all" type="text/css">
<title>梅西</title>
</head>
<body>
<header class="banner"> <img src="picture/banner.jpg" width="100%"> </header>
<nav class="menu"><ul class="center"><li><a href="">首页</a></li><li><a href="news.html">新闻</a></li><li><a href="pic.html">图片</a></li><li><a href="msg.html">留言</a></li></ul>
</nav>
<div class="content"><div class="bar"><h2>里奥·梅西 (阿根廷足球运动员)</h2></div><div class="cs"><p>里奥·梅西(Lionel Messi),1987年6月24日出生于阿根廷圣菲省罗萨里奥市,阿根廷足球运动员,司职前锋,现效力于巴塞罗那足球俱乐部。</p><p>2000年,梅西加入巴塞罗那俱乐部。2005年,阿根廷青年队夺取世青赛冠军,梅西赢得了金球奖和金靴奖双项大奖。2007年4月18日,梅西在国王杯半决赛对赫塔菲时复制了马拉多纳在世界杯上的连过五人进球。2008年北京奥运会上,梅西随阿根廷国奥队夺取了金牌。2009年底,他当选了欧洲足球先生和世界足球先生。梅西2008-2009赛季率领球队连夺西甲、国王杯和欧冠三个冠军。2011年,梅西获得首届国际足联金球奖,还获得了欧足联欧洲最佳球员。2013年,他以46粒联赛进球的成绩第三次获得欧洲金靴奖奖杯。2014年,梅西随阿根廷队参加2014巴西世界杯。2014年巴西世界杯上,获得世界杯亚军 。</p><p>2014年12月20日,梅西被IFFHS评为2013年世界职业联赛的最佳射手奖 。2015年8月,当选欧洲超级杯最佳球员。 2015年8月27日,获得欧洲最佳球员。 2016年1月12日,梅西荣膺2015年度FIFA金球奖,五度得奖创纪录。2016年6月,在连续三次决赛(2014年世界杯、2015年美洲杯、2016年美洲杯)失利后,梅西正式宣布将退出阿根廷国家队。 8月13日,梅西正式回归阿根廷国家队。</p><p>2017年11月24日,梅西领取了2016-17赛季的欧洲金靴奖,这也是其个人第四座欧洲金靴奖,四夺欧洲金靴也追平了C罗的纪录。11月25日,巴萨官方和梅西续约到2020-21赛季 。</p></div>
<div class="bar"><h2>图片</h2></div><div class="list"><ul><li class="sa"> <img src="picture/1.jpg"></li><li class="sa"> <img src="picture/2.jpg"></li><li class="sa"> <img src="picture/3.jpg"></li><li class="sa"> <img src="picture/4.jpg"></li><li class="sa"> <img src="picture/5.jpg"></li><li class="sa"> <img src="picture/6.jpg"></li><li class="sa"> <img src="picture/c1.jpg"></li><li class="sa"> <img src="picture/8.jpg"></li></ul><div class="clear"></div></div><div class="clear"></div>
</div>
<footer class="end"><p>梅西 </p>
</footer></body>
</html>
学的反而越迷茫
有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?
所以,放松心态吧,好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
HTML CSS 网页设计作业「体育小站」(梅西足球 6页 )相关推荐
- TML5期末大作业:女性化妆品商城网站设计——女性化妆品商城(3页) HTML CSS 网页设计作业「商城小站」
HTML5期末大作业:女性化妆品商城网站设计--女性化妆品商城(3页) HTML CSS 网页设计作业「商城小站」 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器 ...
- HTML5+CSS网页设计作业——传统节日-春节(8页) 学生网站模板
HTML5+CSS大作业--传统节日-春节(8页) 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. 动漫. 明星. 服装. 体育 ...
- HTML CSS 学生期末网页设计作业「动漫小站」
- HTML CSS JS游戏网页设计作业「响应式高端游戏资讯bootstrap网站」
- css网页设计作业_小姐姐用 HTML + CSS 画油画?谁能想到前端还有这么一手操作!...
GitHub 项目上好项目真的很多,但作者长的这么漂亮的肯定屈指可数了. 用 HTML + CSS 画油画 如图所示,这位小姐姐的名字叫 Diana Smith ,在她的个人博客上介绍自己是一位 Ja ...
- 网页设计作业——仿oppo官网手机商城(1页) HTML+CSS+JavaScript 学大学生网页制作期末作业
HTML5期末大作业 文章目录 HTML5期末大作业 一.作品展示 二.文件目录 三.代码实现 一.作品展示 二.文件目录 三.代码实现 <!doctype html> <html& ...
- div+css静态网页设计——电影售票平台(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品
HTML CSS 网页设计作业:电影在线观看网站设计--电影售票平台(8页) HTML+CSS 文章目录 HTML CSS 网页设计作业:电影在线观看网站设计--电影售票平台(8页) HTML+CSS ...
- web网页设计——体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码
web网页设计--体育气步枪射击主题(5页面)带图片轮播特效(HTML+CSS) ~学生网页设计作业源码 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
- HTML期末作业课程设计期末大作业——体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码)...
HTML期末作业课程设计期末大作业--体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
最新文章
- Excel宏的易错点
- 海明嵌入Hamming Embedding生成Binary Signature之matlab程序代码
- opengl加载显示3D模型b3d类型文件
- 获取CPU序列号和MAC地址
- 计算机解译地学应用效果,不同的遥感解译方法在地表覆盖分类信息提取中的应用研究...
- 数据库备份DBS商业化发布
- html页面怎么加向下滚动,如何使用jQuery向上或向下滚动页面到锚点?
- ffmpeg h265编码_基于ffmpeg库mp4编码记录。
- Python+tkinter打造类似于IDLE的代码编辑器(83行源码)
- Kafka-partition
- UnityShader3:ShaderLab
- 网络切片技术缺点_5G中网络切片研究的现状与挑战
- C# 每天温习一点(IEnumerableTSource)
- 【红昭愿】MMD动作镜头下载
- 4X99神将X国逆向工程实战
- cf进入服务器未响应,win7系统玩cf未响应的解决方法
- 【转】传教士和野人问题(Missionaries and Cannibals)
- 服务程序访问共享文件_最佳的免费程序和在线服务,用于发送和共享大文件
- CTF-实验吧-天下武功唯快不破
- 疯狂Android讲义(第2版)
热门文章
- Win7、windows 2008 IIS7.5下载安装方法以及教程 IIS7配置PHP环境图文教程(fastcgi快速最新版)
- 一位 40 岁“老程序员”的经历,给你们说一些我的真实想法!
- XML操作类(Seaskyer)
- iOS使用HHealthKit读取修改健康步数
- 【多线程并发编程】十一 生产者和消费者问题(面试必问)
- 人民币升值与升值预期收益股票
- 中国学位与研究生教育信息网
- npm 安装报错 rollbackFailedOptional verb npm-session 解决办法
- 内网渗透-Linux权限维持
- 【游戏设计模式】之三 状态模式 有限状态机 Unity版本实现