HTML静态网页成品作业(HTML+CSS)——安徽宣笔设计制作(5个页面)

🎉不定期分享源码,关注不丢失哦

文章目录

  • 一、作品介绍
  • 二、作品演示
  • 三、代码目录
  • 四、网站代码
    • HTML部分代码
  • 五、源码获取


一、作品介绍

🏷️本套采用HTML+CSS,未使用Javacsript代码,共有6个页面
🏷️想要获取本文源码,点击前往吧

二、作品演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

三、代码目录

在这里插入图片描述

四、网站代码

HTML部分代码


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>安徽宣笔</title>
		<link rel="stylesheet" href="./css/style.css">
	</head>
	<body>
		<div id="wrapper">
			<div id="header-wrapper">
				<div id="header" class="base">
					<div class="logo">
						<img src="./img/logo.png" alt="">
					</div>
					
					<div class="nav">
						<div class="nav-link check">
							<a href="index.html">首页</a>
						</div>
						<div class="nav-link">
							<a href="fazhan.html">宣笔发展</a>
						</div>
						<div class="nav-link">
							<a href="zhizuo.html">宣笔制作</a>
						</div>
						<div class="nav-link">
							<a href="fenlei.html">宣笔分类</a>
						</div>
						<div class="nav-link">
							<a href="xianzhuang.html">发展现状</a>
						</div>
						<div class="nav-link">
							<a href="denglu.html">前往登录</a>
						</div>
					</div>
				</div>
			</div>
			
			
			<div id="index-img-wrapper">
				<div id="index-img">
					<img src="./img/index-img.jpeg" alt="">
				</div>
			</div>
			
			<div id="index-jieshao-wrapper" class="p30">
				<div id="index-jieshao" class="base">
					<h2 class="h2-title">
						<span class="title-left"></span>
						<span class="title-text">宣笔简介</span>
						<span class="title-right"></span>
					</h2>
					<div class="jieshao-content">
						<p>
							宣笔为安徽省泾县文房四宝之一,因产于安徽宣州(今宣城)而得名。又名“徽笔”。据韩愈《毛颖传》记载公元前二三年,秦将军蒙恬南下时途经中山(安徽省泾县一带山区)发现这里兔肥毫长,便以竹为管,在原始的竹笔基础上制成改良毛笔。盛行于唐、宋,诸葛氏、吕道人、汪伯立等,均一代制笔名手。元代以后湖笔渐兴,宣笔渐衰,但亦不乏高手,如徽州詹斗山、詹素文、胡竹溪、张天宝、曹索功、胡开文等人,也颇负盛名。
						<img class="jianjie1" src="./img/jianjie1.jpg" alt="">
						</p>
						<p>
							近年来宣笔制造业发扬传统工艺,多方求教于书画名家,继承创新,现在宣笔的品种已多达三百多种,选料严格,工艺考究,精益求精。有名家设计的“鹤颈”“古法胎毫”、“莲蓬斗笔”、“北尾合毛”,都达到了尖、圆、齐、健的四法要求。它不仅畅销国内各省、市,还远销日本、东南亚、欧、美各国。
						</p>
						</p>
						<p>
							宣笔的产地泾县青戈江上游的花林,是个青山叠嶂、碧水如带、翠竹璧合、幽逸秀丽的地方。泾县产笔,历史久远。相传古代自有书契以来,我国便开始有笔,不过早期的毛笔很简易,也不叫笔。战国时期楚称笔为聿,吴称不律,燕称弗,到了秦代始称为笔。据记载,公元前二二三年,泰将蒙恬南伐楚国,路过中山(即现在宣城、泾县一带),得 到毛纯质佳的兔毫,遂制造出第一批改良的秦笔。后人因称豪恬为笔工之祖师,那么,这种以中山之毫所制的亲笔,应该说就是今天宣笔的祖先了。
						</p>
						<p>
							<img class="jianjie3" src="./img/jianjie3.jpeg" alt="">
							宣笔一向以选料严格、精工细作著称,具有装模雅致,毛纯耐用,刚柔得中,尖圆齐健兼全的独特风格。唐、宋时代,宣城兔毫(又称紫毫)笔极受书画名获的仰慕和追求。唐代诗人白居易曾写下脍炙人口的《紫毫笔诗》:“江商石上有老兔,吃刘饮泉生紫毫,宣城工人采为笔,千万毛中拣一毫。”又云:“每岁宣城进笔时,紫毫之价如金贵。”诗人耿伟在亲试宣笔后,欣然写 了《咏宣州笔》,盛赞道:“落纸惊风起,摇空邑露浓,舟奇与纪事,舍此复何从!”唐律把宣笔列为“贡品”,作了“岁贡青毫六两,紫毫二两”的规定。到了宋代,笔工巧匠辈出,制笔技术又前进了一步,笔杆的雕镂艺术也达到了精美绝伦的地步。当时全国制笔业中,以宣城诸葛高、诸葛渐、诸葛元等名声最重。梅圣俞诗赞:“笔工诸葛高,海内称第一。”著名文学家苏东坡 应试时用宣州笔,经“终试不败”,遂“以为珍玩”,平生书字每得诸葛笔则宛转可意,自谓除宣城外,不仅岭南无笔,就连“都下”亦无称心之笔。大书法家黄庭坚在接受反人赠笔之后,拍案叫绝,喜书《谢送宣城笔》。可见,宣笔当时在全国的声誉 与地位,确实为其它笔种所不及。
						</p>
						<p>
							但至元代,由于蒙古贵族对工艺美术的严重摧残,宣笔的显赫地位,逐渐为浙江善琏镇(善连古属湖州府治理)产的湖笔所取代。在城笔工多沦为奴隶,一部分流散到徽州依附制墨业谋生,一部分远走浙江、江苏等地。到了二十世纪初,科举制度废除, 引进了自来水笔,全国所有制笔业都濒于技绝人亡的境地,更不用说宣笔了。 解放后,在人民政府的支持下,成立了泾县宣笔厂,多方聘请笔工老艺人,使宣笔重新复苏,终于又回到了全国名牌的地位。
						</p>
						<p>
							
							<img src="./img/jianjie2.jpeg" alt="" class="jianjie2">
							现在,宣笔的品种已扩大到二百多种,年产量达五十万余支。根据选用原料的不同,大致可分紫毫、狼毫、獾毫、羊毫等几大 类。过去还用貂毫、鼠须、鸡毛、人须、胎发等原料制笔。一支高级宣笔,选毫尤为精严,制作程序也十分繁杂,非一人一手或 一朝一夕可就。从选毫到成笔,还须经过水盆、装套、修笔,检验、装球等五个车间十几道工序。一支上品宣笔至少要修整二次, 并用放大镜检查,足见空笔制作之精湛和笔工艺人之辛苦。 粉碎了“四人帮”,安徽制笔业也迎来了它的黄金时代。目前,我省除泾县宣笔厂外,尚有六安一品斋、临泉谭棚笔厂等, 均各呈其秀,发展喜人。其中,泾县宣笔厂精制的“石獾”,“宣州紫毫”、“纯紫尖毫”、“ 黄山烟雾”、“脱颖狼毫”、“乌 溪清泉”等各种硬毫笔,以及特选山羊毛峰颖制的“长颈鹿”、“鹤颈”、“笋锋”等长锋羊毫笔,都受到国内外书画家的赞 誉。当代著名书法家林散之非常欣赏“长颈鹿”笔,题诗称颂道;“人人都殡湖州笔,岂料泾城笔亦住’秋水入他花入座,斜笺小 草兴无加,新制几支初试手,尖圆齐健足堪夸,谁谓令人不如古,蒙恬自是后生氛”如今,泾县宣笔厂制的高级书画笔,除供应北京荣宝斋、上海朵云轩等书画店和二十多个省市外,每年还有大宗出口。远销日本及东南亚各地。
						</p>
					</div>
				</div>
			</div>
			<div id="footer-wrapper">
				<div id="footer" class="base">
					<h2>非遗传承——安徽宣笔</h2>
					<div>
						江南石上有老兔,吃竹饮泉生紫毫。宣城之人采为笔,千万毛中选一毫。
					</div>
				</div>
			</div>
		</div>
	</body>
