⛵ 源码获取文末联系 ✈

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>
<html>
<head>
<meta charset="UTF-8">
<style>body{ background:url(picture/timg.jpg);margin:0 auto; width:1000px;}ul{ padding:0; margin:0}.img h4 {position: absolute;right:10%;bottom:10%;width:20px;color:#FFD9D9
}.img a {text-decoration:none}.head2 {background: #c6b7f2; line-height:70px}.head2 a {text-decoration:none; width:25%; float:left; text-align:center; color:#3d1d98}.img { position:relative; width:400px; margin:0.5cm auto;}.clear {clear:both}.content{ background:rgba(255,255,255,0.7); padding:30px}.end{ color:#fff; padding:30px 0;background: #c6b7f2; text-align:center; color:#000000}.bar{ border-bottom:#c6b7f2 solid 1px; padding:10px; margin-bottom:20px}
.imglist{ width:100%; margin:0 auto}
.imglist li{ float:left; width:25%; list-style:none; padding:0; text-align:center}</style>
<title>化妆品公司</title>
</head>
<body>
<div class="logo"><img src="picture/logo.png"></div>
<div class="head2"> <a href="">主页</a> <a href="gongsi.html">公司介绍</a> <a href="chanpin.html">产品展示</a> <a href="yuyue.html">预约体验</a><div class="clear"></div>
</div>
<div class="banner"><img src="picture/banner.jpg" width="100%"></div>
<div class="content"><div class="bar"><span>简介</span></div><div class="pad"> 化妆品科技先后获得全国质量和服务诚信承诺优秀示范企业、安徽省高新技术企业、安徽省创新型企业、安徽省名牌产品、标准化良好行为企业4A认证、合肥市区长质量提名奖、合肥市质量强区奖、合肥市劳动保障·诚信企业A级、纳税信用等级A级纳税人等荣誉称号。化妆品科技建有世界高端水平的研发体系与生产控制体系，分别在中国、日本、韩国、澳洲建立化妆品研发中心和生产基地，并建有中国化妆品行业第一家院士工作站，现已获得82项专利，其中发明专利25项、实用新型专利6项、外观设计专利51项。生产厂房严格按照GMPC标准设计和建造，拥有全自动化无菌车间、智能生产控制系统等。化妆品中国生产基地共有35条生产线，年生产能力达4亿支。标准的生产规范、前沿的生产设备、精准的生产工艺，保证每一瓶产品在安全性和有效性达到国际高端水平。</div><br><br><div class="bar"><span>产品</span></div><div class="imglist"><ul><li> <a href="info.html"><p><img src="picture/3.jpg" width="200" height="140"></p><h4>护肤品</h4></a> </li><li> <a href="info.html"><p><img src="picture/1.jpg" width="200" height="140"></p><h4>洗面奶</h4></a> </li><li> <a href="info.html"><p><img src="picture/2.jpg" width="200" height="140"></p><h4>洗发水</h4></a> </li><li> <a href="info.html"><p><img src="picture/4.jpg" width="200" height="140"></p><h4>精油</h4></a> </li></ul><div class="clear"></div></div>
</div>
<div class="end">版权所有@</div>
</body>
</html>

学的反而越迷茫

有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。

当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。

这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？

所以，放松心态吧，好好享受大学时光
—————————————————

学习更多

关注我 | 点赞博文 | 每天带你涨知识

使用html+css实现一个静态页面（化妆品公司 5页_含源码）相关推荐

html期末作业代码网页设计——化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:化妆品电商网站设计--化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司 ...
HTML5期末大作业：化妆品电商网站设计——化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:化妆品电商网站设计--化妆品电商网站(4页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司 ...
DIV布局艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页使用html+css实现一个静态页面（含源码）
HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个 ...
HTML5期末大作业：艺术品商城网站设计——艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页使用html+css实现一个静态页面（含源码）
HTML5期末大作业:艺术品商城网站设计--艺购艺术品商城网页(1页) HTML+CSS+JavaScript 学生DW网页使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个 ...
HTML+CSS静态页面网页设计作业——洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:洪江市旅游网站设计--洪江市旅游网(7页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司. ...
FF03HTML+CSS静态页面网页设计作业——餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:餐饮美食网站设计--餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司 ...
HTML+CSS静态页面网页设计作业——餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:餐饮美食网站设计--餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司 ...
HTML5期末大作业：餐饮美食网站设计——餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面（含源码）
HTML5期末大作业:餐饮美食网站设计--餐饮美食-武昌鱼(8页) HTML+CSS+JavaScript 使用html+css实现一个静态页面(含源码) 常见网页设计作业题材有个人. 美食. 公司 ...
HTML网页设计制作大作业(div+css) ~中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化)
HTML网页设计制作大作业(div+css) ~ 中华美德6页面带音乐 ~ 学生网页设计作业源码(中华文化) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从 ...

使用html+css实现一个静态页面（化妆品公司 5页_含源码）