整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
龍/布面油畫/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小時內與您取得聯系。
