网页大作业代码自取[通俗易懂]

网页大作业代码自取[通俗易懂]网页大作业(内有代码可免费自取) 为了便于大家自取,代码都写在一页上,本人还是建议大家通过外链样式来引入css,代码仅供学习,如有侵权联系删除。![主页效果展示](https://img-blog.csdnimg.cn/20210505002015238.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpb25nbGxpbmc=,size_1

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

网页大作业(内有代码可免费自取)

	为了便于大家自取,代码都写在一页上,本人还是建议大家通过外链样式来引入css,代码仅供学习,如有侵权联系删除。

在这里插入图片描述

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #container{ 

width: 1228px;
height: 500px;
margin: 0 auto;
}
#top{ 

width: 1222px;
height: 20px;
background-color: #e7e7e7;
}
#top-left{ 

width: 800px;
float: left;
}
#contact{ 

float: left;
}
#top-right{ 

width: 161px;
float: right;
}
#nav{ 

width: 1222px;
height: auto;
margin-top: 30px;
line-height: 20px;
}
#logo{ 

padding-left: 120px;
float: left;
}
#cnav{ 

padding-left: 60px;	
padding-top: 15px;
float: left;
line-height: 20px;
}
a{ 

text-decoration: none;
color: grey;
font-size: 16px;
}
a:hover{ 

color: black;
text-decoration:underline;
}
#show1{ 

padding-top: 15px;
}
</style> <style type="text/css"> #home{ 

width: 940px;
height: auto;
margin: 15px auto 0px;
}
#show2{ 

width: 940px;
height: 111px;
}
#show2 div{ 

width: 110px;
height: 110px;
float: left;
padding: 0 39px 20px;
}
#liubai{ 

padding-top: 30px;
}
#show3{ 

width: 940px;
height: 33px;
text-align: center;
background-color: black;
}
#show4{ 

width: 940px;
height: 230px;
}
#show4 div{ 

width: 172px;
height: 230px;
float:left;
padding: 0 7px 0px;
}
#maintext{ 

width: 940px;
height: auto;
text-align: center;
}
#ctext{ 

width: 940px;
height: auto;
text-align: center;
}
#button{ 

