2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 使用html+css实现一个静态页面(化妆品公司 5页_含源码)

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

时间:2022-11-15 02:52:04

相关推荐

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

源码获取 文末联系

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%,你可能就会发出一声叹息:原来工作也不过如此嘛。

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

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

—————————————————

学习更多

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。