HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作）
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载!
【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog
2022-12-19 09:00:42
15KB
1
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，首页使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部区域背景色为100%宽度。都是给学生定制的都符合学校或者学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等元素的插入。
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作）
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载!
【查看更多源码地址】：https://blog.csdn.net/bigwhiteshark?type=blog
2022-12-19 08:48:15
10KB
1
“前端是专门做网页的，即前端网站的前端部分，运行在PC、移动等浏览器上，展示网页供用户浏览。前端网站是指网站的前端部分，包括网站的表示层和结构层，前端工作内容主要有两类，Web UI和Web App，UI主要用于制作展示页面，使用HTML构建页面框架结构，然后使用CSS调整内容的布局、字体、颜色等外观属性，App包含了UI的大部分工作，主要目标是让网页取代客户端。
2022-12-18 23:19:02
178KB
1
css标签，网页模板/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
.vertical-top{ vertical-align:top;}/* vertical align top */
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{ display:block;}/* vertical menu */
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/
body, html {
font-size: 100%;
height: 100%;
}
body {
font-family:Arial, Helvetica, sans-serif;
background:url(../images/bg2.jpg)no-repeat;
background-color:#FFF;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
background-position:100% center;
}
.wrap{
width:95%;
margin:0 auto;
}
/***** Header ****/
.header{
border-top:5px solid #111;
}
.logo{
text-align:center;
margin:10px 0;
}
.menu {
text-align:center
}
.menu li a{
font-size:0.8em;
padding:10px;
display:block;
color:#FFF;
text-transform: uppercase;
background-color:rgba(70, 70, 70, 0.47);
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
margin-bottom: 5px;
}
.menu li a:hover{
background:#222;
}
.bl-content{
background:rgba(0, 0, 0, 0.58);
}
.bl-main > section {
display:inline-block;
width:24%;
}
.bl-box {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
}
.bl-box h2 a{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
color:#FFF;
text-align: center;
margin: 0;
padding:15px 0;
width: 100%;
font-size:0.8em;
display: block;
text-transform: uppercase;
background-color:rgba(70, 70, 70, 0.45);
}
.bl-box h2:hover {
background:#222;
color:#FFF;
}
/* Custom content */
.works > ul {
list-style: none;
padding: 0;
margin: 0;
}
.works > ul li {
display: inline-block;
width:48.5%;
padding:0%;
}
.works > ul li a {
display: block;
padding: 0;
border:3px solid #FFF;
}
.works > ul li a img {
display: block;
max-width: 100%;
width:100%;
}
.works p{
font-size:0.8em;
color:#FFF;
line-height:1.6em;
padding:5px 0;
}
/* Panel Items */
div.bl-panel-items,
div.bl-panel-items > div {
width: 100%;
height: 100%;
}
div.bl-panel-items > div > div {
margin: 0 auto;
opacity: 1;
padding:0 10px;
}
div.bl-panel-items > div > div h3 {
font-size:1.2em;
color:#000;
margin: 0 0 5px 0;
}
div.bl-panel-items > div > div p {
font-size:0.8em;
color:#5A5A5C;
line-height:1.6em;
}
div.bl-panel-items > div > div img {
float:none;
margin:20px 0px 5px 0;
max-width: 100%;
}
div.bl-panel-items {
top: 100%;
z-index: 9999;
}
div.bl-panel-items > div {
background:rgba(252, 252, 252, 0.760784);
}
/**** About ***/
.bl-content h2 {
font-size:1.2em;
color:#FFF;
padding: 5px 0;
margin-top:20px;
text-transform:uppercase;
}
.about_img img{
padding:2px;
background:#FFF;
border:1px solid #DBDBDB;
margin:5px 0;
width:98%;
}
.about_data p{
font-size:0.9em;
color:#FFF;
line-height:1.6em;
padding:5px 0;
}
.content_bottom_right {
margin-top:80px;
padding-bottom:20px;
}
.posts{
padding:10px 0 20px;
border-bottom: 1px dashed #EEE;
}
.date{
float:left;
width:40px;
}
.posts figure{
font-weight:bold;
font-size:10px;
color: #FFF;
text-align:center;
border-right:1px solid #EEE;
padding:0 10px 2px 0;
}
.posts figure span{
font-size:3em;
line-height: 52px;
color:#F18D05;
display:block;
margin-bottom:-10px;
letter-spacing:-1px;
}
.post_desc{
float:left;
padding-left:4%;
width:77%;
}
.post_desc p{
color:#FFF;
font-size:0.9em;
line-height:1.6em;
}
/***** Blog*****/
.image {
clear: both;
padding: 0px;
margin: 0px;
padding:10px 0;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.grid {
display: block;
float:none;
margin: 0% 0 0% 0%;
}
.grid:first-child { margin-left: 0; }
.images_3_of_1 {
width:100%;
position:relative;
margin-bottom:10px;
}
.blog-leftgrids{
padding-top:10px;
}
.blog-desc{
width:100%;
}
.images_3_of_1 img {
max-width:100%;
display:block;
padding:2px;
background:#FFF;
border:1px solid #FFF;
width:98%;
}
.blog-desc h3{
padding-bottom:5px;
}
.blog-desc h3 a{
color:#FFF;
font-size:0.9em;
font-weight:bold;
}
.blog-desc p {
color:#FFF;
font-size:0.823em;
line-height:1.6em;
}
/*** Buttons ****/
.button {
float:right;
font-size:0.9em;
text-transform:uppercase;
margin-top: 15px;
display: inline-block;
font-weight: bold;
line-height: 18px;
padding:8px 10px;
background-color: #f18d05;
border-color: #bf7004;
color: white;
}
.button:hover {
background-color: #f18d05;
}
.button:active {
background: #d8891e;
color: #8d5303;
}
/*----artical-links---*/
.artical-links{
padding: 10px 0px;
border: 1px solid rgba(255, 255, 255, 0.19);
border-left: none;
margin-top: 5px;
border-right: none;
}
.artical-links ul li{
display:inline-block;
}
.artical-links ul li img{
vertical-align:middle;
padding-right:10px;
}
.artical-links ul li a{
font: 400 14px/22px Arial;
color:#F18D05;
padding-right: 20px;
}
.artical-links ul li a:hover{
color:#FFF;
}
/*** Page numbers ***/
.content-pagenation{
padding:35px 0;
}
.content-pagenation li {
display: inline-block;
}
.content-pagenation li a {
color:#F18D05;
font-size: 0.8em;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
background:#FFF;
padding:8px 10px;
}
.content-pagenation li a:hover{
background:#F18D05;
color:#FFF;
}
/* Contact Form ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
.group:before,
.group:after {
content:"";
display:table;
}
.group:after {
clear:both;
}
.group {
zoom:1;
}
.col{
display: block;
float:left;
margin: 2% 0 2% 0%;
}
.col:first-child{
margin-left:0;
}
.span_2_of_3 {
width:100%;
padding:0%;
}
.span_1_of_3 {
width:100%;
padding:0%;
margin-top:10px;
}
.span_2_of_3 h3,
.span_1_of_3 h3 {
color:#FFF;
font-size:1.5em;
margin-bottom:10px;
}
.contact-form{
position:relative;
padding-top:15px;
}
.contact-form div{
padding:5px 0;
}
.contact-form span{
display:block;
font-size:0.9em;
color:#F18D05;
padding-bottom:5px;
font-family :verdana, arial, helvetica, helve, sans-serif;
}
.contact-form input[type="text"],.contact-form textarea{
padding:6px;
display:block;
width:94%;
background: rgba(252, 252, 252, 0);
border:1px solid rgba(255, 255, 255, 0.38);
outline:none;
font-size:1.2em;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
-webkit-appearance:none;
}
.contact-form textarea{
resize:none;
height:120px;
}
.myButton {
text-transform:uppercase;
display: inline-block;
font-weight: bold;
line-height:18px;
border:none;
background: #465467;
color: #fff;
font-size:1em;
padding:8px 12px;
background-color: #f18d05;
border-color: #bf7004;
cursor:pointer;
}
.myButton:hover {
background-color: #f18d05;
}
.myButton:active {
background: #d8891e;
color: #8d5303;
}
.company_address p{
color:#FFF;
font-size:0.9em;
line-height:1.8em;
}
.company_address p span{
text-decoration:underline;
color:#EEE;
cursor:pointer;
}
.contact_info{
padding-top:30px;
}
.map{
border:1px solid #CCC;
margin-bottom:10px;
}
.copy_right{
padding:25px 0 10px 0;
text-align:center;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.copy_right p{
font-size:0.8123em;
color: #FFF;
line-height:1.8em;
}
.copy_right p a{
color: #FFF;
font-size:1em;
text-decoration:underline;
}
.copy_right p a:hover{
color:#FD9200;
text-decoration:none;
}
2022-12-18 22:45:27
14.54MB
1
HTML5期末考核大作业源码 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞
蹈、 动漫、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、游戏、 节日、 戒烟、 电影、 摄影、 文化、 家
乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载!
原生(HTML+CSS+JS),网页作品代码简单,可使用任意HTML编辑软件（如：`Dreamweaver、HBuilder、Vscode 、Sublime 、
Webstorm、Text 、Notepad++` 等任意html编辑软件进行运行及修改编辑等操作）
HTML静态网页设计作业，采用DIV+CSS布局，共有多个页面，使用CSS排版比较丰富，色彩鲜明有活力,顶部导航及底部
区域背景色为100%宽度。都是给学生定制的都符合学生考试期末作业的水平,有的有js，有的视频+音乐+flash的等
元素的插入。
【查看更多源码地址】：https://blog.csdn.net/VX_WJ88950106?type=blog
2022-12-18 22:17:05
13KB
1
1.要有自己的照片，至少一张（大小无要求）
2.网页中要有自己的学号和姓名（其他无要求）
3.设计越好看越好，功能越多越好
4.所有用到的素材需全部为自己拍摄的素材，
2022-12-18 22:06:14
24.6MB
1
内容概要：基于HTML和CSS实现个人介绍的页面，简洁大方。
适合人群：HTML初学者。
能学到什么：部分HTML基础和部分CSS基础知识，具有超链接跳转功能。
阅读建议：完成下载后更换文件中文本文字和本人照片即可使用。
2022-12-18 21:41:34
305KB
1
声明
本软件仅供学习交流，如作他用所承受的法律责任一概与作者无关（下载使用即代表你同意上述观点）
商品后台管理系统
django+mongodb+hui 实现的后台管理系统
运行环境：windows10 + pytcharm + anaconda3
实验前：需要在本地安装mongodb，并建立test数据库，以及在models.py创建相关表格
下载后将admin改名为myadmin, 并将static压缩文件解压到当前文件夹下
mongodb 命令行下基本操作
连接远程mongodb: mongo ip地址：端口号
查看数据库： show dbs;
使用数据库： use test;
查看数据表： show collections;
删除goods表中address字段: db.goods.update({},{$unset:{'address':''}},false, true)
mon
2022-12-18 11:32:38
8.18MB
1