完美風暴下能源經濟的沉思 (1版)

類似書籍推薦給您

【簡介】 能源，沒有顏色！梳理自後疫情時代所發生的能源經濟要事， 看全球如何在完美風暴下倖存、重生、迎向未來。 　　◎新冠疫情、烏俄及中東以伊之戰、台灣大選、能源變動……等重大事件巧合般地於同時同地疊加在一起就形成了「完美風暴」，作者詳盡分析完美風暴在世界掀起規模性的巨大損失或影響。 　　◎電力就是生命線，本書帶你全面思考能源該如何生產、分配、消費與價格變動趨勢。 　　◎結合台電的工作經驗，融入新的世界潮流，提出前瞻性的建議，堪稱國民能源寶典。 　　◎爬梳作者多年來的能源省思文，集結為優質的能源科普書，不用理工背景，一樣秒懂！ 　　台灣的能源問題，長期被當為政治角力的籌碼， 　　作者以三十餘年於台電服務的經驗， 　　以宏觀的國際視野分析台灣現狀， 　　並結合政經局勢觀察，向政府提出精闢的建言。 　　 　　「能源，沒有顏色！」 　　是作者畢生奉獻於能源的哲學， 　　與身處這座島嶼上的你我一樣深愛這片土地， 　　他心心念念的期盼唯有一個， 　　就是台灣能有更好的明天。 　　新冠疫情、花蓮大地震、烏俄及中東以伊之戰、台灣大選、 　　能源變動等事件一起發生，對台灣產生了重大的影響！ 　　從本書中讀者可以瞭解在這段完美風暴期間， 　　國內外發生的能源經濟要事， 　　作者以其卓越的評論分析中理解 　　世界與台灣終究需要什麼樣的能源政策。 【目錄】 自序 回顧及前瞻 作者簡介 能源篇 2021 2022 2023 2024 經濟篇 2022 2023 2024 雜談篇 2021 2022 2023 2024 編輯後記   看更多

人性賽局：哈佛大學最重要的行為經濟學課，驚人「隱藏賽局」完美解釋非理性行為 (1版)

類似書籍推薦給您

