Web大学生网页作业成品 基于HTML+CSS+JavaScript足球介绍8页
⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 |校园篮球网页设计 | 足球体育运动 | 体育游泳运动 | 兵乓球 | 网球 | 等网站的设计与制作| HTML期末大学生网页设计作业
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结构代码
<html>
<head>
<meta name="keywords" content="tzyh" />
<title></title>
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head><body>
<div id="background"><div id="page"><div id="header"><center><div id="adbox"> <img src="data:images/sea-sound.jpg" alt="Img"> </div></center><div id="navigation"><ul><li class="selected"><a href="index.html" >首页</a></li><li><a href="zqfzs.html" >足球发展史</a></li><li><a href="cswz.html" >场上位置</a></li><li><a href="zqzs.html" >足球战术</a></li><li><a href="zqjx.html" >足球奖项</a></li><li><a href="zqwh.html" >足球文化</a></li><li><a href="lyb.html" >留言板</a></li></ul></div></div><div id="contents"><div id="sidebar" style=" float:left;margin-right:10px;"><img src="data:images/01.jpg" alt="Img" style="margin-top:10px;"></div><div id="main"><div class="box"><div><div><h3>关于足球</h3><ul><li><h4><a href=""></a></h4><p>足球,世界第一运动,是全球体育界最具影响力的单项体育运动。标准的足球比赛由两队各派11名队员参与,包括10名球员及1名守门员,互相在长方形的草地球场上互相对抗、互相进攻。比赛目的是尽量将足球射入对方的球门内,每射入一球就可以得到一分,当比赛完毕后,得分最多的一队则代表胜出。如果在比赛规定时间内得分相同,则须看比赛章则而定,可以抽签、加时再赛或互射点球(十二码)等形式比赛分高下。足球比赛中除了守门员可以在己方禁区内利用手部接触足球外,球场上每名球员只可以利用手以外的身体其他部分控制足球(开界外球例外)。 </p><p>2004年初,国际足联(FIFA)确认足球起源于中国,“蹴鞠”是有史料记载的最早的足球活动,《战国策》和《史记》是最早记录蹴鞠的文献典籍。现代足球则起源于英国,距今已经有200多年的历史了。从1900年的第2届奥运会开始,足球被列为奥运会正式比赛项目(女足比赛于1996年亚特兰大奥运会成为正式比赛项目),但它不允许职业运动员参加。1904年5月21日,国际足联在巴黎成立。</p><h2><a href="more.html" >点击了解更多详情...</a></h2></li></ul></div></div></div></div></div></div>
</div>
<div id="footer"><div><p>版权所有</p></div>
</div>
</body>
</html>
学的反而越迷茫
有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?
所以,放松心态吧,好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
Web大学生网页作业成品 基于HTML+CSS+JavaScript足球介绍8页相关推荐
- Web大学生网页作业成品 基于HTML+CSS+JavaScript (刘德华9页 )
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客 ...
- Web大学生网页作业成品 基于HTML+CSS+JavaScript减肥健身俱乐部
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客 ...
- Web大学生网页作业成品 基于HTML+CSS+JavaScript个人简历介绍 学生个人网站作业设计代做 学生个人网页设计作品
- Web大学生网页作业成品 基于HTML+CSS+JavaScript-----苹果商城Apple商城 8页 三级带视频
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 在线商城购物 | 水果商城 | 商城系统建设 | 多平台移动商 ...
- 学生静态HTML个人博客主页【Web大学生网页作业成品】HTML+CSS+JavaScript
- 学生HTML网页作业:基于HTML+CSS+JavaScript画家企业8页
- Web大学生网页作业成品_美食餐饮网站设计与实现(HTML+CSS+JavaScript)
HTML期末大作业~ 美食餐饮学生网页设计作业 ~ HTML+CSS+JS网页设计期末课程大作业 ~ web前端开发技术 ~ web课程设计网页规划与设计~Web大学生网页成品 临近期末, 你还在为H ...
- Web大学生网页作业成品 (明星页面介绍6页,响应式)
⛵ 源码获取 文末联系 ✈ Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客 ...
- Web大学生网页作业成品:个人博客主页 (纯HTML+CSS代码)
Web前端开发技术 描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 个人博客网站 | 个人主页介绍 | 个人简介 | 个人博客设计制作 | 等网站的设计与制作 ...
最新文章
- 【Qt】Qt程序编译成功,执行时报错:程序异常结束,crashed
- edge chrome 浏览器 底色调黑 反色
- CISCO 3560配置作为DHCP服务器
- 【云栖直播】精彩推荐第3期:个性化推荐系统搭建实践
- Java枚举类型(enum)详解
- android studio放置在函数上面看_像写Flutter一样开发Android原生应用
- 数据库创建索引有什么优点和缺点
- 随想录(招聘怎样的员工)
- 不是没想过放弃,就觉得还能再坚持
- 数据挖掘前景及工作方向选择
- Java NIO之DatagramChannel
- python opencv图片合成视频
- 谷歌浏览器为什么要禁用Flash插件?深夜有感而发
- 数值分析原理课程实验——牛顿(Newton)迭代法
- 少儿编程启蒙课程9:善用变量 拥抱变化
- 夏日汽车保养 雨季汽车保养
- 获取子进程终止状态:wait和waitpid
- BLAKE2 hash函数
- C/C++智能指针详解
- VMware ESX 4.1版本,浏览器无法访问问题【已解决】