整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
龙/布面油画/120x160cm/2022
跃动/布面油画/120x160cm/2021
盗石者/布面油画/100x100cm/2021
少年的甲胄/布面油画/80x100cm/2017
自从2017年创作了这幅《少年的甲胄》作品后，对追寻中国人"精神与信仰"这个虚幻概念的表达一直觉得意犹未尽，现在做了一些延续。
在明代东林书院门前的那副对联写着："风声雨声读书声，声声入耳，家事国事天下事，事事关心"。对联里让年轻学子们在修好自身的同时，还需敞开心胸去容纳与关注不断变化的外界事物，流露出对莘莘学子修身齐家治国平天下的期许。家国情怀是根植于民族血液与性格中的骄傲与自信自强的集体潜意识。也许这就是龙的精神与信仰，是我们中华文明虽历经磨难却又绵延五千年而不断的精神内核吧！
像山一样奔跑/布面油画/140x180cm/2019
想到疫情刚来的那段时间，对于一直在工作室中创作的我而言，除了画画，更关心的就是手机里不断更新的关于疫情的新闻讯息了。在全民恐慌还在家里避疫时，难得的每天陪着媳妇做菜研究她的美食，心疼儿子从早到晚上网课的辛苦，也习惯戴着口罩出门时去面对无处不在的测温仪，可以安静的享受一家人的团聚时间。说实在话，咱中国人这些年都淹没在商品时代的花花世界里，许多人整天都在忙着挣钱，还真是难得有闲下来的时间。每晚在阳台抽烟的时候，看着周围每栋楼的灯火通明状，真的感慨万千啊！一场突如其来的灾难，让忙碌的人们突然又回归到了生命与家庭的本身了。如今病毒带来的恐慌早已席卷了全球。人类在看不见摸不着的死亡瘟疫面前变得脆弱与无助。难得是我们国内的疫情控制的很好，虽然跳出了旋涡，但看见全球其他地方的生命凋逝与混乱不堪之状，既感同身受又倍感幸运，还实实在在的体会了人类命运共同体的说法。想想那些在前线上已经牺牲的医护人员，包括警察还有平凡岗位中的公职人员们，那些不幸染疫而逝去的生命，我们绝大多数人都是幸运的。记得手机视频里疯传的火神山与雷神山如堆积木般的呈现出来，那些忙中有序的挖掘机，那些四面八方支援的医疗战士们，那些忙碌的工人、医生、快递员、保安等等，平凡的岗位突然都成了我们赖以依存的守护者。第一次真真切切的感受到个人和国家的命运是如此紧密地联系在一起，对生的渴望形成了一种合力，就像山一样坚强。
王的狂欢/布面油画/100x180cm/2020
大帝之巡/布面油画/100x200cm/2020
这幅画前两年构思的，我起的名字叫《大帝之巡》。灵感是那两年恰好有些关于乾隆帝的龙袍和盔甲在国外拍卖的新闻，那都是当年被八国联军从圆明园里掳去的，想想他老人家那么自傲，要是在天有灵，肯定会气疯掉的吧！哎，他的自大与傲慢，以天朝自居的心态不仅加速了这个腐朽帝国的衰败，也给这个民族带来了无尽的灾难。而对我们个人，又何尝不是如此呢，若是沉迷于自我满足和安于享乐，没有了开拓精神与危机意识都是危险的……
远山/布面油画/100x100cm/2020
记得回山里老家过年时，隔壁五叔给我看他的抖音小视频，内容发的都是平时在山里的生活与工作的琐碎事，没想到他的粉丝居然有好几千人。看着他聊起和粉丝互动时幸福的表情，我也感慨万千。信息时代早已拉平了地域，无论是你在遥远的山里还是在繁华的都市，每个人都有属于自己的幸福。
长不大的孩子/布面油画/100x100cm/2019
对平凡的个人而言，自己家庭物质基础的相对充裕，父母妻儿身体的健康与平安，孩子的学业上进才是最重要的。而这一切又都是建立在繁荣与安定的强大国家来做保障的，否则这些愿望只能如同镜中花、水中月般虚无缥缈。在如今自媒体如影随形的时代，每天来自外界的讯息铺天盖地，天下事早已不再闭塞。尤其是新冠疫情到来后所深刻影响的世界里，在东西方文化的融合与博弈中，普通人对家国也似乎有了更深的体会。相比于浮躁与不安的世界，似乎不用再轻贱自卑，可以自信地平视曾经灿烂如花的彼岸之国。民族的自强与骄傲也在不知不觉中感染着每一个人。
角力/布面油画/100x100cm/2019
鸟语/布面油画/100x100cm/2018
自古以来，人们用十字架把稻草伪装成人的样子，立在田间地头，就可以唬唬那些来觅食的鸟儿和野兽。平时也许没有人会在乎他们，经历着风吹雨打和烈日暴晒，日复一日，又年复一年，没有人会在乎他们的命运。然而就是稻草人这样平凡的存在与坚守，无奈的牺牲着，也恰恰塑造了内心的孤独与坚毅。我特别欣赏它的这种精神。
以兽为伍/布面油画/100x100cm/2019
想想这两年，在我身边有好友因疫情对生意造成重挫的，也有发小因严重的交通事故而搅乱生活的。让我感慨的是他们在承受挫折之后并没有自暴自弃或者怨天尤人，依旧精神抖擞，自强而上进。而这些年，国内各个领域与行业的进步，不也都是在历经坎坷之后又涅槃重生的么。平凡的中国人正如同长出龙脊的少年，默默耕耘并奋斗着，不断用身心去感受更广阔的人生与世界。
游梦者/布面油画/160x160cm/2016.12（私人收藏）
游离的记忆/布面油画/150x180cm/2016.7
在汉高祖刘邦的传说中，当年他斩白蛇起义，最终由平民的身份扫平天下，从而变身为赤帝之子。虽然只是美好的故事而已，但无论是过去的历史还是当下的现实，无不在重演着同样的故事。这个世界并不在乎你的起点，在意你的是不服输的意志，斩杀掉心中纠缠的白蟒，总有一天你会赢得一片属于自己的天空。这种开拓精神在不知不觉中早已渗透到我们民族的血液里了。
平凡的人背负着龙的图腾，汇成了一种精神力量，让这个民族有复兴的理想和以天下为己任的志气。
在这个不确定的世界里，消费至上的商业时代中，呼吸着浮躁与焦虑的空气的我，也想通过画笔，在自己精神世界里来诠释中国人的平凡与伟大。
白山?白马/布面油画/70x140cm/2019
艺术家江新林工作室创作近照
江新林
1979年生于安徽滁州
2001年毕业于安徽大学艺术学院油画专业
安徽省美术家协会会员
2012年中国少年儿童文化艺术基金会百名爱心艺术家
2016获第三届亚洲青年艺术家提名
2016年录制播出【艺术百家?视频】当代青年油画家--江新林--江苏广播电视总台教育频道（腾讯视频地址链接https://v.qq.com/x/page/e03115wc3ky.html）2014-2020年南京凤凰山艺术园驻园艺术家。
现创作生活于合肥
艺术展览：
2022年《混沌的曙光》《记忆的碎片》黄盒子美术开放展 青岛黄盒子美术馆
2018年《山人日记》北京青年美术双年展 北京中华世纪坛美术馆
2018年《爷爷的草垛》第二届亚洲美术双年展 香港中央图书馆
2018年《孤单的爱情》和《在你身边》“无微不至”作品大展 北京上上国际美术馆
2017年《少年的甲胄》北京夏季当代艺术展 北京恩来美术馆
2017年《坠》“独立精神”当代艺术展 北京恩来美术馆
2016年《伤害》《荆棘路》“多维度?第一回”当代艺术邀请展 南京先锋当代艺术中心
2016年《夜光》《醉梦》新骑士当代艺术邀请展 上海M50雅巢空间
2016年《被阉割的幸福》2016新当代艺术家联展 芜湖美术馆
2015年《梦的自白》2015-2016年度第三届亚洲青年艺术家提名展 北京 今日美术馆
2015年《醉梦》系列艺术南昌国际博览会 南昌 国际展览中心
2015年《我要去哪里》系列和《笼》系列“和声——不异而同”南京国际美术展暨凤凰山艺术园签约艺术家作品巡回展 （上海虹桥当代艺术馆、长沙美庐美术馆、南京凤凰山艺术园美术馆）
2015年《游》和《醉》新世纪的文化之源艺术巡回展 北京上上国际美术馆
2015年《爷爷的草垛》第五届安徽省美术大展优秀作品展 合肥中国徽文化艺术馆
2014年《伴》“2014首届安徽省粉画作品展优秀作品苏州特展” 苏州杭鸣时粉画艺术馆
2014年《爷爷的草垛》安徽省第五届美术大展水彩作品展（优秀奖） 铜陵美术馆
2013年《涩》第三届《意境?中国》国画、油画艺术家作品展（优秀奖） 北京中国艺术研究院书法院展览馆
2012年《冬之痕》《静谧的山村》《寂》第二届《意境?中国》国画、油画艺术家作品展 北京中国艺术研究院书法院展览馆
2012年《第一次合影》 安徽省第四届美术大展 合肥亚明艺术馆
2011年油画作品《童年日记》 上海青年美术大展 上海明园艺术中心
2010年《猎户日记》上海世博会中国美术作品展 江苏无锡博院
2010年《冬寂》 中国青年油画写实大展 北京时代美术馆
2009年《梦狼》 安徽省第三届美术大展 合肥亚明艺术馆
编辑出版：
《素描头像临摹范本》——（安徽美术出版社）
《江新林素描头像教学范本》——（安徽美术出版社）
《江新林人物速写教学范本》——（安徽美术出版社）
《江新林素描头像教学》——（安徽美术出版社）
油画作品《童年日记》 上海刘海粟美术馆收藏
油画作品《孤单的爱情》 北京上上国际美术馆收藏
油画作品《守望》 北京中国少年儿童文化艺术基金会收藏
油画作品《梦的旅途》等 南京利源集团收藏
油画作品《故乡系列》等 南京百家湖国际文化投资集团收藏
作品拍卖：油画作品《醉梦3》参加中拍国际2015秋季艺术品拍卖会（成交）
篇目录
本篇目录
什么是HTML
HTML的作用
HTML发展史
IETF简介
W3C简介
网页的固定格式
html标签
head标签
title标签
body标签
head内部标签
meta标签
HTML标签
HTML标签分类
HTML标签关系分类
DTD文档声明
HTML和XHTML、HTML5区别
htm 和 .html扩展名区别
什么是HTML
HTML其实是HyperText Markup Language的缩写, 超文本标记语言
HTML的作用
1.首先利用记事本保存了一个标题和两段描述, 然后修改纯文本文件的扩展名为.html, 然后再利用浏览器打开
2.打开之后发现显示的格式不对, 不对的原因是因为在纯文本文件中所有文字都是同级别的, 浏览器不知道哪些文字代表什么意思. 也就是浏览器不知道哪些文字是标题, 哪些文字是段落…., 所以导致了显示的格式不正确
正是因为如此, 所以HTML应用而生. HTML就只有一个作用, 它是专门用来描述文本的语义的. 也就是说我们可以利用HTML来告诉浏览器哪些是标题, 哪些是段落.
这些用于描述其它文本语义的文本, 我们称之为标签. 并且这些用于描述文本语义的标签将来在浏览器中是不会被显示出来的
所以正是因为HTML的这些标签是专门用来描述其它文本语义的, 并且在浏览器中不会被显示出来, 所以我们称这些文本为"超文本", 而这些文本又叫做标签, 所以HTML被称之为"超文本标记语言"
注意事项:
虽然我们利用H1标签描述一段文本之后, 这段文本在浏览器中显示出来会被放大和加粗, 看上去我们是利用HTML的标签修改了被描述的那段文本的样式. 但是一定要记住, HTML只有一个作用, 它是专门用来给文本添加语义的, 而不是用来修改文本的样式的
H1标签它的作用是什么?
错误: H1标签可以用来修改文字的大小, 并且还可以将文字加粗
正确: H1标签的作用是用来告诉浏览器, 哪些文字是标题. 也就是H1标签是专门用于给指定的文字添加标题语义的
HTML发展史
IETF简介
IETF是英文Internet Engineering Task Force的缩写, 翻译过来就是”互联网工程任务组”
IETF负责定义并管理因特网技术的所有方面。包括用于数据传输的IP协议、让域名与IP地址匹配的域名系统（DNS）、用于发送邮件的简单邮件传输协议（SMTP）等
W3C简介
W3C是英文World Wide Web Consortium的缩写， 翻译过来就是W3C理事会或万维网联盟, W3C是全球互联网最具权威的技术标准化组织.
W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee
W3C负责web方面标准的制定，像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。
Tim Berners-Lee（蒂姆·伯纳斯-李），万维网之父、html设计者、w3c创始人
百度百科
网页的固定格式
1.编写网页和写信一样都有一套规范和要求, 这套规范和要求中规定了写信的固定格式
2.写信基本结构
3.编写网页的步骤:
3.1.新建一个文本文档
3.2.利用记事本打开
3.3.编写THML代码
3.4.保存并且修改纯文本文档的扩展名为.html
3.5.利用浏览器打开编写好的文件
4.网页基本结构:
5.通过观察我们发现, HTML基本结构中所有的标签都是成对出现的, 这些成对出现的标签中有一个带/有一个不带/, 那么这些不带/的标签我们称之为开始标签, 这些带/的我们称之为结束标签html标签
作用:
用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
注意点:
其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
作用:
指定网站的标题 / 指定网站的小图片
添加网站的SEO相关的信息(指定网站的关键字/指定网站的描述信息)
外挂一些外部的css/js文件
添加一些浏览器适配相关的内容
用于给网站添加一些配置信息
例如:
注意点:
一般情况下, 写在head标签内部的内容都不会显示给用户查看, 也就是说一般情况下写在head标签内部的内容我们都看不到
title标签
作用:
专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
注意点:
title标签必须写在head标签里面
body标签
作用:
专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
注意点:
虽然说有时候你可能将内容写到了别的地方在网页中也能看到, 但是千万不要这么干, 一定要将需要显示的内容写在body中
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
head内部标签
meta标签
1.为什么会有乱码现象?
因为我们在编写网页的时候没有指定字符集
2.如何解决乱码现象?
在head标签中添加<meta charset="GBK" />, 指定字符集
3.什么是字符集
字符集就是字符的集合, 也就是很多字符堆在一起. 其实字符集很像我们古代的”活字印刷术”, 在活字印刷术中就是将很多刻有汉字的小章放到一个盒子中, 然后需要印刷文字的时候再去盒子中取这个小章出来用, 正是因为如此, 所以导致了乱码问题
假设北方人和南方人都拥有装满小章的盒子, 但是南方人和北方人在盒子中存储小章的顺序不太一样, 那么这个时候如果北方人和南方人都需要去取”李”字, 在南方人记忆中李字在第6个盒子的第6行的第6列中(666), 在北方人的记忆中李字在第8个盒子的第8行的第8列中(888). 那么此时如果让一个南方人去北方人的盒子中取”李”字的小章, 必然找不到,, 所以就导致了乱码问题
这个地方北方人的存储小章的盒子和南方人存储小章的盒子就对应网页中指定的字符集, 在网页中我们常见的字符集有两个GBK/UTF-8, GBK就对应北方人存储的盒子, UTF-8就对应南方人存储的盒子
所以在网页中指定字符集的意义就在于告诉浏览器我用的是哪个盒子, 你应该如何去查找才能找到对应的正确的内容
4.GBK(GB2312)和UTF-8区别
提交比较大
体积比较小
GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文
UTF-8里面存储的世界上所有的文字
5.那么在企业开发中我们应该使用GBK(GB2312)还是UTF-8呢?
如果你的网站仅仅包含中文, 那么推荐使用GB2312, 因为它的体积更小, 访问速度更快
如果你的网站除了中文以外, 还包含了一些其它国家的语言 , 那么推荐使用UTF-8
懒人推荐: 不管三七二十一, 一律写UTF-8即可
6.注意点:
在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码
所以仅仅指定字符集不一定能解决乱码问题, 还需要保存文件的时候, 文件的保存格式必须和指定的字符集一致才能保证没有乱码问题
HTML标签
HTML标签分类
单标签
只有开始标签没有结束标签, 也就是由一个<>组成的
双标签
有开始标签和结束标签, 也就是由一个<>和一个</>组成的
HTML标签关系分类
并列关系(兄弟/平级)
嵌套关系(父子/上下级)
DTD文档声明
什么是DTD文档声明?
由于HTML有很多个版本的规范, 每个版本的规范之间又有一定的差异. 所以为了让浏览器能够正确的编译/解析/渲染我们的网页, 我们需要在HTML文件的第一行告诉浏览器, 我们当前这个网页是用哪一个版本的HTML规范来编写的. 浏览器只要知道了我们是用哪一个版本的规范来编写之后, 它就能够正确的编译/解析/渲染我们的网页
DTD文档声明格式:
注意事项:
不写也能运行
H5网页里面用H4也能运行
<!DOCTYPE>声明必须是 HTML 文档的第一行，位于 <html> 标签之前
<!DOCTYPE> 声明不是 HTML 标签
<!DOCTYPE> 声明没有结束标签
<!DOCTYPE> 声明对大小写不敏感
这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
HTML5之前有2大种规范, 每种规范中又有3小种规范
| 大规范 | 小规范 |
|---|---|
| HTML | Strict (严格的) |
| HTML | Transitional(过度的,普通的,宽松的) |
| HTML | Frameset(带有框架的页面) |
| XHTML | Strict (严格的) |
| XHTML | Transitional(过度的,普通的,宽松的) |
| XHTML | Frameset(带有框架的页面) |
HTML的DTD文档声明和XHTML的DTD文档声明有何区别?
XHTML本身规定比如标签必须小写、必须严格闭合、必须使用引号引起属性等等, 而HTML会更加松散没有这么严格
Strict表示严格的, 这种模式里面的要求更为严格.这种严格主要体现在有一些标签不能使用
例如font标签/u标签等
font标签可以修改一个文本的字号、颜色、字体,但这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而font标签是用于修改样式的,所以在Strict中是不能使用font标签
u标签可以给一个文本加上下划线,但这和HTML的本质有冲突,因为HTML只能负责语义,不能负责样式,而u标签是用于添加下划线是样式.所以在Strict中是不能使用u标签
Transitional表示普通的, 这种模式是没有一些别的要求
例如可以使用font标签、u标签等
但是在企业开发中不会使用这些标签,因为这违背了HTML的本质, 而是将这些标签作为css的钩子使用
Frameset表示框架, 在框架的页面使用
后面学到框架/NodeJS 再做详细了解
常见的DOCTYPE有如下几种
有这么多规范我们学习过程中到底使用哪一种比较合适呢?
www.baidu.com (B)
www.taobao.com (A)
www.qq.com (T)
www.sohu.com(大奇葩)
无论是HTML还是XHTML,过去企业级开发中用的比较多的大部分都是Transitional类型的文档声明
但是HTML5的时代已经到来,以上6中规范仅仅作为了解, 以后都用HTML5类型的文档声明, HTML5向下兼容(求此刻WC3心里阴影面积)
目前国内一线网站都更新到了HTML5的文档声明, 所以后续授课也是全程使用HTML5的文档声明
HTML和XHTML、HTML5区别
在HTML的早期发展中，大部分标准都是所谓的retro-spec，即先有实现后有标准。在这种情况下，HTML标准不是很规范，浏览器也对HTML页面中的错误相当宽容。这反过来又导致了HTML开发者写出了大量含有错误的HTML页面
html语言本身有一些缺陷（例如： 内容和形式不能分离；标签单一；数据不能复用等等），随着xml的兴起人们希望xml来弥补html的不足，但是目前有成千上万的网页都是用html编写的，所以完全使用xml来替代html还为时过早，于是W3C在2000年推出了xhtml1.0， 建立xhtml的目的就是实现从html向xml的过度
为了规范HTML，W3C结合XML制定了XHTML 1.0标准，这个标准没有增加任何新的标签，只是按照XML的要求来规范HTML，并定义了一个新的MIME type application/xhtml+xml。W3C的初衷是要求浏览器对这个MIME type实行强错误检查，如果页面有HTML错误，就要显示错误信息。但是由于已有的web页面中已经有了大量的错误，很多开发者拒绝使用新的MIME type。W3C不得已，在XHTML 1.0的标准之后增加了一个附录C，允许开发者使用XHTML语法来写页面，同时使用旧的MIME type，application/html，来分发页面
W3C随后在XHTML 1.1中取消了附录C，即使用XHTML 1.1标准的页面必须用新的MIME type来分发。于是这个标准并没有很多人采用
有了XHTML的教训，W3C在制定下一代HTML标准时（HTML5），就将向后兼容作为了一个很重要的原则。HTML5确实引入了许多新的特性，但是它最重要的一个特性是，不会break已有的网页。你可以将任何已有的网页的第一行改成<!DOCTYPE html>，它就成也一个HTML5页面，并且可以照样在浏览器里正常的展示。
简而言之
HTML语法非常宽松容错性强;
XHTML更为严格,它要求标签必须小写、必须严格闭合、标签中的属性必须使用引号引起等等;
HTML5是HTML的下一个版本所以除了非常宽松容错性强以外,还增加许多新的特性
.htm 和 .html扩展名区别
DOS操作系统（win95或win98）下只能支持长度为3的后缀名，所以是htm
但在windows后缀长度可以大于3位，所以windows下无所谓htm与html，html是为长文件的格式命名的
所以htm是为了兼容过去的DOS命名格式存在的
关于课程的疑问和讨论，可以登录http://bbs.520it.com/forum.php?mod=viewthread&tid=2423。
.行内元素/块级元素 非替换元素/替换元素
2.img的title和alt属性 （title是全局属性）
3.meta标签
4.DOCTYPE标签 (标准模式、兼容模式)
5.script标签的defer和async
6.WC3盒模型和怪异和模型 (box-sizing)
7.水平垂直居中的方法
8.BFC (BFC是什么、触发条件、特性及作用)
9.清除浮动的方法
10.position属性
11.CSS隐藏元素的方式 (display:none和visibility:hidden的区别)
12.Flex布局
13.双栏布局 三栏布局
14.重排和重绘
15.CSS选择器 (类型、优先级有那些)
16.CSS动画 (关键帧动画animation属性、过渡动画transition属性)
17.CSS实现三角形
18.CSS Sprites
19.px rem em
20.伪类/伪元素
*请认真填写需求信息，我们会在24小时内与您取得联系。