【簡介】 　　★【哈佛經濟系×MIT史隆商學院】重磅經濟學家連手出擊★ 　　★TED Talks影片超過240萬次觀看★ 　　★《華爾街日報》熱烈推薦★ 　　★ 台大國發所兼任教授、《賽局理論》作者周治邦 審訂、推薦★ 　　◆為什麼幼兒園規定要罰錢，家長晚接小孩狀況更多？ 　　◆為什麼獎金不一定能讓員工更努力工作？ 　　◆奢侈品的價值，不在於它本身，而是能夠讓我們展現地位？   　　關於人性，傳統經濟學假設是理性的，行為經濟學則著眼於非理性的那一面，但兩端之間其實存在一個重要的知識領域：「隱藏賽局」。   　　不論是人的喜好、興趣，乃至「說不上為什麼」的直覺，還是炫富、利他、守規矩等社會現象，背後都有賽局邏輯，卻往往隱而不顯； 　　必須從主要獎勵、終極解釋、客位解釋3大角度切入，才能找出日常生活中的各種「隱藏賽局」。 　　作者舉出12種常見賽局，讓你看懂人類各種看似矛盾的非理性行為，其中無處不暗藏著精微的賽局計算。   　　/ 人性中的鷹鴿賽局：潛規則與制度的合理化 / 　　當人們習慣「誰當老鷹、誰當鴿子」，就會開始認同財產權、言論自由，甚至是厭女情結和加害者。 　　透過「主要獎勵」角度，看出隱藏的鷹鴿賽局，看懂人性習慣預設立場的利與弊。 　　/ 人性中的昂貴訊號賽局：醉翁之意不在酒 / 　　同樣是有錢人，為什麼有的炫富，有的卻低調？ 　　個性、道德觀都是老生常談，透過「客位解釋」角度，了解這些行為發出的社交訊號，能有效掌握眼前局勢。   　　/ 人性中的規範落實賽局：有利他人，就能有利自己 / 　　在排隊動線上設置難以忽視的捐款箱，就能有效提高捐款率。 　　透過「終極解釋」角度，掌握規範落實賽局，就能讓人更願意配合，共創雙贏。   　　．．．．．．．．．．．．還有重複囚徒困境、證據賽局等多種賽局範例說明！   　　心理學 x 行為經濟學 x 生物學 x哲學 x 歷史，全面解讀各種非理性行為的底層邏輯。   本書特色 　　．【哈佛經濟系×MIT史隆商學院】２位重磅經濟學家連手出擊 　　．翻轉「賽局策略＝理性思維」的迷思，說明「看似非理性的行為，也是學習與演化推動的賽局均衡」 　　．妥善應用，能在社會上看出無處不在的賽局，優化決策  　　【審訂】 　　周治邦 　　美國芝加哥大學經濟學博士 　　台灣大學國家發展研究所兼任教授 　　《賽局理論》作者   國內推薦 　　「本書可以解答許多有趣的問題，例如，被綁架的斯德哥爾摩症候群受害者為何幫綁架者說話？為何人們不計代價要到羅浮宮目睹《蒙娜麗莎的微笑》的真跡？為何美國發現接種過疫苗的人幾乎不會傳播新冠肺炎病毒，但仍要求全民戴口罩？……義大利黑手黨為何要求其黨羽遵守緘默規則？對於上述問題，讀者皆可透過本書流暢的譯筆下，獲得滿意的解答。」――周治邦｜台大國發所兼任教授、《賽局理論》作者 　　「賽局不是零和，為什麼我們這樣想、那樣做，這本書用淺顯易懂、生活化的方式告訴你，如何用賽局掌握人生的主導權。」――劉奕酉｜鉑澈行銷顧問策略長 國際推薦   　　「霍夫曼與尤利，大膽應用賽局理論解釋看似非理性的行為。」――《華爾街日報》   　　「霍夫曼與尤利在這本引人入勝的著作中，告訴我們如何運用經濟學工具，去理解真實世界裡各式各樣的現象。作者一再證明，只要曉得那些相同的力量正在表面底下運作著，那麼各式各樣的人類行為，即使看似與有意識的理性行為不符，仍可以為人所理解。事實上，本書揭示了看不見的事物如何發揮神奇之力。」――凱文．墨菲（Kevin M. Murphy），麥克阿瑟學者，芝加哥大學布斯商學院經濟學教授   　　「霍夫曼與尤利嫻熟地運用賽局理論的工具，以有趣的方式掀開社交生活的面紗。對於我們行為與社群之中隨處可見令人困惑的模式，他們倆一針見血地道出背後的冰冷邏輯。」――約瑟夫．亨里奇（Joe Henrich），《西方文化的特立獨行如何形成繁榮世界》（The WEIRDest People in the World）作者   　　「這本大作把賽局理論應用到人類社會的眾多難題之上，從愛情、婚姻、謀殺再到戰爭，一應俱全。」――麥可．薛莫（Michael Shermer），《心算的祕密》（Secrets of Mental Math，暫譯）合著者   　　「本書就像為你的心智戴上了一付X光眼鏡，讓你得以穿透表像，看見更深一層發生的事。而且寫法跟想法兼顧，言之有物。」――安德魯．麥卡菲（Andrew McAfee），《以少創多》（More from Less，暫譯）作者、《第二次機器時代》（The Second Machine Age）合著者   　　「本書相當出色，每一頁都能讓人感受到對賽局理論的熱情，嶄新又清晰的洞見俯拾皆是，將會改變你看待世界的方式。」――尤里．格尼奇（Uri Gneezy），《為什麼的向度》（The Why Axis，暫譯）合著者   　　「本書是一趟令人驚奇的旅程，霍夫曼與尤利則是專業的嚮導，帶我們一覽賽局理論如何解釋人類行為的複雜性與古怪之處。這是一本我會一讀再讀的好書。」――妮可拉．賴哈尼（Nichola Raihani），《群居本能》（The Social Instinct，暫譯）作者   　　「本書非常值得一讀。霍夫曼與尤利證明，令人不解的常見行為起因可能為自利，並以簡明扼要、淺顯易懂的書寫風格，解釋細微卻重要的概念。」――羅伯特．博伊德（Rob Boyd），《另類動物》（A Different Kind of Animal，暫譯）作者   　　「這是那種你一拿起就愛不釋手的書。等你回過神來，已經讀了好幾個小時，連要睡覺都忘記了（這是真實故事）。《人性賽局》充滿各種奇聞軼事，以及會令你改觀的深刻見解，它以人類發明最強大的理論──賽局理論──去解釋最令人不解的人類行為。」――史蒂夫．史都華–威廉斯（Steve Stewart-Williams），《理解宇宙的猿類》（The Ape that Understood the Universe，暫譯）作者     【目錄】 審訂序 從斯德哥爾摩症候群到黑手黨的緘默規則，都有賽局視角 台大國發所兼任教授 周治邦   第1章 為什麼詹皇愛打球，畢卡索愛畫圖？   第2章 學習，如何成為人類的最強技能？ 給點甜頭，鴿子也能打桌球／你信的和你愛的，竟是學來的？／感恩節火雞，加咖哩才好吃？   第3章 找出隱藏賽局的三種視角 愛吃是天性，至於愛錢……／終極解釋，「為什麼」的終點／學著像局外人一樣地解釋現象   第4章 動物出生時，雌雄為什麼一比一？ 敵不動我不動，達到納許均衡／演化，把大家推向納許均衡／檢驗模型的好方法：拿掉假設／經濟學家愛用的比較靜態分析／情況有別時，詮釋不一樣   第5章 鷹鴿賽局：看出誰是老鷹、誰是鴿子 斑點木蝶爭地盤，為什麼只做做樣子？／這是誰的，你會怎麼判？／共同預期會自我延續／一句「對不起」，為什麼那麼重要？／何時應該表現得更加信心滿滿？／這不是症候群，而是求生策略   第6章 昂貴訊號賽局：讓人知道你的厲害 雄孔雀美麗尾巴的啟示／太陽鳥，外在勝過了實在？／炫富的四個條件／身材、膚色與白襯衫／英式餐桌禮儀，不能簡約就好嗎？   第7章 埋藏的訊號：讓適合的人知道就好 費解的匿名捐贈／假裝不在意的愛／「澀」之美／當低調本身就是昂貴訊號   第8章 證據賽局：搞懂帶風向的背後動能 IG只放最棒的照片／給我找到出兵伊拉克的理由！／否認氣候變遷的扭曲手法／證據賽局／什麼樣的證據才有用／模型1：揭露／模型2：搜尋／模型3：檢驗   第9章 動機性推理：相信自己希望相信的 欺人之前，先讓自己相信／執行長、政客和投資人，誰最實在？／「騙取快樂」足以解釋嗎？   第10章 重複囚徒困境：掌握有利合作的策略 重複囚徒困境／讓人老實合作的好策略／子賽局完全均衡／使人合作的四個條件／一戰雙方的互惠合作   第11章 規範落實賽局：使人主動作出貢獻 我們就是在意別人的眼光／別人會預期我們合作嗎？／接種疫苗了，為什麼還要戴口罩？／激發公益行為的三個方法   第12章 絕對規範：沒有模糊空間的決斷 狀態訊號結構／納入協調賽局／要根據什麼訊號制裁暴君呢？／臨界值策略終將瓦解／三個重要的假設／容易執行的規範，才能長久維繫／什麼情況不需要絕對規範？／二戰無人遵守的「禁止轟炸平民」規範／為什麼人們捐款很難有效率？   第13章 高階信念：認清別人認為你怎麼認為 核心概念／解開謎題／婚禮、領導人握手、說出「對不起」／有沒有動手，這就是問題所在／為什麼講話有時要拐彎抹角？   第14章 子賽局完全均衡：嚇阻踰矩的行為 用決鬥來解決爭執／讓幸運女神化身為正義女神／必須貫徹到底的正義感   第15章 聚焦主要獎勵是解謎的關鍵     看更多