</html>

五、源码获取

🥇 ~ 关注我,点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧,你的「点赞,好评,收藏」是我创作的动力。
💙2.想要获取本文源码,点击前往吧

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/444034.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

Linux系统——web服务拓展练习

目录 一、实验环境搭建 1. Centos 7-5——Client 2. Centos 7-1——网关服务器 3. Centos 7-2——Web1 4. Centos 7-3——Web2 5. Centos 7-4——Nginx 二、在Nginx服务器上搭建LNMP服务&#xff0c;并且能够对外提供Discuz论坛服务&#xff1b;在Web1、Web2服务器上搭建…

springboot255基于spring boot的疫情信息管理系统

疫情信息管理系统的设计与实现 摘要 近年来&#xff0c;信息化管理行业的不断兴起&#xff0c;使得人们的日常生活越来越离不开计算机和互联网技术。首先&#xff0c;根据收集到的用户需求分析&#xff0c;对设计系统有一个初步的认识与了解&#xff0c;确定疫情信息管理系统…

Unity Shader实现UI流光效果

效果&#xff1a; shader Shader "UI/Unlit/Flowlight" {Properties{[PerRendererData] _MainTex("Sprite Texture", 2D) "white" {}_Color("Tint", Color) (1, 1, 1, 1)[MaterialToggle] PixelSnap("Pixel snap", float…

