📂文章目录
- 二、📚网站介绍
- 三、🔗网站效果
- ▶️1.视频演示
- 🧩 2.图片演示
- 四、💒 网站代码
- 🧱HTML结构代码
- 五、🎁更多源码
二、📚网站介绍
📔网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
📓网站程序方面:计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器,已达到打开后就能即时看到网站的效果。
📘网站素材方面:计划收集各大平台好看的图片素材,并精挑细选适合网页风格的图片,然后使用PS做出适合网页尺寸的图片。
📒网站文件方面:网站系统文件种类包含:html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件;
📙网页编辑方面:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++
等任意html编辑软件进行运行及修改编辑等操作)。
其中:
(1)📜html文件包含:其中index.html是首页、其他html为二级页面;
(2)📑 css文件包含:css全部页面样式,文字滚动, 图片放大等;
(3)📄 js文件包含:js实现动态轮播特效, 表单提交, 点击事件等等(个别网页中运用到js代码)。
三、🔗网站效果
▶️1.视频演示
I57JP- 我们的班级(7页)HTML+CSS+JS
🧩 2.图片演示
四、💒 网站代码
🧱HTML结构代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>我的班级</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Place your description here" />
<meta name="keywords" content="put, your, keyword, here" />
<meta name="author" content="Templates.com - website templates provider" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body id="page1">
<!-- header -->
<div id="header">
<div class="container">
<div class="wrapper">
<div class="logo">
<h1><a href="home.html">我的班级</a><span>明之尚美,馨德亦缘</span></h1>
</div>
</div>
<ul class="nav">
<li><a href="index-2.html" class="first current">首页</a></li>
<li><a href="about.html">关于我们</a></li>
<li><a href="photo.html">相册</a></li>
<li><a href="lianxi.html">留言板</a></li>
<li><a href="houyu.html">后语</a></li>
</ul>
</div>
</div>
<!-- content -->
<div id="content"><div class="inner_copy"><div class="inner_copy"> Need a website? <a href="http://www.websitetemplatesonline.com/">Free website templates</a> by professional designers at WTO.</div></div>
<div class="container">
<div class="inside">
<!-- box begin -->
<div class="box alt">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="border-top"></div>
</div>
</div>
<div class="border-left">
<div class="border-right">
<div class="inner">
<div class="wrapper">
<h2><strong><br />
有缘我们相聚<br />
</strong></h2>
<p style="line-height:24px;"><br />
2011年9月,一群朝气蓬勃怀揣梦想与喜悦,来自五湖四海的青年来到了北海职业学院,组建了我们软件1班这个大家庭。从此快乐充实的生活开始了!</p>
<p> 这是一个团结奋进、朝气蓬勃、温暖和谐的集体。在辅导员及各位班干的带领下,团结勤奋。刻苦努力,取得了很大的成绩。截至目前,全班35位同学中,共青团员29人、党员2人、预备党员6人、入党积极分子9人。 班级同学学习勤奋刻苦,在大家的共同努力下,也获得了不少的成绩。<br />
</p>
<p> 学习之余,班级也强抓宿舍卫生建设。在学校、院系的带领下,在每个同学的努力下,班级宿舍卫生在院系乃至学校的卫生评比中也名列前茅。 课余生活丰富多彩也是我们班级的一大特色。大家积极参与学校院系组织的各项活动,在校庆晚会、运动会、院系篮球赛当中,都能看到我们班级同学活跃的身影。<br />
</p>
<p> 我们一步步走来,我们成长成了一个互帮互助奋、发向上的集体;一个博学务实、拼搏不殆的集体;一个自强自信的集体。这三年里,我们有欢笑,也有泪水;有成功,也有失败;有无悔,也有些许无奈。一年半的历练,我们多了一份淡定与从容,少了一份稚嫩与青涩:多了一份关爱,少了一份自私;多了一份坚强,少了一份懦弱。虽然我们的大学生涯还有许多未知的路要走,还有太多的不能承受需要我们去承受,但我们全体支部成员会以如既往的走下去,建设好我们的班级,承担我们的责任,追逐我们的梦想,寻找属于我们的天空!<br />
</p>
<p> “信心无畏,青春无悔”是我们的写照!</p>
<p> 我坚信,我们的未来一定会更美好!</p>
<p style="line-height:24px;"><br />
今天是:
<script src="Scripts/clock.js" language="javascript"></script>
</p>
</div>
</div>
</div>
</div>
<div class="left-bot-corner">
<div class="right-bot-corner">
<div class="border-bot"></div>
</div>
</div>
</div>
<!-- box end -->
<!-- box begin --><!-- box end -->
</div>
</div>
</div>
<!-- footer -->
<div id="footer">
<div class="container">
</div>
</div>
</body>
</html>
五、🎁更多源码
1.如果我的博客对你有帮助 请 “👍点赞” “✍️评论” “💙收藏”
一键三连哦!