零基礎配色學(2)完美3色配色法：1472組快速配色範例，輸入色碼就OK！ (1版)

類似書籍推薦給您

【簡介】 　　＼零基礎配色學 第二彈強勢回歸！／ 　　／增加沉靜式配色、主題風格不重複＼   　　配色不再憑感覺，科學方式營造優視覺 　　◆掌握主色、輔色、強調色 　　◆改變3色面積佔比，營造視覺平衡 　　◆提供完整CMYK、RGB、HEX色碼 　　◆8大風格、92個主題、1472配色範例   　　收錄「276色快速配色索引表」隨查隨找超方便！   　　不擅長配色沒關係，3個顏色破解雜亂設計！ 　　成功將主色、輔色、強調色做完美配比，達到整體畫面協調。   　　內容加入第一本《零基礎配色》沒有的主題，更增加使用者最不擅長的沉靜色、低彩度的配色。 　　風格非常多元，包含心靈療癒風、開朗積極風、唯美優雅風、甜美心動風、懷舊風、四季風、自然風、知性風，可以運用在商業設計、POP、插圖繪製、手工藝、穿搭、指甲彩繪、製作傳單或看板、簡報等用途。 　　每個主題安排兩頁篇幅介紹，清楚的配色範例、範例的用色比例、用色模式解說，幫助你解鎖長期以來的配色困擾。   　　【用3色破解配色雜亂】 　　Step 1→決定風格的「主色」 　　Step 2→畫面和諧的「輔助色」 　　Step 3→重點突出的「強調色」   　　【輸入色碼，輕鬆創造完美配色】 　　◆不藏私！絕美配色數值全公開。 　　◆教你靈活應用難度更高的低彩度配色。   【目錄】 本書使用方法 三色搭配關鍵 色彩基礎知識   PART1 RELAX：讓內心平靜的療癒配色 療癒01 低調甜美的香氛色 療癒02 平靜的松葉綠 療癒03 寧靜的清晨藍 慢活01 悠閒的海洋藍 慢活02 喚醒美好的香醇咖啡 慢活03 幽靜舒適的大地色 植物01 定心洗鍊植物綠 植物02 柔和的莫斯綠 植物03 夏日的南國假期 自然01 棉花般的輕柔色 自然02 治癒的大人薰衣草 自然03 成熟可愛的珊瑚紅 養生01 健康的麥片色 養生02 活力的維他命C 養生03 酸甜的綜合莓果   PART2 POSITIVE：開朗積極的形象 快樂01 嶄新的花卉色彩 快樂02 輕柔的現代普普風 童趣01 動感的繽紛蠟筆色 童趣02 期待的蔚藍海洋 童趣03 溫柔的室內粉嫩色 能量01 吸睛的鮮豔色 能量02 動滋動滋的深夜Party 能量03 積極的休閒運動色 戶外01 散發秋香的戶外色 戶外02 露營也走時尚風 霓虹01 青春的螢光彩 霓虹02 充滿玩心的冷色霓虹   PART3 LUXURY：唯美優雅的氛圍 裸膚01 熟女裸色粉紅 裸膚02 高雅時尚皮革駝 摩登01 古典波爾多酒紅 摩登02 苦澀巧克力棕 優雅01 華貴粉紅金 優雅02 高貴皇家藍金 魅惑01 魅力迷人紫 魅惑02 都會奶香焦糖 和風01 華麗細膩漆器緋 和風02 百年深遠黃金藍   PART4 SWEET：令人心動的甜美配色 女孩01 細膩透光嬰兒膚 女孩02 歡喜純潔復活節粉 女孩03 午後的甜點派對 浪漫01 夢幻星空童話風 浪漫02 目眩神迷粉紅與清爽薄荷 浪漫03 夢鄉中的純真天使 女人味01 低調甜美的庭院玫瑰 女人味02 散發皂香的藍色優雅 可愛01 步入神祕的城鎮 可愛02 洋溢能量的橙色與水色 可愛03 復古的童話風女孩 成熟01 時間流動的夕陽 成熟02 不想結束的慵懶夜晚 成熟03 成熟蜜桃色   PART5 RETRO：勾起懷舊思緒 城市流行01 回憶中的夏日藍天 城市流行02 新普普藝術 感性01 放學後的落日之夢 感性02 難忘的懷舊卡其 老物情懷01 法式古董老件 老物情懷02 美國老物雜誌 大正 復古摩登的大正浪漫 昭和01 八○年代的粉色普普 昭和02 昭和復古與潮流的結合 平成 時光倒流的平成漫畫   PART6 SEASON：感受到春夏秋冬的四季香氣 春01 風和日麗春風色 春02 盛開的紫丁香 春03 春季的粉色甜點 夏01 跳躍的蘇打與檸檬香氣 夏02 夏日的泳池邊 夏03 盛夏的熱帶水果 秋01 惹人憐愛的粉紅棕 秋02 印度奶茶的香料色彩 秋03 色彩鮮艷的楓葉 冬01 溫馨的聖誕節日 冬02 神聖的金藍配色 冬03 日本新年與節慶   PART7 SUSTAINABLE：永續經營的自然配色 環保01 在森林浴中煥然一新 環保02 追求健康的有機蔬菜 倫理01 沙漠的風與大地 倫理02 在深山整頓心靈 生態01 對自然友善的綠色環保 生態02 未來的乾淨能源 國際01 感受到地球的純淨色 國際02 洋溢異國風情的彩色之旅   PART8  COOL：知性帥氣 率性01 休閒放鬆＆沉穩紳士 率性02 知性極簡主義者 率性03 隨興揮灑冷色法式氛圍 乾淨01 用珊瑚藍表現誠懇 乾淨02 令人信賴的智慧型配色 科技01 近未來感的午夜油墨藍 科技02 次世代的數位空間 科技03 洗鍊的魔幻粉紅 商務01 充沛有活力的熱情紅 商務02 不會過度剛硬的澄藍 商務03 充滿希望的星黃   ◆收錄「276色．快速配色索引表」 看更多