【数据分享】2000-2022年全国1km分辨率的逐日PM10栅格数据

空气质量数据是在我们日常研究中经常使用的数据&#xff01;之前我们给大家分享了2000-2022年全国范围逐日的PM2.5栅格数据和2013-2022年全国范围逐日SO2栅格数据&#xff08;可查看之前的文章获悉详情&#xff09;。 本次我们给大家带来的是2000-2022年全国范围的逐日的PM10栅…

吴恩达deeplearning.ai:倾斜数据集的误差指标精确率、召回率

以下内容有任何不理解可以翻看我之前的博客哦&#xff1a;吴恩达deeplearning.ai专栏 文章目录 倾斜数据集的误差指标罕见病预测精确率和召回率 精确率和召回率的权衡精确率和召回率的矛盾关系 F1算法 倾斜数据集的误差指标 在神经网络中&#xff0c;如果你的数据集中正例和负…

giffgaff怎么充值?giffgaff怎么续费?

-性价比高&#xff1a;0月租&#xff0c;免费接收短信&#xff0c;充值一次&#xff0c;接码可以用20年以上&#xff08;仅需半年保号一次&#xff09;&#xff0c;可能是国内性价比最高的接码实体卡&#xff01;-安全&#xff1a;实体卡无须担心因号码被风控&#xff0c;还可以…

C语言:通讯录

目录 前言 1、通讯录框架&#xff0c;基本介绍 2、程序实现&#xff0c;步骤解释 2.1. 建立菜单 2.2. 主函数框架 2.3 前期工作 2.4 初始化通讯录函数&#xff1a;void InitContact(Contact* pc); 2.5 添加信息操作&#xff1a;void AddContact(Contact* pc); 2.6 显示…

Sublime Text 格式化Json文件 之 Pretty Json

需要使用到 Pretty Json插件。 一、安装方法 sublime 下&#xff0c;按快捷键 Comand control p&#xff0c; 输入install Package,然后回车 等几秒钟&#xff0c;加载启动进程完毕后弹出的页面中输入pretty json, 然后回车 等待几秒钟&#xff0c;可以查看Sublime 最下面的…

nginx配置支持ipv6访问,ipv4改造ipv6

一、前言 本地测试nginx部署的web系统支持ipv6地址访问。 二、本机ipv6地址 cmd ipconfig 找到IPv6地址 其中带有%号其实是临时分配得到地址 我们可以ping一下看看 另一种ping的方式 加上中括号 还有就是去掉%号 三、nginx增加配置 server块里增加 listen [::]:80; 四、测…

【SQL】指定日期的产品价格(IFNULL函数)

题目描述 leetcode题目&#xff1a;指定日期的产品价格 思路 找出所有的产品的指定的日期的价格&#xff1b;若找不到某个产品的更改日期&#xff0c;则将该产品价格设置为10。 关键点&#xff1a; if没有16号的&#xff0c;怎么找到前一个日期的&#xff1f;> 日期小…

【数字人】12、DINet | 使用形变+修复模块实现高清 talking head 生成(AAAI2023)

