0
点赞
收藏
分享

微信扫一扫

web设计网页规划与设计:企业电子网站设计——简单的电子产品公司官网模板(5页)HTML+CSS+JavaScript

M4Y 2022-02-16 阅读 77


HTML5期末大作业:动漫网站设计——简单的电子产品公司官网模板html(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码


常见网页设计作业题材有 ​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他​ 等网页设计题目, ​​A+水平作业​​, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!


作品介绍

​1.网页作品简介​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

​2.网页作品编辑​:作品下载后可使用任意HTML编辑软件(如:​​DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++​​ 等任意HTML软件编辑修改网页)。

​3.网页作品技术​:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。


文章目录


  • ​​HTML5期末大作业:动漫网站设计——简单的电子产品公司官网模板html(5页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码​​
  • ​​作品介绍​​
  • ​​一、作品展示​​
  • ​​二、文件目录​​
  • ​​三、代码实现​​
  • ​​四、学习资料​​
  • ​​五、完整源码​​
  • ​​六、更多源码​​


一、作品展示

二、文件目录

三、代码实现

<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="UTF-8" />
<title>hisense</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="css/reset.css" rel="stylesheet" />
<link href="css/main.css" rel="stylesheet" />
</head>
<body>
<div class="header">
<div class="wrap">
<div class="logo"><a href="index.html" title="hisense"><img src="images/logo.png"/></a></div>
<div class="nav">
<ul>
<li><a href="index.html" title="首页">首页</a></li>
<li><a href="gn.html" title="产品">产品</a></li>
<li><a href="sj.html" class="curr" title="知识">知识</a></li>
<li><a href="list.html" title="社区">社区</a></li>
<div class="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
<div class="local">
<div class="wrap">
 <a href="index.html" title="首页">首页</a><span>></span>社区
</div>
</div>
<div class="content">
<div class="h30"></div>
<div class="wrap">
<div class="left bor_ras">
<div class="lanmu">精品资讯</div>
<div class="con_pad">
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话,当初看发布会的时候,并不觉得T2怎么样,总觉得是T1的升级版。 但是当你亲自体验完以后,
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说,直接上图。相信你看完之后,也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话,当初看发布会的时候,并不觉得T2怎么样,总觉得是T1的升级版。 但是当你亲自体验完以后,
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说,直接上图。相信你看完之后,也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话,当初看发布会的时候,并不觉得T2怎么样,总觉得是T1的升级版。 但是当你亲自体验完以后,
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说,直接上图。相信你看完之后,也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
<div class="list_one">
<h2 class="name"><a href="detail.html">温润如玉 巧夺天工——致SmartisanT2</a></h2>
<div class="pic"><a href="detail.html"><img src="images/news_pic.jpg"/></a></div>
<div class="det">说句心里话,当初看发布会的时候,并不觉得T2怎么样,总觉得是T1的升级版。 但是当你亲自体验完以后,
你会发现“温润如玉”这四个字用在T2身上是再合适不过了。 废话不多说,直接上图。相信你看完之后,也
会跟我一样爱不释手。 <a href="detail.html" class="more">查看全文<span>></span></a></div>
</div>
</div>
<div class="h50"></div>
<div class="read_more"><a href="#">查看更多资讯<span>∨</span></a></div>
</div>
<div class="right">
<div class="right_fixed bor_ras">
<div class="lanmu">精品资讯</div>
<ul class="modular">
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<li><a href="#"><i><img src="images/icon.gif"/></i>Smartisan T1</a></li>
<div class="clear"></div>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="h30"></div>
<div class="h30"></div>
<div class="footer">
<div class="wrap">
<ul class="fot_map">
<li><a href="#">订单服务</a></li>
<li><a href="#">服务支持</a></li>
<li><a href="#">媒体中心</a></li>
<li><a href="#">关于公司</a></li>
<li><a href="#">关注我们</a></li>
<div class="clear"></div>
</ul>
<div class="fot_phe"><a href="#"><img src="images/fot_phe.gif"/></a></div>
<div class="clear"></div>
</div>
</div>
<!-- The Scripts -->
<script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>

</body>
</html>

四、学习资料

​web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)​

适合入门到高级的童鞋们入手~​​送1000套HTML+CSS+JavaScript模板网站​

web设计网页规划与设计:企业电子网站设计——简单的电子产品公司官网模板(5页)HTML+CSS+JavaScript_ico

五、完整源码


六、更多源码

​HTML5期末考核大作业源码​* 包含 ​个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他​ 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

web设计网页规划与设计:企业电子网站设计——简单的电子产品公司官网模板(5页)HTML+CSS+JavaScript_html_02

web设计网页规划与设计:企业电子网站设计——简单的电子产品公司官网模板(5页)HTML+CSS+JavaScript_html_03



举报

相关推荐

0 条评论