技术标签: web期末大作业 网站建设 学生网页作业 网页设计与制作 html网页模版
精彩专栏推荐 文末获取联系
️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
作者主页: 【主页——获取更多优质源码】
web前端期末大作业: 【毕设项目精品实战案例 (1000套) 】
程序员有趣的告白方式:【HTML七夕情人节表白网页制作 (110套) 】
超炫酷的Echarts大屏可视化源码:【 Echarts大屏展示大数据平台可视化(150套) 】
HTML+CSS+JS实例代码: 【️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新中…】
免费且实用的WEB前端学习指南: 【web前端零基础到高级学习视频教程 120G干货分享】
关于作者: 历任研发工程师,技术组长,教学总监;曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰,难凉热血;多年过去,历经变迁,物是人非。 然而,对于技术的探索和追求从未停歇。 坚持原创,热衷分享,初心未改,继往开来!
校园网页设计 、学校班级网页制作、学校官网、小说书籍、等网站的设计与制作。
️HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共有多个页面,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度
一套优质的网页设计应该包含 (具体可根据个人要求而定)
网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。
网站程序方面:计划采用最新的网页编程语言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代码)。
<!--
* @Author: your name
* @Date: 2022-02-16 22:58:33
* @LastEditTime: 2022-02-16 22:58:54
* @LastEditors: your name
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \03 北京黎红学院 网页成品4页面\index.html
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>北京培黎职业学院</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="head">
<div class="head_in">
<h1> </h1><div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="gaikuang.html">学院概况</a></li>
<li><a href="jigou.html">院系专业</a></li>
<li><a href="#.html">教育教学</a></li>
<li><a href="#.html">科学研究</a></li>
<li><a href="#.html">学生工作</a></li>
<li><a href="#.html">党的教育</a></li>
</ul>
</div>
</div>
</div>
<div class="main">
<div class="main_nav">
<ul>
<li><a href="zhanshi.html"><img src="images/q1.jpg" width="284" /></a></li>
<li><a href="jigou.html"><img src="images/q2.jpg" /></a></li>
<li><a href="zhanshi.html"><img src="images/q3.jpg" /></a></li>
</ul>
<div class="clear"> </div>
</div>
<div class="main_con">
<div class="main_news">
<div class="fl p10"><a href="#.html"><img src="images/index.jpg" width="350" /></a></div>
<ul>
<li><a href="#.html"> 2016-03-17•</a><a href="#" target="_blank">学院完成了适应社会需求能力评估自评工作</a><a href="#.html"> </a></li>
<li><a href="#">2016-03-20•北京培黎职业学院总务处招聘食堂管理员1名</a></li>
<li><a href="#">2016-04-18• 北京培黎职业学院网络工程建设项目招标公告</a></li>
<li><a href="#">2016-05-18•建艺学院承办"辽宁省动漫产业高峰论坛" </a></li>
<li><a href="#">2016-03-18•辽宁科技大学第七届田径运动会报名情况汇总 </a></li>
<li><a href="#.html">2016-07-18•</a><a href="#" target="_blank">暑假维修改造工程招标公告</a></li>
</ul>
</div>
</div>
</div>
<div class="clear"> </div>
<div class="foot">
<div class="foot_in">
<p>xxxx</p>
</div>
</div>
</body>
</html>
@charset "utf-8";
body{
background:#fff;}
.head{
width:100%; height:200px; margin:auto; background: url(../images/head_bj.png) top repeat-x #5d644a;}
.head_in{
width:930px; height:200px; margin:auto; background: url(../images/head.png) top repeat-x #5d644a;}
.head h1{
font-size:56px; line-height:158px; color:#900; text-align:center;}
.nav{
width:930px; height:40px; border:1px solid #646a52; margin:auto; background:#4c4d3d; }
.nav ul{
margin:auto;}
.nav li{
height:30PX; float:left; padding:5px 20px;}
.nav li a{
font-size:24px; color:#ccc; line-height:30px;}
.nav li a:hover{
color:#362f2d;}
.nav li:hover{
background:#fff}
.nav li:hover a{
color:#362f2d;}
.center{
text-align:center}
.main{
width:100%; height:auto; min-height:500px; margin:auto;}
.main_nav{
width:940px; height:auto; margin:10px auto;}
.main_nav li{
float:left; margin:10px; }
.main_con{
width:100%; height:auto; min-height:300px; margin:auto;padding-top:20px; background:#006699;}
.main_ad{
width:920px; height:260px; margin:auto; }
.main_news{
width:900px; height:auto; margin:auto; margin-top:10px; padding-bottom:20px;}
.main_news h2{
font-size:26px; line-height:38px; color:#fff;}
.main_news p{
font-size:14px; line-height:22px; color:#fff;}
.main_news ul{
padding-left:20px; }
.main_news li{
padding-left:20px;}
.main_news li a{
font-size:18px; line-height:32px; color:#fff; }
.main_news li a:hover{
font-size:18px; line-height:32px; color:#ffd9b4; }
.main_des{
width:900px; height:auto; margin:auto; padding-bottom:50px; }
.main_des h1{
font-size:28px; line-height:68px; color:#362f2d; text-align:center;}
.main_des p{
font-size:16px; line-height:28px; color:#333; text-indent:2em;}
.main_zhanshi{
width:920px; height:auto; margin:auto;}
.main_zhanshi li{
float:left; margin:10px;}
.main_zhanshi img{
width:280px; height:200px;}
.foot{
width:100%; height:90px; background:#600; margin:auto;text-align:center;}
.foot_in{
width:960px; height:90px; padding-top:15px;margin:auto;text-align:center;}
.foot_in p{
font-size:16px; line-height:26px; color:#fff; }
*{
margin:0; padding:0; font-family:黑体; }
.clear{
clear:both;}
.fl{
float:left;}
.fr{
float:right;}
img{
border:none;}
a{
text-decoration:none;}
a:hover{
text-decoration:none;}
li{
list-style-type:none;}
.p10{
padding:10px;}
.main .main_con .main_news h2 a {
color: #FFF;
}
第一、带着目标去学习,无论看书报课还是各种线下活动。
首先要明确自己的学习目标是什么,是想解决什么问题,实现怎样的目标。
第二、学习要建立个人知识体系
知识是学不完的,书籍是浩如烟海的。我们尽情徜徉其中的时候,千万不要被海水淹死,没有自我了。在学习过程中,我们会发现每一个知识点都是有她的边界和背景的,我们要善于归纳整理知识
第三、学到了就要用到
有时,我们一天下来感觉学到了很多干货,那么我们一定要将这些知识点和实际工作和生活联系起来。知识和实践相互联系靠拢。爱学习是一件好事,但只有会学习的人,才有价值。
1.如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “️评论” “收藏”
一键三连哦!
2.【关注我| 获取更多源码 | 优质文章】
带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者,一起探讨 前端 Node 知识,互相学习」!
3.
文章浏览阅读988次。一、概念1.风险的两个属性:概率和影响2.风险管理是通过识别,分析和应对风险来提高正面机会的概率,降低负面机会的概率。3.风险敞口:未加保护的风险4.单个项目风险和整体项目风险5.变异性风险:项目所依赖的关键条件或制约因素出现异常改变,就会导致变异性风险。黑天鹅事件6.模糊性风险:未彻底确定的风险7.整合式风险管理二、规划风险管理1.风险分类已知风险和未知风险内部风险和外部风险商业保险和可保险风险未知风险又分已知-未知风险和未知-未知风险商业风险是指正常的经营,技_变异性风险
文章浏览阅读383次。系统:windows7旗舰版 64位。oracle数据库服务器版本:oracle11g。oracle数据库客户端版本:64位 Version 12.2.0.1.0。PL/SQL版本:【Version 12.0.7.1837(64 bit)】。一、下载: 1、官网下载: 官网下载速度慢,不推荐,官网网址【https://www.allroundautoma..._数据库设计与plsql开发和优化
文章浏览阅读1.1k次,点赞5次,收藏20次。根据Github Trendings的统计,今日(2024-04-06统计)共有10个项目上榜。_rust著名的开源项目
文章浏览阅读3.4k次,点赞2次,收藏45次。typora-root-url: img6_树莓派机载计算机通过串口指令控制无人机自主飞行教程电赛飞行器赛题的前世今生飞行器赛题至出现以来。从大体趋势上来看参赛学生的主流飞控路线主要经历了以下四个发展阶段:APM/Pixhawk开源飞控作为飞控板直接控制无人机飞行,赞助商MCU作为导航板处理部分视觉数据、测距数据后,单片机模拟出遥控信号给控制板间接控制无人机赞助商MCU作为唯一的飞控板,赞助商的MCU需要处理姿态检测、飞行控制等核心部分,视觉处理部分可以采用成品模块鼓励使用赞助商M._如何利用树莓派攻击无人机
文章浏览阅读3k次。Flink web界面访问_flink客户端 无法访问
文章浏览阅读741次。(通讯员 王孟晞 薛科)线上教学是疫情期间的特殊需要,更是我们进行信息化、智能化教学建设的需要。即使没有这次疫情,计科院也在着手进行“人工智能+教育”,“互联网+教育”等信息化线上教学的改革、创新与实践。三周来,经过西电全体师生的共同努力,线上教学工作日趋完美。通过对万波老师的采访,我们深深感受到万波老师诲人不倦、精益求精、勇于担当、甘于奉献的优秀品质,接下让我们一起了解万波老师在疫情下的工作常态..._西电xdoj
文章浏览阅读1.2k次,点赞28次,收藏30次。为啥网络安全缺口这么大,还是这么缺网络安全工程师?
文章浏览阅读46次。小明来对这个字符串进行操作,他会从头到尾检查这个字符串,如果发现有两个相同的字母并排在一起,就会把这两个字符都删掉。给定一个长度为n的字符串s,字符串由小写字母a…输出最后处理完成的字符串,有可能是空串。接下来一行一个长度为n的字符串s。你需要给出处理完成的字符串。直到没有相邻的相同字母。_c语言入栈存字符
文章浏览阅读779次,点赞22次,收藏14次。开普勒算法优化多头注意力机制的卷积神经网络结合长短记忆神经网络温度预测完整的代码,方可运行;可提供运行操作视频!适合小白!_cnn lstm进行温度预测
文章浏览阅读2.6k次,点赞2次,收藏28次。原文链接:https://blog.csdn.net/weixin_40519315/article/details/104408388 UNet论文: 地址UNet源代码: 地址&nbs..._u-net backbone是什么
文章浏览阅读2.2k次。什么是DB、DBS和DBMS,以及当前主流的DBMS都有哪些,以及它们的类型(重点介绍了几个最流行的RDBMS),另外还介绍了NoSQL的概念_dbms
文章浏览阅读4w次,点赞28次,收藏178次。本篇博客将平时对arcgis属性表的相关操作记录下来,防止忘记。此外,在技术摸索中参考了一些gis大牛的博客和技术分享,我在博客结尾也粘贴了他们的博客地址在此表示感谢。案例一:arcgis属性表某个字段自动编号。例如:从1开始往后自动编号。将下图中数据类型为文本型的typeid字段进行自动编号,数据记录从1开始往后递增。在该字段上右键,进入字段计算器,勾选“Python”;在“..._arcgis编号从1递增