日本社會與文化：茶如果再熱一點就更完美了 (1版)

類似書籍推薦給您

【簡介】 如果日本友人對您說：「茶如果再熱一點就更完美了！」您會聯想到什麼呢？ 是對美好事物的堅持，還是重視氣氛緩和的表達習慣呢？這本書除了日本社會制度面的介紹，並帶給讀者一些值得深入探尋的文化議題。 「為何日本動漫中，校園生活的開始，都是櫻花紛飛的季節？」原來日本的學期制是這樣來的！ 「在日劇《月薪嬌妻》中，談到性別在勞動職場的影響與差異，真的是這樣嗎？」 「關於日本人的群體主義與團結，有什麼故事可以分享嗎？」 「臺灣與日本文化中，好客與冷漠、意思表達的直接與模糊，有認知上的落差？」 日本是國人最喜愛的旅遊國家之一，與臺灣亦有密切的經貿往來，並同樣位於東亞的儒家文化圈，在全球化以及網路資訊發達的浪潮下，日本的流行文化也直接或間接的影響臺灣。本書由不同的主題帶領讀者深度了解日本，從行政區劃、自然環境、教育、政治、社會、企業經營、文化與運動、交通各面向，以及作者在日本居住時的親身體驗，從臺灣的角度，觀察日本社會文化的特色。 【目錄】 導讀 第一章 你好，日本！ 第1 節 日本的行政劃分—都道府縣與地方 第2 節 日本的地理位置與鄰國關係 第3 節 說故事時間—初次訪日體驗談 第二章 數字會說話，解碼日本社會 第1 節 臺日相似處 第2 節 總人口與高齡化 第3 節 日本的經濟成長與停滯 第4 節 日本的貿易—從貿易立國到貿易逆差 第5 節 主要國人口的消長 第6 節 主要國經濟成長的變化 第三章 日本的自然面貌與在環保上的努力 第1 節 全球氣候異象 第2 節 日本在環保上的努力 第3 節 《京都議定書》與《巴黎協定》 第4 節 日本的替代能源 第5 節 說故事時間—日本人的垃圾分類 第四章 從教育制度看日本的校園生活：大學究竟好不好考呢？ 第1節　日本的教育制度與特色 第2節　日本接受留學生政策與現況 第3節　日本大學的四學期制及其特色 第4節　日本人諾貝爾獎得主與特色 第五章 政治這件事，日本人怎麼看？ 第1節　日本的政黨與政治 第2節　日本的選舉制度 第3節　說故事時間—冷清的競選活動 第4節　臺日文化大不同（與日本學生訪談紀錄） 第六章 社會差距背後的真相 第1節　社會差距與造成原因 第2節　如何衡量社會差距 第3節　主要國社會差距之演變 第4節　說故事時間—男尊女卑的日本社會 第七章 日本人的日常生活揭密、幾項觀點比較臺日社會 第1節　多面向探索日本的社會 第2節　日本社會的特色（個人觀點） 第3節　幾項觀點比較臺日社會 第4節　日本的十大社會問題 第八章 聊聊日本企業經營制度 第1節　企業經營的外部環境 第2節　企業經營的內部環境 第3節　日本企業的主要特色 第4節　日本企業的國際化問題 第九章 平價時尚的祕密：走進優衣庫 第1節　優衣庫的企業沿革 第2節　優衣庫的業界地位 第3節　優衣庫的商業模式 第4節　優衣庫的發展與策略 第5節　說故事時間—1990年代後期的優衣庫購物經驗談 第十章 休閒中體會生活的美學：世界遺產、祭典、溫泉、職業運動競賽 第1節　日本的世界遺產 第2節　日本著名的祭典 第3節　日本的溫泉 第4節　日本大規模職業運動—職棒與職足 第十一章 相撲，不只是比力氣 第1節　日本相撲發展沿革 第2節　力士之報酬 第3節　日本相撲的紀錄 第4節　說故事時間—參訪相撲訓練場所 第十二章 一起旅行吧！日本交通全攻略 第1節　從陸、海、空看日本的交通工具 第2節　日本JR周遊券 第3節　日本新幹線介紹 第4節　說故事時間—新幹線搭乘經驗談 參考文獻

