web期末大作业:基于html+css+js制作 学校班级网页制作

web期末大作业:基于html+css+js制作 学校班级网页制作Y

源码获取 文末联系

Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 校园班级网页设计 | 我的班级网页 | 我的学校 | 校园社团 | 校园运动会 | 等网站的设计与制作 | HTML期末大学生网页设计作业

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为


前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HTML结构代码



<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/style.css" />

</head>
<body>
<div class="main" >

<div class="content12">
<div class="daohang">







   <ul>
    <li class="active"><a href="index.html">首页</a>
</li>
  
    <li ><a href="xiaoyuanshenghuo.html">校园生活</a></li>
	
    <li ><a href="xiaoyuanhuodong.html">校园活动</a></li>
	
    <li ><a href="xiaoyuanxinwen.html">校园新闻</a></li>
	
    <li ><a href="zhucedenglu.html">注册登录</a></li>
	 
   </ul>
</div>
</div>
<div class="clear"></div>

<div class="content12">
<div class="guanggaotupian">


<div class="img">
<img src="images/1.jpg"></div>
 

</div>
</div>
<div class="clear"></div>

<div class="content12">
<div class="taitou">







<div class="title">
<strong>校园新闻</strong> <i>XIAOYUANXINWEN</i>

 
</div>


     
                               

	 

	  	  </div>
<div class="xyxw">






<ul>
<li>
<div class="desc">
<div class="title">南海区职业教育展示会议在南海校区召开</div>
<div class="clear"></div>
                 6月2日上午,南海区职业教育展示会会议在我校南海校区召开,南海区教育局吴赐成副局长、周炳全副书记、林润惠副院长、南海管理<button>查看详情</button>
</div>
<div class="img"><img src="images/2.jpg"></div>
</li>
<li>
<div class="desc">
<div class="title">第二届经典英文影片配音大赛成功举办</div>
<div class="clear"></div>
                <br /> 由校团委主办,应用外语系分团委和英语协会承办的第七届“挑战杯”文化艺术节之开口讲英语系列活动——经典英文影片<button>查看详情</button>
</div>
<div class="img"><img src="images/3.jpg"></div>
</li>
<li>
<div class="desc">
<div class="title">我校2007年征兵活动启动</div>
<div class="clear"></div>
                 11月1日下午,海珠区2007年征兵应征青年报名仪式活动暨学校征兵动员大会在广州校区工业实训中心多功能会议厅举行。<button>查看详情</button>
</div>
<div class="img"><img src="images/4.jpg"></div>
</li>
<li>
<div class="desc">
<div class="title">中国轻工业联合会副会长来我校参观考察</div>
<div class="clear"></div>
                 11月16日上午,中国轻工业联合会副会长兼秘书长王世成,中国轻工业联合会副会长、广东省轻工业协会会长杨大行,中国轻工业联合会副<button>查看详情</button>
</div>
<div class="img"><img src="images/5.jpg"></div>
</li>
 
</ul>









</div>
</div>
<div class="clear"></div>

<div class="content3">
<div class="taitou">







<div class="title">
<strong>校园生活</strong> <i>XIAOYUANSHENGHUO</i>

 
</div>


     
                               

	 

	  	  </div>
<div class="xysh">






<ul>



<li>
<div class="img">
<img src="images/6.jpg">
<div class="cover"></div>
<button>详情</button>
</div>
<div class="text">
<div class="title">小水滴志愿服务队宣传关爱儿童活动</div>
<div class="clear"></div>
<div class="desc"><br>学院网 讯小水滴志愿服务队宣传关</div>
</div>
</li>










<li>
<div class="img">
<img src="images/7.jpg">
<div class="cover"></div>
<button>详情</button>
</div>
<div class="text">
<div class="title">希望我们能够也越来越好</div>
<div class="clear"></div>
<div class="desc"><br>学院网 讯第二天教学,和孩子们的</div>
</div>
</li>







 
</ul>

</div>
</div>

<div class="content9">
<div class="taitou">







<div class="title">
<strong>我的校园</strong> <i>WODEXIAOYUAN</i>

 
</div>


     
                               

	 

	  	  </div>
<div class="jbxx">

<div class="text">
<div class="desc">
<div class="img">
<img src="images/8.jpg">
</div>

<p><p>武夷山职业学院成立于2007年,是一所由台商投资兴办,并经省政府批准、国家教育部备案的全日制普通高等职业院校。学院已建成占地500亩,建筑面积达8万平方米的花园式校园。</p><p>学院以“格物致知,明德尚行”为校训,以“立足武夷,连接两岸,服务福建,辐射全国,全力打造与现代服务产业融合度的职业院校”为办学定位。依托武夷山“双世遗”的世界级名片,主动融入新福建经济建设和大武夷旅游经济圈,把学院建成规模适中、特色鲜明、优势突出的地方性高职院校。在专业建设方面,提出了六个“一”的专业建设目标,即:每个专业至少有一名来自相关行业具有高级职称的专业带头人;每个专业至少有一个校内生产性实训实践基地;每个专业至少有一本和企业共同合编的校本教材;每个专业群至少有一个中级以上职业技能鉴定机构;每个专业至少要与一家大型的、稳定的企业合作;每个专业群至少要有一个与台湾兄弟校的合作项目。目前,学院依据闽北产业对技能型人才的需求,构建了5个专业群(旅游餐饮专业群,财金专业群,茶产业专业群,建筑工程专业群,视觉设计专业群)。开设23个高职专业。</p><p>2009年6月,学院被福建省教育厅确定为首批闽台联合办学先行先试校。近年来,学院积极开展闽台高职教育交流合作,探索闽台“校-校-企”合作办学模式。 
</div>
</div>


</div>
</div>
<div class="clear"></div>

<div class="content12">
<div class="dibu">

<div class="desc">
我的校园 
</div>


</div>
</div>
<div class="clear"></div></div></body></html>


学的反而越迷茫

有这种感觉很正常,因为你还没有真正去公司里面待过,也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看,你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司,发现工作的难度和量大约只有你学习时期的大约20%,你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的,因为大部分公司是招你进去去干活的,写业务的,不是让你一个新人去研发公司架构的。都是现成的东西,你要做的就是在别人的教导下,手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这?

所以,放松心态吧,好好享受大学时光
—————————————————


学习更多

关注我 | 点赞博文 | 每天带你涨知识


在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:http://bianchenghao.cn/39107.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注