⛵ 源码获取 文末联系 ✈
Web前端开发技术
描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 公司官网网站 | 企业官网 | 酒店官网 | 等网站的设计与制 | HTML期末大学生网页设计作业，Web大学生网页
-
HTML：结构
-
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识 -
JavaScript：做与用户的交互行为
文章目录
- 前端学习路线
- 网页基本结构
- 网页演示
- HTML结构代码
- 学的反而越迷茫
- 学习更多
前端学习路线
（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构
(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是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 rel="stylesheet" type="text/css" href="http://www.ylcp.shop/files/files/1653282793073/font_1627610_j2xpye3m28/iconfont.css">
<link rel="stylesheet" type="text/css" href="css/public.css">
<link rel="stylesheet" type="text/css" href="css/indexstyle.css">
</head>
<body>
<!--头部-->
<header>
<a href=""><span class="iconfont iconcolor_1 icon-zhuye"></span><span class="shouye">设为首页</span></a>
<a href=""><span class="iconfont iconcolor_1 icon-xingzhuang60kaobei2"></span><span class="shouye">收藏我们</span></a>
</header>
<!--头部 end-->
<!--导航-->
<nav>
<div class="logo f_left"><img src="picture/logo.jpg"></div>
<ul class="menu f_left">
<li><a href=""><strong>首页</strong></a></li>
<li><a href="">公司简介</a>
<ul class="sub_menu">
<li><a href="">公司详情</a></li>
<li><a href="">公司人员</a></li>
</ul>
</li>
<li><a href="">供应产品</a>
<ul class="sub_menu">
<li><a href="">楼承板</a></li>
<li><a href="">压型板</a></li>
<li><a href="">螺纹钢</a></li>
</ul>
</li>
<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="f_clear"></div>
</ul>
<div class="search f_left">
<div class="f_clear"></div> <!--在每次浮动后面增加一个空的div来清除浮动，让整个网页回到标准流-->
<input name="" type="text" placeholder="search here">
<a class="search_botton iconfont iconcolor_2 icon-searchadvance"></a>
</div>
<div class="f_clear"></div> <!--因为search_botton也用了浮动-->
</nav>
<!--导航 end-->
<!--banner-->
<div class="fullSlide">
<div class="bd">
<ul>
<li _src="url(picture/banner_1.jpg)"><a href="#"></a></li>
<li _src="url(picture/banner_2.jpg)"><a href="#"></a></li>
<li _src="url(picture/banner_3.jpg)"><a href="#"></a></li>
</ul>
</div>
<div class="hd"><ul></ul></div>
<span class="prev"></span>
<span class="next"></span>
</div>
<!--banner end-->
<!--内容-->
<main>
<!--公司简介-->
<div class="about_us">
<h2><img src="picture/about_us.png"></h2>
<img src="picture/about_us_1.jpg">
<p><span class="about_us_tittle">重庆盈洪金属科技有限</span>公司专业加工、制作钢结构厂房围护系统，公司注册资金1000万元，地处重庆长寿工业园区，占地10000平方米，是一家集钢结构建筑围护系统研发设计、加工制造、物流配送于一体的专业化公司,公司致力于低碳、环保、节能产品的研发与推广,倡导绿色建筑.</p>
<h4>公司理念</h4>
<p>公司秉承诚信、创新、服务、共赢的经营理念,携手客户,陪伴员工,在合作、共赢的未来征途中,立志成为共享绿色建筑,开启低碳生活的倡导者和践行者。 </p>
<img src="picture/about_us_2.jpg">
</div>
<!--公司简介 end-->
<!--公司动态-->
<div class="news_company">
<h2></h2>
<div class="company_dynamic f_left">
<h3></h3>
<ul>
<li><a href="">>>力诚建材大川店、龙溪店、美每家店三店联动夏季促销</a><span>2013-12-15</span></li>
<li><a href="">>>力诚韵木整装白色象牙系列低至1198元/樘起</a><span>2013-12-15</span></li>
<li><a href="">>>即日起，市民至上述三店内交纳100元订金，就可享受此...</a><span>2013-12-15</span></li>
<li><a href="">>>参与此次活动的商品价格将低于淘宝网均价10%-45%</a><span>2013-12-15</span></li>
<li><a class="more" href="">了解更多>></a></li>
</ul>
</div>
<div class="news_center f_left">
<h3></h3>
<ul>
<li class="num_1"><a href="">资本挥师济南助力山东半岛地产1月份融资</a></li>
<li class="num_2"><a href="">规模超预期货币政策将维持</a></li>
<li class="num_3"><a href="">中国吸引资本流入底气不减抄底资产还是谋求转</a></li>
<li class="num_4"><a href="">房企纷纷进军老友相聚老歌传情资本邀投资人</a></li>
<li><a class="more" href="">了解更多>></a></li>
</ul>
</div>
</div>
<!--公司动态 end-->
<!--产品展示-->
<div class="product_show">
<h2></h2>
<h3 class="product_show_h3_1"><a href="">more>></a></h3>
<ul>
<li><a href=""><img src="picture/g_1.png"></a></li>
<li><a href=""><img src="picture/g_2.png"></a></li>
<li><a href=""><img src="picture/g_3.png"></a></li>
<li><a href=""><img src="picture/g_4.png"></a></li>
</ul>
<h3 class="product_show_h3_2"><a href="">more>></a></h3>
<div class="supply_product">
<figure><img src="picture/prod_1.png"><p>楼承板-678板</p></figure>
<figure><img src="picture/prod_2.png"><p>楼承板-760</p></figure>
<figure><img src="picture/prod_3.png"><p>楼承板-915</p></figure>
</div>
</div>
<!--产品展示 end-->
<!--合作伙伴-->
<div class="partner">
<h2></h2>
<ul>
<li class="ad_1"><img src="picture/bbbb_13.png"><p>合作伙伴合作伙伴合
作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴
</p><a>更多详情</a></li>
<li class="ad_2"><img src="picture/bbbb_16.png"><p>合作伙伴合作伙伴合
作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴
</p><a>更多详情</a></li>
<li class="ad_3"><img src="picture/bbbb_19.png"><p>合作伙伴合作伙伴合
作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴合作伙伴
</p><a>更多详情</a></li>
</ul>
</div>
<!--合作伙伴 end-->
<!--联系我们-->
<div class="contact">
<h2></h2>
<div class="contact_bg">
<ul>
<li class="map"><img src="picture/map.png"></li>
<li class="company">
<p class="company_name">重庆盈洪金属科技有限公司</p>
<p class="company_info">
公司地址：重庆市长寿区晏家工业园区<br>
齐心大道19号<br>
电话号码：023-85320325、85320228<br>
公司邮箱：794184941@qq.com<br>
公司网址：www.cqkozo.com</p>
</li>
<li class="code"><img src="picture/code.png"></li>
</ul>
</div>
</div>
<!--联系我们 end-->
<!--友情连接-->
<div class="link">
<h3><a href="">more>></a></h3>
<p class="link_name">赣榆信息网 郑州装饰网 相框线条批发 桐庐装修
安康装修 网盘锦吧 装修网 张家界装修公司 合肥装修网
深圳装修公司 罗湖装修公司 南沙装修网 咸宁家装网</p>
</div>
<!--友情连接 end-->
</main>
<!--内容 end-->
<!--版权-->
<footer class="copyright">
<img src="picture/information.png">
<p class="text">© 2014 重庆盈洪金属科技有限公司版权所有 渝ICP备：88888888号 技术支持：柯众网络</p>
</footer>
<!--版权 end-->
</body>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/superslide.2.1.js"></script>
<script type="text/javascript" src="js/banner_fullslide.js"></script>
</html>
学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光
—————————————————
学习更多
关注我 | 点赞博文 | 每天带你涨知识
![[附源码]计算机毕业设计JAVA化妆品销售管理系统](https://img-blog.csdnimg.cn/d3aca09f22f744038386d988e6b03844.png)
![[UE][UE5]像素流送，像素流去掉黑边和按钮](https://img-blog.csdnimg.cn/029ff5d4d7694f34abcd49631d5e298a.png)