文章目录 一、背景二、方法2.1 deformation part2.2 inpainting part2.3 Loss 函数 三、效果3.1 数据集3.2 实现细节3.3 可视化效果 论文&#xff1a;DINet: Deformation Inpainting Network for Realistic Face Visually Dubbing on High Resolution Video 代码&#xff1a;h…

Yolov8-pose关键点检测:原创自研涨点系列篇 | 空间上下文感知模块(SCAM)结合超轻量高效动态上采样DySample

💡💡💡本文独家改进:YOLOV8-pose head创新,1)一种超轻量高效动态上采样DySample, 具有更少的参数、FLOPs,效果秒杀CAFFE和YOLOv8网络中的nn.Upsample;2)加入空间上下文感知模块(SCAM)进一步提升检测精度; 改进结构图如下: Yolov8-Pose关键点检测专栏介绍:ht…

回溯算法09-子集II(Java/子集问题的去重方法)

9.子集II 题目描述 给你一个整数数组 nums &#xff0c;其中可能包含重复元素&#xff0c;请你返回该数组所有可能的子集&#xff08;幂集&#xff09;。 解集 不能 包含重复的子集。返回的解集中&#xff0c;子集可以按 任意顺序 排列。 示例 1&#xff1a; 输入&#xf…

VMware虚拟机安装Ubuntu kylin22.04系统教程(附截图详细步骤)

一、版本信息 虚拟机产品&#xff1a;VMware Workstation 17 Pro 虚拟机版本&#xff1a;17.0.0 build-20800274 ISO映像文件&#xff1a;ubuntukylin-22.04-pro-amd64.iso 二、安装步骤 打开虚拟机&#xff0c;点击创建新的虚拟机&#xff1a; 选择自定义&#xff1a; 硬…

2024年新手视频剪辑软件推荐-6款视频剪辑软件测评

视频剪辑软件推荐 premiere premiere 直达地址:各大软件网站 说到底,还是得专业的来,虽然很多人觉得他是收费的,但是你懂的,想要免费总是会有办法的.别的不说,剪辑这块,我还是很认可这个软件,虽然我现在还是刚入门. 剪映 剪映 抖音官方推出的一款手机视频编辑剪辑应用,提供切割…

Full GC的认识、预防和定位

(/≧▽≦)/~┴┴ 嗨~我叫小奥 ✨✨✨ &#x1f440;&#x1f440;&#x1f440; 个人博客&#xff1a;小奥的博客 &#x1f44d;&#x1f44d;&#x1f44d;&#xff1a;个人CSDN ⭐️⭐️⭐️&#xff1a;传送门 &#x1f379; 本人24应届生一枚&#xff0c;技术和水平有限&am…

ChatGPT 串接到 Discord - 团队协作好助理

ChatGPT 串接到 Discord - 团队协作好助理 ChatGPT 是由 OpenAI 开发的一个强大的语言模型&#xff0c;本篇文章教你如何串接 Discord Bot &#xff0c;协助团队在工作上更加高效并促进沟通与协作。使 ChatGPT 发挥出最大的功效&#xff0c;进一步提升工作效率和团队协作能力。…

【已解决】无法删除自己上传在CSDN的资源怎么办?(2024亲测可用)

文章目录 1. 前情提要2. 实测过程3. 解决方案 1. 前情提要 我在 CSDN 上发布了一个免费资源&#xff0c;近几天却有粉丝反馈这个免费资源现在要开 VIP 才能下载&#xff0c;于是我想删除这个资源重新上传&#xff0c;但系统提示我没有权限&#xff0c;被下载过的资源无法删除&…

pytest测试框架使用基础06 fixture——parametrize

pytest.mark.parametrize 允许在测试函数或类中定义多组参数和 fixtures。 参数化场景&#xff1a; 只有测试数据和预期结果不一样&#xff0c;但操作步骤是一样的测试用例是可以用上参数化的。 创建test_cases02.py文件 示例一&#xff1a;未参数化 1.脚本代码&#xff1a; #…

Visual Studio 2022缺少项目模板的一种解决办法

检查设置 发现vs2022项目模板缺少&#xff0c;先打开vs2022&#xff0c;看看位置是否正确 缺少项目模板时处理 我在升级到&#xff1a;17.9.2时&#xff0c;在新建项目时&#xff0c;发现C#缺少“Windows窗体应用&#xff08;.Net Framework)”&#xff0c;我装了个vs201…