|
|
> ⛵ 源码获取 文末联系 ✈
Web前端开发技术 描述 网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 茶文化网站 | 中华传统文化题材 | 京剧文化水墨风书画 | 中国民间年画文化艺术网站 | 等网站的设计与制作| HTML期末大学生网页设计作业，Web大学生网页
- HTML：结构
- CSS：样式 在操作方面上运用了html5和css3， 采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
- JavaScript：做与用户的交互行为
@TOC
<hr/>前端学习路线
（1）html文件：其中index.html是首页、其他html为二级页面； （2）css文件：css全部页面样式,文字滚动, 图片放大等； （3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）
网页基本结构
(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个 (2)二级页面：从首页点击进入之后的页面叫做二级页面 (3)三级页面：从二级页面点击进入的页面
网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的 首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名 导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用. 网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。
<hr/>网页演示
HTML结构代码
<!DOCTYPE html>
<html lang=&#34;en&#34;>
<head>
<meta charset=&#34;UTF-8&#34; />
<meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=edge&#34; />
<meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0&#34; />
<link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;./css/style.css&#34; />
<title>美丽中国</title>
</head>
<body>
<!-- 头部 -->
<div class=&#34;header&#34;>
<img src=&#34;./images/img-1.jpg&#34;>
</div>
<div class=&#34;article&#34;>
<h1 align=&#34;center&#34; class=&#34;title&#34;>美丽中国</h1>
<h3>中国特色文化：</h3>
<div class=&#34;box&#34;>
<div>
<h5>中国书法</h5>
<p>
中国书法是一门古老的汉字的书写艺术，从甲骨文、石鼓文、金文（钟鼎文）演变而为大篆、小篆、隶书，至定型于东汉、魏、晋的草书、楷书、行书等，书法一直散发着艺术的魅力。汉字书法为汉族独创的表现艺术，被誉为：无言的诗，无行的舞；无图的画，无声的乐。汉字是中国书法中的重要因素，因为中国书法是在中国文化里产生、发展起来的，而汉字是中国文化的基本要素之一。以汉字为依托，是中国书法区别于其他种类书法的主要标志。
</p>
</div>
<div class=&#34;img&#34; style=&#34;width: 30%;height: 200px;margin-left: 1%;&#34;>
<img src=&#34;./images/img-2.jpg&#34;>
</div>
</div>
<div class=&#34;box&#34;>
<div>
<h5>木版水印</h5>
<p>
木版水印（古代彩色版画印刷术）水印字画是中国传统特有的版画印刷技艺。它集绘画、雕刻和印刷为一体，根据水墨渗透原理显示笔触墨韵，既可用以创作体现自身特点的艺术作品，也可逼真地复制各类中国字画。木版水印字画在我国具有悠久的历史。远在唐代，单色木版印刷已经具有相当水平。明末以十竹斋为代表的“饾版”、“拱花”等套色叠印，表明技术有了更大的进步。由于这项技艺始终基于手工进行，所以中国纯粹作为非物质文化遗产予以继承和发展。
</p>
</div>
<div class=&#34;img&#34; style=&#34;width: 40%;height: 400px;margin-left: 1%;&#34;>
<img src=&#34;./images/img-3.jpg&#34;>
</div>
</div>
<div class=&#34;box&#34;>
<div>
<h5>茶</h5>
<p>
茶，植物学名：Camellia sinensis (L.) O. Ktze.，灌木或小乔木，嫩枝无毛。叶革质，长圆形或椭圆形，先端钝或尖锐，基部楔形，上面发亮，下面无毛或初时有柔毛，边缘有锯齿，叶柄无毛。花白色，花柄有时稍长；萼片阔卵形至圆形，无毛，宿存；花瓣阔卵形，基部略连合，背面无毛，有时有短柔毛；子房密生白毛；花柱无毛。蒴果3球形或1-2球形，高1.1-1.5厘米，每球有种子1-2粒。花期10月至翌年2月。
</p>
<p>
野生种遍见于中国长江以南各省的山区，为小乔木状，叶片较大，常超过10厘米长，长期以来，经广泛栽培，毛被及叶型变化很大。茶叶可作饮品，含有多种有益成分，并有保健功效。
</p>
<p>
2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。
</p>
</div>
<div class=&#34;img&#34; style=&#34;width: 40%;height: 400px;margin-left: 1%;&#34;>
<img src=&#34;./images/img-4.jpg&#34;>
</div>
</div>
<h3>创新中国：</h3>
<h5>1、蛟龙号载人潜水器</h5>
<p>
蛟龙号载人潜水器是一艘由中国自行设计、自主集成研制的载人潜水器。2010年5月至7月，蛟龙号载人潜水器在中国南海中进行了多次下潜任务，最大下潜深度达到了7020米。2012年6月，在马里亚纳海沟创造了下潜7062米的中国载人深潜纪录，也是世界同类作业型潜水器最大下潜深度纪录。
</p>
<div class=&#34;img&#34; style=&#34;width: 50%;height: 300px;&#34;>
<img src=&#34;./images/img-5.jpg&#34;>
</div>
<h5>2、嫦娥四号登录月球背面</h5>
<p>
嫦娥四号，是中国探月工程二期发射的月球探测器，也是人类第一个着陆月球背面的探测器；实现了人类首次月球背面软着陆和巡视勘察，意义重大，影响深远 。
</p>
<div class=&#34;img&#34; style=&#34;width: 50%;height: 300px;&#34;>
<img src=&#34;./images/img-6.jpg&#34;>
</div>
<h5>3、九章量子计算机</h5>
<p>
“九章”是中国科学技术大学潘建伟团队与中科院上海微系统所、国家并行计算机工程技术研究中心合作，成功构建76个光子的量子计算原型机，求解数学算法高斯玻色取样只需200秒。2020年12月4日，中国科学技术大学宣布该校潘建伟等人成功构建76个光子的量子计算原型机“九章”。
</p>
<div class=&#34;img&#34; style=&#34;width: 50%;height: 300px;&#34;>
<img src=&#34;./images/img-7.jpg&#34;>
</div>
<h5>4、国产和谐号高速动车组</h5>
<p>
和谐号电力动车组是2004年中国引进德国、日本等国的高速动车组技术，在消化吸收再创新的基础上，生产的高速动车组系列的总称，是中国铁路全面实施自主创新战略取得的重大成果，标志着中国铁路客运装备的技术水平达到了世界先进水平。
</p>
<div class=&#34;img&#34; style=&#34;width: 50%;height: 300px;&#34;>
<img src=&#34;./images/img-8.jpg&#34;>
</div>
<h3>绿色中国：</h3>
<div class=&#34;box&#34;>
<div class=&#34;img&#34; style=&#34;width: 50%;height: 500px;margin-right: 1%;&#34;>
<img src=&#34;./images/img-9.jpg&#34;>
</div>
<div>
<p>
“中国绿”，源自先进的生态文明思想和绿色发展理念。中华民族向来尊重自然、热爱自然，中华文明孕育着丰富的生态文化。生态兴则文明兴，生态衰则文明衰。新时代中国大力推进生态文明建设，努力建设美丽中国，实现中华民族永续发展。在辽阔的中国大地上，“绿水青山就是金山银山”“像保护眼睛一样保护生态环境，像对待生命一样对待生态环境”等凝聚起广泛共识。如今，“绿色发展”“生态文明”等理念和词汇已被纳入联合国文件。
</p>
<p>
“中国绿”，源自集中力量办大事的制度优势。随着中国不断推进生态文明顶层设计和制度体系建设，自上而下的决心和智慧正不断拓宽绿色发展之路。研究数据显示，过去17年，中国新增绿色面积的42%来自植树造林，32%来自农业。美国芝加哥大学能源政策研究所去年发表报告指出，2013年至2017年短短4年间，中国治理空气污染取得的进步“不管从哪种标准说都相当卓越”，而美国完成同样的任务用了数十年。联合国官员更是盛赞中国生态环境改善的速度是“人类历史上最快的”。快的背后，是中国的绿色动员能力和执行能力。
</p>
</div>
</div>
<div class=&#34;box&#34;>
<div class=&#34;img&#34; style=&#34;width: 50%;height: 450px;margin-right: 1%;&#34;>
<img src=&#34;./images/img-10.jpg&#34;>
</div>
<div>
<p>
“中国绿”，源自深度参与全球环境治理的大国担当。同世界各国深入开展生态文明领域的交流合作，携手共建生态良好的地球美好家园，这是中国一以贯之的追求，也是构建人类命运共同体的应有之义。推动气候变化《巴黎协定》的达成、生效与实施，出资200亿元人民币设立气候变化南南合作基金，为太平洋岛国应对气候变化提供支持，建立“一带一路”绿色发展国际联盟，将绿色发展合作计划纳入中非“十大合作计划”“八大行动”。
</p>
<h5>建设成果</h5>
<p>
2019年2月，美国航天局在社交媒体发文：“世界比20年前更绿了！”美国航天局卫星在2000年至2017年间收集的数据显示，全球绿化面积增加了5%，相当于多出一个亚马孙热带雨林。其中，仅中国的植被增加量，就占到过去17年里全球植被总增量的25%以上，位居全球首位。
</p>
</div>
</div>
</div>
<div class=&#34;footer&#34;>
<marquee>Copyright © 2022 xxx All rights reserved.</marquee>
</div>
</body>
</html><hr/>学的反而越迷茫
有这种感觉很正常，因为你还没有真正去公司里面待过，也不清楚自己到底要学多少东西才能胜任公司里面给你分配的活。我从你的表述来看，你的基础应该还是很扎实的。跟着网上那种全套的视频教程学肯定没有问题。
当你以后真正进入公司，发现工作的难度和量大约只有你学习时期的大约20%，你可能就会发出一声叹息:原来工作也不过如此嘛。
这是很正常的，因为大部分公司是招你进去去干活的，写业务的，不是让你一个新人去研发公司架构的。都是现成的东西，你要做的就是在别人的教导下，手把手的指挥下去添砖加瓦。到时候你恐怕要惊呼:就这？
所以，放松心态吧，好好享受大学时光 —————————————————
<hr/>学习更多
关注我 | 点赞博文 | 每天带你涨知识
<hr/>
在这里插入图片描述 |
|
发表于 2023-4-9 19:39:03