整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
片來源@pexels
2021年，娛樂圈的關鍵詞必然離不開“塌房”、“飯圈”與“整肅”。
近有王力宏私生活混亂導致“優質偶像”塌房、薇婭偷稅漏稅，遠有年初的鄭爽代孕棄養和陰陽合同事件，年中的《青春有你3》粉絲倒奶事件，吳亦凡性侵粉絲事件等，引發了公眾對藝人道德失范和飯圈問題的空前關注。
亂象之下，有關部門與行業協會先后出臺了一系列措施促進影視行業的規范化：倒奶事件后，網信辦發布了為期2個月的“清朗·‘飯圈’亂象整治”專項行動；一連串明星塌房事件過后，《關于進一步加強娛樂明星網上信息規范相關工作的通知》《關于進一步加強文藝節目及其人員管理的通知》出臺。
在政令措施之下，大量劣跡藝人都被擋在了市場之外。此外，常年激烈的飯圈硝煙戰場，也獲得了片刻的安寧。
不過，在法令與行政處罰到來之前，演藝經紀的規范化更需要的是防患于未然。否則，一旦懲戒的利劍揮下，欣欣向榮的行業或者公司，便會只剩一地雞毛。
2021年，受劣跡藝人的有關影響，諸多影視文化公司不幸“躺槍”。
以8月初錢楓、霍尊二人的事件為例，芒果超媒作為明星出品節目——《披荊斬棘的哥哥》的利益捆綁者，在藝人道德失范被曝光后，遭遇了股價的暴跌：年初市值觸及1650億元的這家行業龍頭企業，12月1日的市值已經腰斬至了850億元。
飯圈事件對企業的影響也不容小覷。彼時，5月初《青你3》由于倒奶事件造成的停播，使得背后的出品方愛奇藝在5月6日股價報收14.11美元，為截至當時的歷史最低收盤價，市值111.4億美元，股價同樣腰斬。
從許多案例可以看出，在明星藝人和飯圈事件有關影視劇/節目被封禁之時，對于娛樂公司而言，蒙受的損失已然形成。因此，大量的影視公司、社交平臺也開始在藝人道德失范與飯圈整治方面自查自糾、未雨綢繆。
譬如，在“倒奶事件”發生之后，愛奇藝除了重新研究綜藝節目的助力規則之外，對于平臺長期的內容管控也做了落實。
6月，在清朗行動發布后，愛奇藝表示將重點整治“誘導未成年人無底線追星”等行為，主動清理有害信息，重點清理水軍刷榜、職業黑粉、惡意營銷、刷量控評等各類干擾正常網絡信息傳播秩序的行為。
作為明星和粉絲都扎堆的社交平臺微博，2021年也在諸多欄目、功能與用戶管理上做了調整：
先是帶來非理性追星的“明星勢力榜”的下線；再是在平臺上傳播非理性追星內容的粉絲被禁言、封號；10月底，微博還對MCN的管理做了進一步的規范，不得傳播熱點事件中明顯帶節奏、引發對立的話題，不得戲說歷史，不得販賣焦慮、宣傳拜金……
豆瓣方面，2021年也于9月6日至13日，12月2日至12月16日兩次暫停“小組”回復功能的使用，根據有關部門進行整改。
豆瓣整改
在全網的范圍內，據《人民日報》報道，僅6月至8月初，網絡平臺已累計清理負面有害信息15萬余條，處置違規賬號4000余個，關閉問題群組1300余個。
除了直接對問題藝人、信息等開刀，相關企業還在探索深化藝人服務管理的有關措施。
與明星聲譽直接掛鉤的影視公司，如今也試圖把污點藝人可能帶來的損失扼殺在搖籃里。
歡瑞世紀的主要動作是降低對單個藝人的依賴度，注重對藝人的選撥，對藝人梯隊的優化。
此前，希望被正名為“影視劇投資、出品與發行公司”的歡瑞世紀，卻常常被冠以“藝人經紀公司”的名號。與明星深度綁定，成為了歡瑞難以掙脫的枷鎖。
在剛剛過去的2021年11月，歡瑞一姐楊紫宣布出走之后，歡瑞世紀股價盤中跌幅一度超過5.7%，當日收跌2.6%。數據顯示，在2021年1-6月，歡瑞世紀在影視劇及衍生品上的收入占總營收的12.65%，藝人經紀卻高達87.35%。在這其中，貢獻33.08%、居于首位的藝人經紀中，涉及的藝人被認為正是指楊紫。
在楊紫之前，楊冪、李易峰和楊洋與歡瑞的先后分手，也都挑動了這家影視公司的經脈。
而如今，在接受媒體公開采訪時，歡瑞表示，公司將培養藝人上升到“選、育、服”全產業鏈的階段，注重對藝人專業素養、道德素養的共同培育。此外，歡瑞還在探索藝人服務專業化、信息化、標準化的管理體系。
在文娛公司普遍優化自身管理的背景之下，藝人道德失范相關產業也隨之發展。
近幾個月來，一直為泛娛樂公司提供信息的艾漫數據，業務量猛增。
艾漫數據的董事長夏宗靚對鈦媒體App表示，自2012年成立以來，他們提供的數據中一直包涵“藝人風險盡調”業務，但之前客戶的重視度不高。
“直到今年，藝人‘翻車’事件屢屢發生，不僅造成了惡劣的社會影響，也給品牌方、影視公司等利益相關方造成了切實損失，藝人盡調服務才開始得到更多重視。尤其是8月份吳亦凡事件后不到一周時間，該服務就接到了40多單，目前每單的價格在含稅5.3萬元。”夏宗靚談到。
艾漫數據的藝人風險盡調業務核心包括藝人四個方面的風險：政治風險、法律風險、道德風險和商業風險。盡調報告會分析藝人這四個層面在公共場合、網絡空間中的既往行為、言論和輿情存在的潛在風險點、風險熱度和風險持續時間等。
今年，由于政策對藝人的管控趨嚴，并且在某幾個方面有著定向強化的趨勢，因此，艾漫數據就陸續增加了粉絲風險、境外媒體排查、藝人個人生活、社會關系鏈等未被媒體公布的數據等。
據新周刊報道，曾經專門做公關、營銷傳播分析的湖南識微科技公司，現在也開始了關于藝人的“輿情監測”服務，該服務與“藝人風險盡調”概念類似。
就在12月17日，提供各行業信息的藝恩數據，也上線了代言人風險監控功能，包含了藝人風險查詢、風險概覽、風險動態、監控列表、風險預警五個模塊。
還有做數據服務的工作人員告訴鈦媒體App，“如今，基本上每個稍有名氣的藝人，都有公關公司幫忙做輿情監測。”
對于一般輿情與數據分析來說，調查藝人并非難事。大多數公司都有過往架設的關于泛娛樂的大數據資產積累，基于7x24小時的抓取，用戶只需購買服務，便可以自定義監測主題，在全網甚至外網對藝人資訊進行檢測。
除此之外，對于一些專業公司的個別業務而言，如今新增的線下走訪與調研，可以更大程度地完成藝人風險識別、監控和評估。這樣的詳細調研大約需要3至7個工作日。
除了數據公司、公關公司提供輿情信息與風控數據外，針對藝人風險的法務咨詢也普遍增加。
京師律師事務所的律師李策在接受鈦媒體App采訪時談到，如今，由于一位失德藝人導致整部劇都無法播出的例子屢見不鮮，因此，公司與藝人簽訂長期合作時的法律咨詢業務大幅度增加。
中聞律所的劉彬也表示，其律所在娛樂方面的業務主要是為娛樂公司提供經紀合同、業務合同等的擬定或審查的相關服務，對于合同中的法律風險提出建議，業務量比較穩定；但是客戶對于風險識別、風險防范預案的要求會有所提高。
除了風控、法務之外，行業監督也在助力藝人的道德合規化。
中國演出行業協會網絡表演（直播）分會近日發布了第九批網絡主播警示名單，包括“鐵山靠”“郭老師”兩名職業主播和“吳亦凡”“鄭爽”“張哲瀚”三名演員在內的88名主播將在行業內被實行聯合抵制和懲戒。
這是違法失德藝人首次被納入網絡主播警示名單中，防止劣跡藝人轉移陣地復出。
很顯然，在配套藝人風險調查服務、法律咨詢和行業監督日趨完善的當下，一方面，企業面臨的藝人風險會隨之減少：藝人風險盡調、行業監督可以在源頭上降低昔日劣跡藝人簽約的可能；法律咨詢可以幫助企業在簽約時與簽約后降低藝人連帶風險、及時與劣跡藝人完成利益切割。
與此同時，借助于這些外部的機構，多維度的數據得以使藝人道德狀況更加透明化，使得失德藝人的市場議價能力降低；影視公司與藝人之間更嚴格的法律條款，可以增加藝人道德失范所需承擔的經濟成本；行業協會名單的不定期更新，會給劣跡藝人敲響名譽的警鐘。
因此，這些相關機構的服務與監督，可以倒逼藝人更加遵紀守法。
盡管多方主體都在藝人道德失范中發揮了作用，但與之相伴的爭議也隨之而來。
隨著輿論對私德的討伐越來越深入，“藝人風險盡調”業務在線下資源整合發展、功能更強大的同時，藝人的私生活應該多大程度被曝光在聚光燈之下，也成為行業與專家關注的焦點。
根據《民法典》第1032條明確規定，自然人享有隱私權。任何組織或者個人不得以刺探、侵擾、泄露、公開等方式侵害他人的隱私權。
對此，在劉彬律師看來，
專業的風險盡調有明確的規范，需要正式授權、不可觸及隱私、結果嚴格保密。隱私包括個人信息、個人空間和個人生活三個方面，雖然公眾人物的隱私權因為曝光度高，會受到一定程度的限制，但是對于純粹與演藝事業無關的信息，依然嚴格依法保護。
因此，演藝公司在做委托盡調之前，盡可能取得藝人授權或者簽訂相關的承諾書，做盡調時要把握手段的合法性，不能采取偷窺、偷拍、竊聽等手段，更應當注意嚴格保密，用于和簽約等雙方內部商業合作。
爭議還來自行業監督。
中國演出行業協會此前發布的主播警示名單，遭遇了部分網友對其“程序正義”的質疑。日前，針對網友的一些質疑，該行業協會回應：
自律懲戒不是行政處罰，不具備強制性；公布警示名單、對違法失德人員進行聯合抵制有一整套列入、評議、審議、申訴、移除等程序，均由會員單位集體決策制定的行業自律規范規定；此外，協會還接受主管部門、會員兩個不同層面的監督。
事實上，據多位mcn機構、影視公司的工作人員表示，行業有關協會與組織對娛樂圈中的粉絲等進行監督、失德藝人進行抵制的行為，在全球演藝圈中有著普遍的認同。
鈦媒體App查詢相關資料后發現，亞洲與歐美多國都有規范藝人行為道德的相關協會，并且對于明顯違反規定的藝人，也曾給予過嚴厲處罰。
以韓國為例，涉毒藝人面臨的，一方面是來自制度的約束，三大公共臺主導大部分電視劇播放和編制權，發現藝人吸毒，可以直接選擇完全刪除戲份，甚至直接停播；另一方面是來自韓國演藝經紀人管理協會的行業規范壓力，SM等韓國60多家大型娛樂公司均是該協會的會員。該協會旗下專門設立了“演藝賞罰調整倫理委員會”，會對涉毒藝人與其經紀人均作出懲罰，甚至下達永久封殺令。
此前，因《宮》走紅的朱智勛，就因染毒慘遭電影換角、電視臺封殺。
不過，國內的爭議點在于抵制的具體規則。對于中國演出行業協會的做法引發爭議一事，在某電影MCN的媒介經理布魯斯看來，這是由于行業人士、民眾與協會對不同劣跡行為是否應該被抵制、還有其抵制程度存在分歧。若劣跡藝人遭遇永久封殺的比例過高，那么此前對德育要求相對欠缺的演藝行業，便會在短期內受到重創。
不過，根據早在今年2月發布的中國演出行業協會新規《演出行業演藝人員從業自律管理辦法》來看，當下，“劣跡藝人”的懲戒措施并非一刀切，抵制時長分為1年、3年、5年或永久期限的聯合抵制。并且，在聯合抵制期限屆滿前3個月內提出申請，經過同意后，藝人還可以繼續從事演出活動。
由此看來，當下的行業監督行為，至少已經做到了梯度式管理。不過未來，更細化的標準還亟待落地。
法令永遠是扼制藝人道德失范與飯圈亂象的最后一道防線。
對于藝人、粉絲與藝人經紀公司的工作人員而言，防患于未然的方式其實有很多種，其中之一就是教育。通過行業協會和監管部門的規制，這些主體提供職業道德教育培訓，可以增強文娛從業者的自律性。
今年，為了提升藝人的綜合素養，廣電總局官方舉辦了“德藝雙馨班”，為藝人失范的預防提供了一種路徑參考。
更具有深遠意義的是今年推出的藝考改革方案。
9月，教育部出臺了《關于進一步加強和改進普通高等學校藝術類專業考試招生工作的指導意見》，其改革核心主要有以下幾點:
改革要點一：擴大省級統考范圍，限制高校校考；
改革要點二：逐步提高文化成績要求，扭轉“重專業輕文化”的傾向；
改革要點三：考評人員遴選制度、回避制度、信息公開制度。
當下，演藝圈被人詬病的問題，包括藝人當演員的門檻低、來錢快、演技差、道德素養不足等。這三個改革要點，擊中的正是造成娛樂圈混亂局面的一些根本因素：
擴大省級統考范圍、加強考評人員遴選制度、回避制度等，可以盡可能減少校考、熟人監考帶來的權力尋租問題，從而降低明星子女在藝校招考中的優勢地位；逐步提高文化成績的要求，可以一定程度提升藝人的人生價值觀、個人道德觀、歷史觀等等，減少偷漏稅、吸毒、代孕棄養等事件的發生概率。
教育的受眾還需包括與娛樂圈緊密相關的用戶群體——粉絲群。
今年以來，在清朗行動的治理之下，微博上不允許再出現“xx粉絲后援會”之類的ID了，但這在一位粉絲田田看來，是治標不治本的行為：“‘后援會’禁掉了，但是大家只是改了個名字，這些賬號都還在；所以，清朗行動中的部分措施沒能從源頭上解決問題，上有政策、下有對策，還是會偷偷進行的。”
還有網友阿布薩德對鈦媒體App表示，微博目前與清朗相關的舉報制度，其實就是粉黑大戰，比如韓娛大吧會在團回歸的時候進行正常的專輯代購，卻會因為專輯代購以非法集資的名義被舉報。
針對這些宜疏不宜堵的飯圈問題，劉彬律師給出了一些建議：“其實，在粉絲群體較活躍的地方，比如微博、豆瓣、嗶哩嗶哩等互聯網平臺，可以通過在這些平臺建立一些道德合規、普法方面的賬號，結合娛樂圈發生的事件以及國家相應政策，提供具有針對性和專業性的分析與建議。”
近兩年，一些知識類kol在微博、B站、抖音的影響力顯著提升,包括中國政法大學的羅翔老師，在嗶哩嗶哩的粉絲量已經達到了2000萬以上。對于知識普及而言，通過視頻傳遞的、輕松幽默、深入淺出的輸出方式，已經初步達到了降低受眾門檻、擴大普及范圍的效果。
娛樂法這個垂類領域，也涌現了“聊聊吧娛樂法精英”訪談類節目、娛樂法李振武等一些博主，不過目前聲量相對不足，未來還有廣闊的拓展空間。
對于飯圈打榜等問題，其治本的方式還離不開改變影視劇的購銷機制。
2021年8月底，編劇汪海林就曾在參加行業會議時與其他幾位制片人談到，“現在給平臺報一個流量（明星）的話，他們還是很高興要，怎么辦？”
目前，對于騰訊視頻、愛奇藝、優酷等視頻平臺而言，根據平臺對電視劇影響力的評估，大致會將電視劇分為S級、A級與B級、C級。其中，S級與A級在營銷的露出位置、焦點圖、花絮與推送彈出均有較大差異。
而經鈦媒體統計發現，2021年騰訊視頻的6部S級分賬劇，其最大的特點依然離不開頂流藝人，播放量也均在20億以上，但最終的豆瓣評分卻并不夠理想。與之相對的，是豆瓣評分高達8.2分的《愛很美味》，由于沒有頂流卡司、缺少一級宣發資源，盡管口碑逆襲，但播放量依舊不過3.5億。
S級項目流量與口碑情況
正因為流量明星依舊是各大影視公司與平臺的香餑餑，所以流量提升，就成為了明星獲得更多項目機會的重要因素。這就構成了此前粉絲不斷打榜的邏輯——為了讓偶像在人氣、在演藝機會上立于不敗之地，氪金打榜似乎成為了“唯一出路”。
但事實上，在編劇汪海林看來，如果影視行業的購銷機制能夠發生轉變——影視劇定級的方式更多考慮劇本質量等因素，減少藝人咖位因素的占比，或許行業生態就會更加理想。
當然，購銷機制的改變必然要立足于市場，市場若對流量明星的認可度開始降低，則原本的唯明星論的影視劇產銷模式也會被倒逼著改變。
2017-2019年上半年，我國電影各評分區間的票房峰值與分數之間的正相關性逐年走高，這也側面說明了明星效應與營銷作用已經被削弱。
2017-2019年票房與口碑的正相關增強
今年，冷門爆款影片《揚名立萬》的9億票房收入，與熱門高預期的影片《秘密訪客》2億票房之間的巨大差距，還有非流量正劇《覺醒年代》的口碑熱度雙豐收，都體現出了受眾比從前更高的審美水準。
盡管市場的購銷機制具有滯后效應，但目前，受眾反饋已經給影視劇未來的采買趨勢指明了風向標。唯流量決定價格的時代，即將遠去，飯圈為偶像打投才能讓偶像被看見的日子也將不再。行業也會因此回歸冷靜，擠出更多的浮沫，影視劇的質量有望回升。
我們不能期待演藝行業的顛覆式變革會在朝夕之間。畢竟，合規化的過程道阻且長。（本文首發鈦媒體App，作者 | 陶淘）
信我或關注猿來如此呀公眾號，回復：視頻學習，即有機會免費領取30天視頻學習資源包
字體語法：
align=center 字體居中
align=right 字體居右
align=left 字體居左
align=up 字體居上
align=down 字體居下
<"> <"> <"> <b>...</b> 粗體字
<strong>...</strong> 99彩票|http://99caipiao.com.cn粗體字(強調)
<i>...</i> 斜體字
<em>...</em> 斜體字(強調)
<dfn>...</dfn> 斜體字(表示定義)
<u>...</u> 底線
<ins>...</ins> 底線(表示插入文字)
<strike>...</strike> 橫線
<s>...</s> 刪除線
<del>...</del> 刪除線(表示刪除)
<kbd>...</kbd> 鍵盤文字
<tt>...</tt> 打字體
<"> <listing>...</listing> 固定寬度小字體
<"> <hr> 水平線
<hr size="9" 水平線(設定大小)
<hr width="80%"> 水平線(設定寬度)
<hr color="ff0000"> 水平線(設定顏色)
<br> (換行)
<nobr>...</nobr> (不換行)
<p>...</p> (段落)
<center>...</center> 置中 <!>連結格式
<base href=地址> 99彩票|http://99caipiao.com.cn (預設好連結路徑)
<a href=地址></a> 外部連結
<a href=地址 target="_blank"></a> 外部連結(另開新窗口)
<a href=地址 target="_top"></a> 外部連結(全窗口連結)
<a href=地址 target="頁框名"></a> 外部連結(在指定頁框連結)
貼圖/音樂：
<img src=圖片地址> 貼圖
<img src=圖片地址 width="180"> 設定圖片寬度
<img src=圖片地址 height="30"> 設定圖片高度
<img src=圖片地址 alt="提示文字"> 設定圖片提示文字
<img src=圖片地址 border="1"> 設定圖片邊框
<bgsound src=MID音樂文件地址> 背景音樂設定
<body "> <body > 設定背景顏色
<embed src="flash地址" width="寬度" height="高度"> 貼Flash圖
<img dynsrc="影視文件地址" width="寬度" height="高度" start=mouseover> 貼影視
<iframe src="相關地址" width="寬度" height="高度"></iframe> 貼網頁
<A href="對方網址">寫文字 99彩票|http://99caipiao.com.cn 文字連接
<a href="對方網址"><IMG src="圖片地址" border=0> 圖片連接
<DIV><"> <P align=center><"> <marquee>...</marquee>普通滑動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設卷動
<marquee behavior=alternate>...</marquee>來回滑動
<marquee direction=down>...</marquee>向下滑動
<marquee direction=up>...</marquee>向上滑動
<marquee direction=right></marquee>向右滑動
<marquee direction=left></marquee>向左滑動
<marquee loop=2>...</marquee>滑動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scroll99彩|http://99caiw.comamount=2>...</marquee>設定滑動速度數值
<marquee scrolldelay=200>...</marquee>設定滑動時間
<marquee scrolldelay=300 scrollamount=100>插入文字</marquee>滑動停頓
<body ">五．表格語法：
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table "> <table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclo99彩|http://99caiw.comrdark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合并欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合并列的列數(使用數字)
<!>分割窗口 99彩|http://99caiw.com
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批注
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
來源網絡，侵權刪除
私信我或關注猿來如此呀公眾號，回復：視頻學習，即有機會免費領取30天視頻學習資源包
天小編給大家帶來了一本適用于web前端開發各個階段的超級好書——《響應式web設計》pdf電子版。文末附獲取方式
本書堪稱學習響應式Web設計的難得佳作。它不僅全面、細致、圖文并茂地介紹了響應式設計相關的技術，比如媒體查詢、流式布局、彈性媒體和彈性字體等，還把近幾年來Web設計領域公認的最佳設計理念有機地融入到了實例當中，比如移動先行（Mobile First）、漸進增強、平穩退化、無障礙設計等。更加難得的是，本書以設計跨屏幕的網頁（響應式設計）為出發點，以點帶面，把如今Web設計領域兩大標準的最新版本HTML5和CSS3也納入其中，讀者在掌握先進設計方法的同時也能掌握最新的設計技術（比如使用新的HTML5結構化語義標記、嵌入媒體、響應式視頻，以及CSS3的新選擇器、特效、過渡、變形和動畫等），從而可以免除重復學習新標準之苦，讓自己一步跨入Web設計領域的最前沿。無論你想學習響應式Web設計，還是學習HTML5和CSS3的實際應用，本書都能滿足你的需要，是毋庸置疑的明智之選。
說到底，響應式Web設計并非一門獨立的技術，而只是現有技術的一個組合應用。只要有一點HTML和CSS基礎的讀者都能順利地掌握它。對于中、高級的前端設計和開發人員，翻閱本書也有助于理清自己的知識脈絡，對這個新的設計理念獲得更全面、深入的理解和把握。
目錄
第1章 HTML5、CSS3及響應式設計入門 1
1.1 為什么智能手機很重要（而老版的IE不再重要） 2
1.2 響應式設計一定是最佳選擇嗎 3
1.3 響應式網頁設計的定義 3
1.4 為什么要在響應式設計上停滯不前 4
1.5 響應式網頁設計示例 4
1.5.1 下載視口調試工具 4
1.5.2 在線創意源泉 11
1.6 為什么HTML5很優秀 12
1.6.1 省時省力 12
1.6.2 新增了語義化標簽元素 13
1.7 CSS3為響應式設計和更多創新奠定了基礎 13
1.7.1 底線：CSS3不破壞任何東西 14
1.7.2 CSS3如何解決日常設計問題 14
1.8 看吶，不用圖片 17
1.9 HTML5和CSS3現在就能用嗎 20
1.10 響應式網頁設計不是靈丹妙藥 20
1.11 引導客戶：網站不必在所有瀏覽器中表現一致 21
1.12 小結 22
第2章 媒體查詢：支持不同的視口 23
2.1 現在就能使用媒體查詢 23
2.2 為什么響應式設計需要媒體查詢 24
2.2.1 媒體查詢語法 24
2.2.2 媒體查詢能檢測那些特性 26
2.2.3 用媒體查詢改造我們的設計 27
2.2.4 加載媒體查詢的最佳方法 27
2.3 我們的第一個響應式設計 27
2.3.1 我們的設計是固定寬度的，不要驚訝 28
2.3.2 響應式設計中要保證圖片盡可能精簡 32
2.3.3 小視口下的內容剪切 33
2.4 阻止移動瀏覽器自動調整頁面大小 34
2.5 針對不同視口寬度修正設計 37
2.6 響應式設計中內容始終優先 38
2.7 媒體查詢只是必要條件之一 42
2.8 小結 42
第3章 擁抱流式布局 43
3.1 固定布局經不起未來考驗 43
3.2 為什么響應式設計需要百分比布局 44
3.3 將網頁從固定布局修改為百分比布局 44
3.3.1 需要牢記的公式 45
3.3.2 設置百分比元素的上下文 47
3.3.3 必須時刻牢記上下文 52
3.4 用em替換px 54
3.5 彈性圖片 56
3.5.1 讓圖片隨視口縮放 56
3.5.2 為特定圖片指定特定規則 58
3.5.3 給彈性圖片設置閾值 59
3.5.4 超級全能的max-width屬性 61
3.6 為不同的屏幕尺寸提供不同的圖片 61
3.7 流動網格布局和媒體查詢的默契配合 66
3.8 CSS網格系統 66
3.9 小結 72
第4章 響應式設計中的HTML5 73
4.1 HTML5的哪些部分現在就能用 73
4.1.1 大多數網站可以用HTML5編寫 74
4.1.2 膩子腳本和Modernizr 74
4.2 如何編寫HTML5網頁 75
4.2.1 HTML5的精簡之道 76
4.2.2 HTML5標簽的合理寫法 76
4.2.3 偉大的<a>標簽萬歲 77
4.2.4 HTML的廢棄零件 77
4.3 HTML5的全新語義化元素 78
4.3.1 <section> 78
4.3.2 <nav> 79
4.3.3 <article> 79
4.3.4 <aside> 79
4.3.5 <hgroup> 79
4.3.6 <header> 81
4.3.7 <footer> 81
4.3.8 <address> 81
4.4 HTML5結構元素的實際用法 81
4.5 HTML5的文本級語義元素 87
4.5.1 <b> 88
4.5.2 <em> 88
4.5.3 <i> 88
4.5.4 在頁面中應用文本層語義元素 88
4.6 遵循WAI-ARIA實現無障礙站點 90
4.7 在HTML5中嵌入媒體 93
4.8 用HTML5的方法為頁面添加視頻或音頻 93
4.8.1 提供備用的媒體源文件 95
4.8.2 針對老版本瀏覽器的備用方案 95
4.8.3 和標簽的用法基本一致 96
4.9 響應式視頻 96
4.10 離線Web應用 99
4.10.1 離線Web應用概述 99
4.10.2 讓網頁可離線使用 99
4.10.3 理解manifest文件 100
4.10.4 頁面被自動加載到離線緩存 101
4.10.5 版本注釋的用途 101
4.10.6 離線訪問網站 101
4.10.7 離線Web應用的故障診斷 102
4.11 小結 103
第5章 CSS3：選擇器、字體和顏色模式 104
5.1 CSS3給前端開發人員帶來了什么 104
5.1.1 Internet Explorer 6到8對CSS3的支持 105
5.1.2 使用CSS3設計和開發頁面 105
5.2 CSS規則解析 105
5.3 私有前綴及其用法 106
5.4 快速而有效的CSS技巧 108
5.4.1 CSS3多欄布局 108
5.4.2 文字換行 110
5.5 CSS3的新增選擇器及其用法 111
5.5.1 CSS3屬性選擇器 111
5.5.2 CSS3結構偽類 113
5.5.3 對偽元素的修正 122
5.6 自定義網頁字體 123
5.6.1 @font-face規則 124
5.6.2 使用@font-face嵌入網頁字體 124
5.7 幫幫我，標題模糊怎么辦 127
5.8 新的CSS3顏色格式和透明度 129
5.8.1 RGB顏色 130
5.8.2 HSL顏色 131
5.8.3 針對IE6、IE7和IE8提供備用顏色值 132
5.8.4 透明通道 132
5.9 小結 134
第6章 用CSS3創造令人驚艷的美 135
6.1 文字陰影 136
6.1.1 HEX、HSL或RGB顏色都可以 136
6.1.2 px、em或rem都行 136
6.1.3 取消文字陰影 138
6.1.4 制作浮雕文字陰影效果 139
6.1.5 多重文字陰影 140
6.2 盒陰影 140
6.2.1 內陰影 141
6.2.2 多重陰影 142
6.3 背景漸變 143
6.3.1 線性背景漸變 144
6.3.2 徑向背景漸變 147
6.3.3 重復漸變 149
6.4 背景漸變圖案 151
6.5 CSS3的響應性 153
6.6 組合使用CSS3屬性 155
6.7 多重背景圖片 159
6.7.1 背景圖片大小 161
6.7.2 背景圖片位置 161
6.7.3 背景屬性的縮寫語法 161
6.8 更多CSS特性 162
6.9 可縮放圖標：響應式設計中的完美選擇 162
6.10 小結 163
第7章 CSS3過渡、變形和動畫 164
7.1 什么是CSS3過渡以及如何使用它 164
7.1.1 過渡相關的屬性 166
7.1.2 響應式網站中的有趣過渡 168
7.2 CSS3的2D變形 169
7.3 嘗試CSS3的3D變形 174
7.3.1 分析3D變形效果 176
7.3.2 3D變形尚未成熟 178
7.4 CSS3動畫效果 179
7.5 小結 185
第8章 用HTML5和CSS3征服表單 186
8.1 HTML5表單 186
8.1.1 理解HTML5表單中的元素 188
8.1.2 placeholder 189
8.1.3 required 189
8.1.4 autofocus 190
8.1.5 autocomplete 191
8.1.6 list（及對應的datalist元素） 191
8.1.7 HTML5的新輸入類型 192
8.1.8 日期和時間輸入類型 198
8.2 如何給不支持新特性的瀏覽器打補丁 203
8.3 使用CSS3美化HTML5表單 204
8.4 小結 210
第9章 解決跨瀏覽器問題 211
9.1 漸進增強與優雅降級 215
9.2 該不該修復老版本IE 216
9.2.1 統計數據（再看看世界的變化） 216
9.2.2 個人選擇 216
9.3 前端的瑞士軍刀：Modernizr 217
9.3.1 使用Modernizr輔助修正樣式問題 219
9.3.2 使用Modernizr讓老版本IE支持HTML5元素 221
9.3.3 給IE6、7、8追加min/max媒體查詢功能 222
9.3.4 使用Modernizr按需加載資源 223
9.4 必要時將導航鏈接轉換為下拉菜單 225
9.5 高分辨率設備（未來趨勢） 228
9.6 小結 231
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