HTML/CSS/JavaScript與前端框架的完美結合：使用Bootstrap與PWA技術，新手從這開始！(好評回饋版) (3版)

類似書籍推薦給您

【簡介】 精采內容不容錯過，好評回饋中！！ 掌握HTML/CSS/JavaScript技巧， 搭配高效前端框架技術，輕鬆成為專業網頁設計師 以淺顯易懂的方式從設計網站開始談起，從網站建置的過程、設計網站原型(prototyping)的工具以及取得各式網路資源，再循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript，並加入前端框架Bootstrap技術，加上書中介紹好用的配色工具，就算沒有美工基礎，藉由Bootstrap工具模組以及配色表，也能快速建構出專業美觀的RWD網站。 本書也安排了Progressive Web Application(PWA)技術，手把手教您逐步將網站優化為Web APP，讓網站能像Native App在手機等行動裝置建立桌面捷徑，瀏覽網頁時具有操作Native App相似的感受。 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 |適用對象| ✰對前端技術有興趣卻不知從何入門的初學者 ✰前端開發技術相關從業人員 ✰大專院校網站設計相關課程教材 |重點特色| ✰以淺顯易懂的方式快速了解前端開發的觀念及技術。 ✰熟悉網站原型(prototyping)並善用網路工具與資源加以實作。 ✰循序漸進介紹Web前端三大核心技術：HTML、CSS及JavaScript。 ✰活用前端框架Bootstrap技術以及工具模組，建構RWD網站。 ✰使用Progressive Web Application(PWA)技術，逐步將網站優化為Web APP。 精采內容不容錯過，好評回饋中！！ 本書共分三大單元，第一單元為前端開發觀念及HTML+CSS基礎到進階教學；第二單元安排JavaScript基礎的語法以及Web資料庫的應用；第三單元介紹前端框架工具，包括Bootstrap與PWA。各章節除了實用的範例之外，在每一單元也安排了整合練習，讓讀者能加強學習並驗收學習成果，累積實作經驗，適合自修與教學使用。 【目錄】 CHAPTER 01 網站開發的觀念與技術 1-1 網站開發的基礎觀念 1-1-1 網站及網頁 1-1-2 網頁開發的前端與後端 1-1-3 網址的組成 1-2 網站建置流程與技術 1-2-1 擬定網站主題 1-2-2 規劃網站架構與內容 1-2-3 製作網頁工具 1-2-4 上傳雲端 1-3 網頁介面原型建構工具 1-3-1 網站原型架構 1-3-2 介面線框與原型工具 1-3-3 實作網頁介面原型 CHAPTER 02 HTML與CSS基礎 2-1 學習HTML前的準備工作 2-1-1 建立HTML文件 2-1-2 自動生成HTML5架構程式碼 2-2 HTML語法概念與架構 2-2-1 HTML的標記型態 2-2-2 HTML的組成 2-2-3 標記屬性的運用 2-3 HTML5文件結構與語意標記 2-3-1 語意化的HTML標記 2-3-2 HTML5宣告與編碼設定 2-4 認識CSS基本架構 2-4-1 使用CSS樣式表 2-4-2 CSS基本格式 2-4-3 認識CSS選擇器 2-4-4 CSS的度量單位 2-4-5 CSS的顏色表示法 CHAPTER 03 HTML常用標記 3-1 排版相關標記 3-1-1 瀏覽器呈現網頁的過程 3-1-2 標題標記 3-1-3 段落及換行標記 3-2 項目列表清單 3-2-1 有序列表 3-2-2 無序列表清單 3-2-3 定義列表 3-3 表格與表單 3-3-1 表格 3-3-2 表單 3-3-3 表單元件 3-4 插入圖片與超連結 3-4-1 插入圖片 3-4-2 超連結 3-4-3 內置框架（iframe） 3-5 div標記與span標記 3-5-1 認識div標記 3-5-2 認識span標記 3-5-3 替程式碼加上註解 3-5-4 使用特殊符號及Emoji字符集 CHAPTER 04 CSS常用語法 4-1 文字與段落樣式 4-1-1 文字樣式 4-1-2 文字段落樣式 4-1-3 邊框 4-1-4 文繞圖 4-2 掌握CSS定位 4-2-1 網頁元件的定位（position） 4-2-2 立體網頁的定位 4-2-3 好用的calc()函式 CHAPTER 05 CSS Flexbox響應式排版 5-1 Flexbox模型概念 5-1-1 認識CSS盒子模型（Box Model） 5-1-2 認識Flexbox彈性盒子 5-2 Flexbox屬性 5-2-1 flex container屬性 5-2-2 flex Items屬性 CHAPTER 06 善用網路資源 6-1 圖庫素材分享平台 6-1-1 認識創用CC授權 6-1-2 搜尋CC授權素材 6-1-3 Icon nder-icon圖庫 6-1-4 替網站加入Logo小圖示 6-2 實用的網頁應用產生器 6-2-1 CSS Layout產生器 6-2-2 按鈕產生器 6-2-3 網站配色 CHAPTER 07 整合練習—詩詞展示網頁設計與實作 7-1 網頁架構說明 7-1-1 網頁架構圖 7-1-2 選擇合適的HTML標記 7-2 建立HTML與CSS程式碼 7-2-1 建立網頁架構的HTML語法 7-2-2 加入超連結 7-2-3 加入CSS語法 7-2-4 加入偽元素 7-2-5 利用Icon Fonts產生社群圖示 CHAPTER 08 JavaScript基礎 8-1 認識JavaScript 8-1-1 JavaScript基本觀念 8-1-2 JavaScript運行環境 8-1-3 瀏覽器主控台console 8-1-4 JavaScript語法架構 8-2 JavaScript基礎語法 8-2-1 JavaScript語法架構 8-2-2 JavaScript註解符號 8-2-3 資料型別（Data Type） 8-3 變數宣告與作用範圍 8-3-1 全域變數與區域變數 8-3-2 使用var關鍵字宣告變數 8-3-3 var宣告的作用域 8-3-4 使用Let關鍵字宣告變數 8-3-5 使用const關鍵字宣告常數 8-3-6 變數名稱的限制 CHAPTER 09 函式與作用域 9-1 自訂函式 9-1-1 函式的定義與呼叫 9-1-2 函式參數 9-1-3 函式回傳值 9-2 函式的多重用法 9-2-1 函式宣告式（Function Declaration） 9-2-2 函式表達式（Function Expressions） 9-2-3 物件與this關鍵字 9-2-4 立即執行函式（IIFE） CHAPTER 10 JavaScript操控DOM元素 10-1 DOM物件的方法與屬性 10-1-1 取得物件資訊 10-1-2 處理物件節點 10-1-3 屬性的讀取與設定 10-2 DOM物件的操作 10-2-1 Window物件 10-2-2 DOM集合（Collection） 10-3 DOM風格樣式 10-3-1 查詢元素樣式 10-3-2 設定元件樣式 CHAPTER 11 前端資料儲存 11-1 認識Web Storage 11-1-1 Web Storage概念 11-1-2 偵測瀏覽器是否支援Web Storage 11-2 localStorage及sessionStorage 11-2-1 存取localStorage 11-2-2 刪除localStorage 11-2-3 存取sessionStorage 11-3 IndexedDB資料庫 11-3-1 IndexedDB重要概念 11-3-2 IndexedDB基本操作 11-3-3 讀取資料 11-3-4 刪除資料 11-3-5 清空資料 CHAPTER 12 整合練習—個人通訊錄實作 12-1 網頁架構說明 12-1-1 網頁功能架構圖及線框圖 12-1-2 CSS Image Sprites 12-2 IndexedDB的CURD 12-2-1 建置資料庫物件及開啟交易 12-2-2 設定事件的處理函式 12-2-3 新增會員與新增完成 12-2-4 動態產生資料列表 12-2-5 修改與刪除單筆資料 12-2-6 清空資料與刪除資料庫 12-2-7 阻止事件傳遞與預設行為 CHAPTER 13 響應式網頁框架—Bootstrap 13-1 認識Bootstrap 13-1-1 為什麼要使用Bootstrap 13-1-2 下載Bootstrap 13-1-3 RWD的設計理念 13-2 Bootstrap排版 13-2-1 斷點（Breakpoint）與容器（Container） 13-2-2 了解Grid System 13-2-3 Viewport與Media queries 13-3 Bootstrap的樣式 13-3-1 Bootstrap通用顏色 13-3-2 Bootstrap間距 13-3-3 Bootstrap寬度與高度 13-3-4 Bootstrap文字 13-4 圖片與表格 13-4-1 響應式圖片 13-4-2 邊框圓角 13-4-3 建立Bootstrap表格 CHAPTER 14 Bootstrap擴充元件庫 14-1 導覽與選單 14-1-1 導覽列（Navigation Bar） 14-2 表單與按鈕 14-2-1 表單控制元件 14-2-2 表單排版 14-3 輪播元件（Carousel） 14-3-1 基本的輪播效果 14-3-2 利用JavaScript控制輪播 CHAPTER 15 PWA實作—我的記帳本Web App 15-1 實作「我的記帳本」網頁 15-1-1 「我的記帳本」網頁功能與介面 15-1-2 下拉式選單 15-1-3 按鈕群組 15-1-4 互動視窗 15-1-5 IndexedDB關鍵字查詢 15-1-6 善用Bootstrap Icons製作小圖示 15-2 將網頁轉換成PWA 15-2-1 什麼是PWA 15-2-2 製作各種尺寸的App圖示按鈕 15-2-3 將網頁變成PWA