width: 1228px;
height: auto;
background-color: #e7e7e7;
margin: 0px auto;
text-align: center;
border-top: 1px solid black;
}
</style>
</head>
<body>
<div id="container">
<div id="top">
<div id="top-left">&nbsp;</div>
<div id="contact"><img src="./image/img/homepage_03.png"></div> <!--此处放联系方式图片图片大小261px x 20px-->
<div id="top-right"></div>
</div>
<div id="nav">
<div id="logo"><img src="./image/img/homepage_07.png"></div> 	<!--此处放logo图片图片大小195px x 41px-->
<div id="cnav">
<a href="./zhimei.html">主页 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
<a href="./aboutus.html">关于至美 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
<a href="./chenggong.html">成功案例 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
<a href="./news.html">新闻动态 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
<a href="./contant.html">在线咨询 &nbsp;&nbsp;&nbsp;&nbsp;|</a>&nbsp;&nbsp;
<a href="./contant.html">联系我们 &nbsp;&nbsp;&nbsp;&nbsp;</a>
</div>
</div>
<div id="show1"><img src="./image/img/homepage_10.png"></div>        <!--此处放主页图片图片图片大小1222px x 401px-->
</div>
<div id="home">
<div id="show2">
<div><a href="#"><img src="./image/img/homepage_13.png"></a></div>   <!--此处放网页内容的图片 图片大小108px x 110px-->
<div><a href="#"><img src="./image/img/homepage_15.png"></a></div>
<div><a href="#"><img src="./image/img/homepage_17.png"></a></div>
<div><a href="#"><img src="./image/img/homepage_19.png"></a></div>
<div><a href="#"><img src="./image/img/homepage_21.png"></a></div>
</div>
<div id="liubai"></div>
<div id="show3" style="color:red;font-size:30px" >EXHIBITION</div>
——————————————————————————案例 展示————————————————————————
<div id="liubai"></div>
<div id="show4">
<div><a href="#"><img src="./image/img/homepage_30_29.png"></a></div> 	<!--此处放网页内容的图片 图片大小172px x 230px-->
<div><a href="#"><img src="./image/img/homepage_30_31.png"></a></div>
<div><a href="#"><img src="./image/img/homepage_30_33.png"></a></div>
<div><a href="#"><img src="./image/img/homepage_30_35.png"></a></div>
<div><a href="#"><img src="./image/img/homepage_30_37.png"></a></div>
</div>
<div id="liubai"></div>
<div id="show3" style="font-size:30px" >
<span style="color:red">ABOUT</span>
<span style="color:white">US</span>
</div>
——————————————————————————关于 我们————————————————————————
<div id="liubai"></div>
<div id="maintext">
<p style="font-size:20px;">至美创意 因为<strong>专注</strong> 所以<strong>专业</strong></p>
<p>无论你是创业路上的文艺青年、店面商铺的老板、需要强化品牌的企业家、网店的店主</p>
<p>我们都能为您提供高端低价的设计、我们以最有效、最快速的方式为您提供最合适的方案</p>
</div>
<div id="show3" style="font-size:30px" >
<span style="color:red">SERVICE</span>
<span style="color:white">PROCESS</span>
</div>
——————————————————————————服务 流程————————————————————————
<div id="ctext">
<img src="./image/img/homepage_29.png">项目洽谈,根据需求报价  <!--图片尺寸22 x 22px-->
<img src="./image/img/homepage_40.png">
<img src="./image/img/homepage_31.png">预付定金,开始设计
<img src="./image/img/homepage_40.png">
<img src="./image/img/homepage_34.png">修改定稿完成设计
<img src="./image/img/homepage_40.png">
<img src="./image/img/homepage_37.png">签收付尾款
</div>
<div id="liubai"></div>
<div id="liubai"></div>
</div>
<div id="button" >
<a href="./zhimei.html" style="color:black">主页 |</a>
<a href="./aboutus.html" style="color:black">关于至美 |</a>
<a href="./chenggong.html" style="color:black">成功案例 |</a>
<a href="./contant.html" style="color:black">在线咨询 </a>
<br>
<p>copyright © 2004-2015 至美创意工作室</p>
<p>技术支持:初秋二一</p>
</div>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/190088.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • pycharm反撤销快捷键_pycharm配置python

    pycharm反撤销快捷键_pycharm配置pythonpycharm中回退快捷键Ctrl+z反撤销快捷键Ctrl+Shift+z

    2022年10月29日
  • MongoDB 使用场景_mongodb使用教程

    MongoDB 使用场景_mongodb使用教程开机指定数据库位置mongod–dbpathd:\data\db–dbpath选择数据库文档所在的文件夹根据网络参考知识,应使用:mongod –storageEnginemmapv1–dbpath d:\data\db1.用mongoVue直接打开连接即可2.用命令行另外开一个cmd输入mongo 连接数据库showd

  • FastCGI 介绍

    FastCGI 介绍本文主要介绍FastCGI的相关知识。首先简要看一下CGI(百科)CGI(通用网关接口)CGI是Web服务器运行时外部程序的规范, 按CGI编写的程序可以扩展服务器功能。CGI应用程序能与浏览器进行交互,还可通过数据库API与数据库服务器等外部数据源进行通信,从数据库服务器中获取数据。格式化为HTML文档后,发送给浏览器,也可以将从浏览器获得的数据放到数据库中。…

  • Django(39)使用redis配置缓存[通俗易懂]

    Django(39)使用redis配置缓存[通俗易懂]前言动态网站的基本权衡是,它们是动态的。每次用户请求页面时,Web服务器都会进行各种计算-从数据库查询到模板呈现再到业务逻辑-以创建站点访问者看到的页面。从处理开销的角度来看,这比标准的文件

  • 深圳易速马网络科技有限公司_动易网络

    深圳易速马网络科技有限公司_动易网络纵观现如今国内CMS程序,大有百花争艳的感觉,随着企业建站需求的复杂度和功能的不断扩展,传统的三五个人写一段代码即告网站建已经行不通,于是以内容管理为应用核心的CMS产品大行其道。  这些CMS系统大体上基于两套框架编写:PHP+MySQL和.NET+MSSQL。在PHP中比较有名的就有DeDeCMS、PHP168、帝国CMS、Supesite等,在.NET方面就有zoomla!CMS、

  • springboot zuul网关_ubuntu网关服务器搭建

    springboot zuul网关_ubuntu网关服务器搭建目录一.Zuul网关二.Zuul服务的前期准备2.1注册中心EurekaServer的搭建2.2EurekaService的搭建三.Zuul服务搭建五.Zuul的访问六.Zuul的更多功能前言:博主一直力求做到写博客尽量的详细来减少大家花在踩坑上的时间,若有写的不好或错误的地方,还需各方大佬指正。一.Zuul网关网关,是一种网络关口,既然是…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号