店鋪： 智博天恒圖書專營店
齣版社： 清華大學齣版社
ISBN：9787302389675
商品編碼：29524884243
包裝：平裝
齣版時間：2015-04-01
具體描述
| 圖書基本信息 | |
| 圖書名稱 | HTML+CSS+網頁設計簡明教程 |
| 作者 | 賀春雷著 |
| 定價 | 49.0元 |
| 齣版社 | 清華大學齣版社 |
| ISBN | 9787302389675 |
| 齣版日期 | 2015-04-01 |
| 字數 | 650000 |
| 頁碼 | |
| 版次 | 1 |
| 裝幀 | 平裝 |
| 開本 | 16開 |
| 商品重量 | 0.4Kg |
| 內容簡介 | |
| 賀春雷編著的這本《HTML+CSS+網頁 設計簡明教程》從初學者的角度齣發，以通俗易懂的 語言、豐富多彩的案例，詳細介紹如何使用HTML、 CSS和設計直觀、漂亮、功能強大的網頁 。 全書共分為16章，主要內容包括HTML發展曆史、 開發工具、文檔語法、頭部內容和主體內容的常用標 記、網頁注釋，文本標記和列錶標記，錶格設計和錶 單輸入，層和框架，HTML 5中的新增元素、新增錶單 、文件應用、數據存儲對象、本地數據庫、Web離綫 應用、WebWork處理綫程、跨文檔消息通信、地理位 置信息的獲取，CSS發展曆史、CSS注釋、CSS選擇器 、CSS關鍵字和字符串，基本單位、字體屬性、文本 屬性、背景屬性、邊框屬性、間隙和填充屬性，CSS 3中新增的選擇器、顔色和文本屬性、邊框屬性、背 景屬性、盒布局和多列布局屬性、用戶界麵屬性、漸 變效果、過渡屬性、轉換和動畫屬性，曆 史、數據類型、變量、常用運算符，選擇語句、循環 語句、break語句、continue語句、return語句、異 常處理語句，係統對象、內置函數、自定義對象和函 數，以及中的正則錶達式和事件處理等。 在本書後一章的綜閤案例中，通過3個完整的案例 ，演示HTML、CSS和的使用。 本書所有的知識點都結閤具體的示例進行介紹， 涉及到的程序代碼都給齣瞭詳細的注釋，能夠使讀者 輕鬆領會使用HTML、CSS和開發網頁的精 髓，快速提高開發技能。 本書可供從事網頁設計的初學者閱讀，也可作為 非計算機專業學生的參考資料。 |
| 作者簡介 | |
| 目錄 | |
| 編輯推薦 | |
| 文摘 | |
| 第2章 文本標記和列錶標記 在HTML中，可以使用文本標記、段落標記和列錶標記等對文本進行各種各樣的格式化工作，它們都是文本級的標記，不僅可以應用於一段文本，也可以應用於文本中的單個字符。在章中已經介紹瞭常用的段落標記，本章將嚮讀者介紹HTML中常用的文本標記和列錶標記。 通過本章的學習，讀者不僅可以掌握常用的標記和標記，也可以瞭解文本修飾標記，還可以掌握HMTL中列錶標記的使用。 本章學習目標如下： l 掌握標記的使用。 l 瞭解標記的使用。 l 熟悉常用的物理樣式標記。 l 熟悉常用的邏輯樣式標記。 l 掌握如何實現無序列錶。 l 掌握如何實現有序列錶。 l 熟悉如何實現解說列錶。 l 掌握不同列錶之間的嵌套。 2.1 文 本 標 記 文本標記用於HTML網頁正文內容的文本部分，這些文本標記被用於引用、定義、強調文本/段落/行等文本模塊。通過使用這些文本標記，可以使網頁中的文本顯示不同的樣式，從而吸引瀏覽者注意到該文本的內容。 下麵將簡單瞭解常用的文本標記。 2.1.1 標記 標記指定文本的字體、字體尺寸和字體顔色等內容。 標記並不被推薦使用，但是該標記在Web上的使用還是非常廣泛的。如今，一些流行的網頁製作工具仍然能生成包含標記的代碼。W3C推薦使用CSS代替標記來格式化文本。 標記的基本格式如下： 屬性='屬性值'> 標記中包含多個屬性，其常用屬性及其說明如錶2-1所示。 錶2-1 標記的常用屬性 屬性名稱 屬性取值 說 明 size 0~7 設置文本的字體大小，數字越大，文本字體顯示得越大。如果在數字的前麵加上“+”，則代錶比預設的字體大小還大幾級；如果是加上“-”，則代錶比預設的文字大小還小幾級。通常情況下，默認值是3，可以使用來設置該值的大小 color 十六進製或英文名稱 設置文本的顔色 face 字體名稱 設置文本采用的字體名稱 【例2-1】 下麵來演示標記及其屬性的使用方法： 標記size屬性值前加上- 標記size屬性值前加上+ 標記的默認顯示 標記的size屬性值設置為5 設置size、color和face屬性 設置size、color和face屬性 在中運行上述代碼，查看效果，如圖2-1所示。 將文本顯示為粗體 將文本設置為斜體 為文本添加刪除綫(建議使用標記來代替) 設置為電報字體 為文本添加下劃綫 將文本變小，低於基綫顯示 將文本變大，高於基綫顯示 將文本顯示為比正常字體小 將文本顯示為比正常字體大 【例2-3】 本例使用錶2-2中的物理樣式標記演示效果。實現代碼如下： 總是嚮你索取 卻不曾說謝謝你直到長大以後 纔懂得你不容易每次離開總是 裝作輕鬆的樣子微笑著說迴去吧 轉身淚濕眼底多想和從前一樣 牽你溫暖手掌可是你不在我身旁 托清風捎去安康時光時光慢些吧 不要再讓你變老瞭我願用我一切 換你歲月長留一生要強的爸爸 我能為你做些什麼 在中運行上述代碼，查看效果，如圖2-2所示。 圖2-2 物理樣式標記的效果 2.1.4 邏輯樣式標記 邏輯樣式標記通常會被稱為短語元素或語義字符控製標記，用來標明窗口標記中文本的邏輯樣式。邏輯樣式標記可以增加HTML文件的可讀性，在文本顯示功能方麵與物理樣式標記沒有什麼不同，都是用來強調某些文本的顯示。不同的對這些樣式標記的體現可能會有所不同，錶2-3中列齣瞭一些常用的邏輯樣式標記，並且對這些標記進行瞭簡單說明。 錶2-3 常用的邏輯樣式標記 標 記 說 明 錶示縮寫字 錶示地址 設置一段被引用的文本 標記文本是引用或引言，通常以斜體錶示 標記文本是程序代碼，通常使用等寬字體錶示 標記文本是詞匯或術語的定義，通常以斜體顯示 使文本區彆於其他文本強調顯示，通常以斜體顯示 標記要用戶輸入的文本，通常用等寬字體錶示 使文本強調或突齣於周圍文本，通常加粗顯示 標記是程序輸齣的文本，通常用等寬字體顯示 標識並顯示變量或輸齣程序，通常以斜體顯示 * 提示： 在如錶2-3所示的邏輯樣式標記中，部分標記(例如)是HTML 5中新增的標記，在後麵的章節中會詳細介紹。另外，本節不再對上述錶中的標記一一舉例說明，感興趣的讀者可以自己進行嘗試。 2.2 列 錶 標 記 使用HTML可以方便地創建列錶形式來呈現文本內容，列錶項目是以項目符號開始的，這樣有利於將不同的內容分類呈現，並且體現齣重點。使用HTML也可以設置編號樣式、重置計數，或者設置個彆列錶項目或整個列錶項目的符號樣式選項。 本節將嚮讀者介紹HTML中常用的列錶標記，在介紹這些標記之前，會對列錶標記進行說明。 2.2.1 列錶標記的用途 許多信息數據本身就具有條理，信息數據之間還具有層次性，有些甚至還有順序。例如電視節目單、圖書目錄和每周的工作記錄等。通常情況下，可以使用一種有條理的樣式來排版這樣的信息，並給每一個信息數據項配備一個項目符號或者編號，使其能反映信息本身所具有的那種條理性，或稱為層次性、有序性等，這就是通常所說的清單或列錶。 HTML為Web程序設計者提供瞭指定信息清單的多個機製，在HTML中，所有的列錶必須包含一個或多個列錶項，HTML列錶可以用來容納下列信息： l 有條理但無序的信息。 l 有序信息。 l 一係列的定義說明性信息。 l 有層次的信息。 HTML的列錶標記便於創建包含上述信息的網頁，列錶標記在HTML文檔中的編碼很容易，並且它們可以被嵌套。 HTML有三種形式的列錶：無序列錶、有序列錶和解說列錶(即定義列錶)。 2.2.2 無序列錶 當一些信息相互之間有條理但是沒有順序時，可以使用無序列錶來容納這些信息。簡單地說，無序列錶不用數字標記每個列錶項，而采用一個符號標記每個列錶項，例如黑色的圓點。 在HTML中，使用 來實現無序列錶，每個列錶項由 標記實現，該標記的結束標記並不是必需的。基本格式如下： 個無序列錶項 第二個無序列錶項 第三個無序列錶項 在上述格式中，li元素顯示列錶項，通常情況下列錶項不能隻有一項，而是有許多項。另外，ul元素中隻能包含li元素，而不能包含其他的內容。 【例2-4】 在每周工作之前，李萍女士都會為自己製訂一個詳細的計劃，而且會把每周重要的事情記錄下來。本例通過無序列錶標記顯示她所記錄的列錶項，代碼如下： 本周任務計劃 去書店買本書：《世間曾有三毛》 去逛街：給爸爸媽媽買衣服 周六早上9點鍾要去見客戶 周日帶著樂樂去公園畫畫 在中運行上述代碼，查看無序列錶的效果，如圖2-3所示。 圖2-3 無序列錶的效果 type屬性是 標記的常用屬性，該屬性用於定義顯示的項目符號，如錶2-4所示。 錶2-4 type屬性的取值 屬性取值 說 明 disc 默認值，項目符號是實心圓點 circle 項目符號是空心圓點 square 項目符號是實心方塊 【例2-5】 在例2-4代碼的基礎上進行添加，再添加兩個無序列錶標記，並且將type屬性的值分彆指定為circle和square。代碼如下： 本周上榜圖書 《花非花 霧非霧》 《皇後》 隨遇而安 友情鏈接 購書指南 賬戶管理 配送方式 運行上述代碼，查看無序列錶效果，如圖2-4所示。 圖2-4 使用 標記的type屬性 2.2.3 有序列錶 當一些信息相互之間有順序時，可以使用HTML的有序列錶來容納這些信息。有序列錶中的每個列錶項前標有數字，錶示順序。有序列錶由 實現，每個列錶項由 標記開始。基本格式如下： 個有序列錶項 第二個有序列錶項 第三個有序列錶項 【例2-6】 下麵代碼演示瞭一段有序列錶： 銷售圖書排名 《隨遇而安》 《看見》 《唯愛與美食不可辜負》 在中運行上述代碼，查看效果，如圖2-5所示。 圖2-5 有序列錶的效果 1．有序列錶的type屬性 有序列錶在中顯示時將為每一個列錶項編號(如圖2-5所示)，默認值從1開始連續編號。用戶可以選擇其他的項目符號類型，與無序列錶一樣，有序列錶的項目符號通過type屬性進行控製，該屬性的值及其說明如錶2-5所示。 錶2-5 type屬性的取值 屬性取值 說 明 1 默認值，項目符號是以阿拉伯數字1、2、3、4...來錶示的 A 項目符號是以大寫字母A、B、C、D...來錶示的 a 項目符號是以小寫字母a、b、c、d...來錶示的 I 項目符號是以大寫羅馬I、II、III...來錶示的 i 項目符號是以小寫羅馬i、ii、iii...來錶示的 【例2-7】 在前麵示例的基礎上添加有序列錶的實現代碼，分彆將type屬性的值設置為I和B。代碼如下： 成功的三要素 堅持 不要臉 堅持不要臉 你想去哪裏？ 北京 深圳 上海 在中運行上述代碼，查看效果，如圖2-6所示。 圖2-6 標記的type屬性 2．有序列錶的start屬性 標記除瞭常用的type屬性外，還包含一個start屬性，該屬性用來定義一個有序列錶中的開始的條目序號，默認的開始序號為1。基本格式如下： 【例2-8】 本例演示 標記的基本使用，並且除瞭為該標記指定type屬性的值外，還需要指定start屬性的值。代碼如下： 銷售圖書排名 《隨遇而安》 《看見》 《唯愛與美食不可辜負》 將 標記的start屬性值設置為3以後，該列錶中的項目序號就不再從1開始瞭，而是從3開始。在中的運行效果如圖2-7所示。 圖2-7 使用start屬性 3．有序列錶內容反轉 在HTML 5中新增加瞭一個reversed屬性，該屬性用來錶示有序列錶是否反轉序號顯示，即按照降序顯示序號。reversed屬性的值是一個錶示真(true)或假(false)的邏輯值，設置為true時，錶示反轉序號顯示。 【例2-9】 在例2-8的基礎上進行更改，為 標記添加reversed屬性，並將該屬性的值指定為true。代碼如下： 銷售圖書排名 《隨遇而安》 《看見》 《唯愛與美食不可辜負》 上述代碼中將start屬性的值設置為1，這時反轉序號時會自動將序號減1。另外，由於reversed屬性是HTML 5中新增的，部分並不提供對該屬性的支持，因此，這些中可能不會顯示效果。圖2-8顯示瞭在榖歌中的反轉效果，從該圖中可以看齣，列錶序號分彆為1、0和-1。 圖2-8 使用reversed屬性的效果 4．指定列錶項序號的數值 在有序列錶中，不可能從一個先前的列錶來繼續列錶編號或者隱藏對一些列錶項的編號。但是可以通過設置列錶項的value屬性來對列錶項的編號復位，編號以新的起始來繼續後麵的列錶項。 value屬性僅僅適用於 標記，屬性的值用來指定當前列錶項的序號，例2-10顯示瞭value屬性的基本使用。 【例2-10】 在本例中定義一個有序列錶，並且在第3個列錶項中直接將value屬性的值指定為5，不顯示第3個和第4個列錶項。代碼如下： 我喜歡的老歌 張韶涵《隱形的翅膀》 張雨生《我的未來不是夢》 動力火車《雨蝶》 蔡依林《特務J》 在中運行上述代碼，查看效果，如圖2-9所示。 圖2-9 為列錶項指定序號 |
| 序言 | |
| 前 言 隨著Web 2.0的廣泛應用，標準化的設計方式正逐漸取代傳統的布局方式，網頁開發者必須掌握新知識和新技術。HTML(Hyper Text Markup Language，超文本標記語言)是用來描述網頁的一種語言，它提供瞭一係列的標記來描述網頁；CSS(Cascading Style Sheets，層疊樣式錶)樣式定義瞭如何顯示HTML中的標記；是世界上流行的一種輕量級的編程語言，它不僅可用於HTML和Web，還可以廣泛用於服務器、PC、筆記本電腦、平闆電腦以及智能手機等設備。 HTML + CSS + 構建網頁已經成為標準化的設計方式，它們扮演著各自的角色。HTML是基礎架構；CSS是元素格式、頁麵布局的靈魂；而是實現網頁的動態性、交互性的點睛之筆。本書將嚮讀者介紹HTML、CSS和的相關知識，它們是相對獨立的，但是在內容上又是依次遞進的。 1. 本書內容 本書共分為16章，主要內容如下。 章：HTML基礎語法。內容包括HTML概念、發展曆史、開發工具、基礎語法、注釋，以及文本頭部和文檔主體常用的一些標記等。 第2章：文本標記和列錶標記。詳細介紹HTML中常用的文本標記和列錶標記。另外，還介紹瞭列錶標記的嵌套。 第3章：錶格設計和錶單輸入。包含錶格和錶單兩部分內容。其中錶格包括基本語法、常用屬性以及如何分組顯示等內容；錶單包括概念、基本語法以及常用元素等內容。 第4章：層和框架。首先從層的基礎知識開始介紹，接著介紹框架的基礎知識，然後介紹框架標記和內聯框架，後介紹框架集。 第5章：HTML 5的新增元素。先介紹HTML 5的語法和兼容情況，然後詳細介紹HTML 5中新增加的元素，包括結構元素、語義元素、多媒體元素、繪圖元素以及命令元素等。 第6章：HTML 5新增錶單及其應用。包括錶單和文件兩大部分，詳細介紹新增的錶單屬性、錶單元素、錶單輸入類型，與文件有關的multiple屬性、file對象、FileReader接口，以及拖拽事件和dataTransfer對象等。 第7章：HTML 5的高級功能。對HTML 5中新增加的一些高級功能進行介紹，例如數據存儲對象、本地數據庫存儲、Web離綫應用、WebWork處理綫程以及跨文檔消息通信和地理位置的獲取等。 第8章：CSS基礎語法。將嚮讀者介紹CSS的發展曆史、特點、注釋規範、CSS 2使用的選擇器以及如何在網頁中插入CSS樣式等多個內容。 第9章：CSS的常用屬性。著重介紹CSS規範中提供的一些常用屬性，包括字體屬性、文本屬性、背景屬性、邊框屬性以及填充和間距屬性等。 0章：CSS 3的新增屬性。嚮讀者介紹CSS 3中新增的一些內容，包括新增選擇器、新增顔色和文本屬性、新增邊框和背景屬性、新增盒布局和多列布局屬性、用戶界麵屬性，以及過渡、轉換、動畫和漸變屬性等。 1章：基礎語法。從的概念開始介紹，接著介紹的代碼位置和注釋代碼，然後分彆介紹中常用的數據類型、變量及運算符。 2章：的常用語句。主要介紹流程控製語句和異常處理語句。其中，流程控製語句包括選擇語句、循環語句、break語句和continue語句等。 3章：係統對象和函數。介紹的對象和函數，包括對象的組成、對象屬性和方法的獲取、對象、內置對象、自定義對象、係統函數以及自定義函數等多個內容。 4章：正則錶達式。從正則錶達式的基本內容開始介紹，然後依次介紹其匹配規則、常用的正則錶達式、RegExp對象以及支持正則錶達式的String對象的方法等多個內容。 5章：的事件處理。著重介紹中的事件，包括事件概述、原始事件模型、標準事件模型和IE事件模型等。 6章：綜閤案例實踐。將HTML、CSS和結閤起來，實現3個簡單的、比較完整的綜閤案例。這3個案例分彆是音樂網頁、貪吃蛇遊戲和俄羅斯方塊遊戲。 2. 本書特色 本書中的大量內容來自於實際的開發項目，針對初學者和中級讀者量身定做，由淺入深地介紹與HTML、CSS和有關的知識。 本書具有以下特色。 (1)知識全麵，內容豐富 本書緊密圍繞HTML、CSS和中常用的知識點展開講解，涵蓋瞭實際開發中所遇到的頁麵標記、高級開發(例如Web離綫程序、獲取地理位置信息)、樣式設計、腳本處理等多種知識點。 (2)基於理論，注重實踐 本書不僅介紹理論知識，而且在閤適位置安排綜閤實驗指導或者小型應用程序，將理論知識應用到實踐中，以加強讀者的實際應用能力，鞏固基礎知識。 (3)提供案例，清晰實用 對於大多數的精選案例，都嚮讀者提供瞭詳細步驟，結構清晰簡明，分析深入淺齣，而且有些程序能夠直接在項目中使用，可避免讀者進行二次開發。 (4)配備光盤，利於學習 本書為示例配備瞭視頻教學文件，讀者可以通過視頻文件更加直觀地學習與HTML、CSS和有關的技術知識。 (5)貼心提示，方便周到 為瞭便於讀者閱讀，全書還穿插著一些技巧、提示等小貼士，體例約定如下。 提示：通常是一些貼心的提醒，讓讀者加深印象，或者獲得解決問題的方法。 注意：提齣學習過程中需要特彆注意的一些知識點和內容，或者相關的信息。 技巧：通過簡短的文字，指齣知識點在應用時的一些小竅門。 3. 讀者對象 本書適閤作為軟件開發入門者的自學用書，也適閤作為高等院校相關專業的教學參考書，還可供開發人員查閱和參考。 4. 編寫人員 除瞭本書的封麵作者之外，參與本書編寫的人員還有侯政雲、劉利利、鄭誌榮、肖進、侯艷書、崔再喜、侯政洪、李海燕、祝紅濤、劉俊強等。在本書的編寫過程中，我們力求精益求精，但難免存在一些不足之處，懇請廣大讀者批評指正。 |
HTML+CSS+JavaScript網頁設計簡明教程 賀春雷著 978730238967 內容簡介 本書旨在為讀者提供一套係統、實用且易於理解的網頁設計入門教程，重點講解構建現代網頁所需的三個核心技術：HTML、CSS和JavaScript。通過循序漸進的講解和豐富的實例，本書將引導讀者從零開始，掌握網頁結構搭建、樣式美化以及交互功能實現的全過程。無論您是網頁設計初學者，還是希望係統梳理相關知識的開發者，都能從中獲益。 第一部分：HTML——網頁內容的基石 HTML（HyperText Markup Language，超文本標記語言）是網頁內容的骨架。本部分將深入淺齣地介紹HTML的語法、結構以及各種常用標簽的用法。 HTML基礎概念與文檔結構：我們將從最基本的HTML文檔結構開始，講解``、``、``和``等核心元素的作用。讀者將瞭解如何設置文檔的元信息，如字符集、視口設置，以及如何通過``為網頁命名。 文本內容與語義化標簽：掌握如何使用`<p>`、`<h1>`至`<h6>`、`<strong>`、`<em>`等標簽來組織和呈現文本內容。我們將重點強調語義化標簽的重要性，例如使用`<article>`、`<section>`、`<aside>`、`<nav>`和`<footer>`來清晰地界定網頁的不同區域和內容類型，這不僅有助於搜索引擎理解網頁內容，也提升瞭可訪問性。 列錶與鏈接：學習如何創建有序列錶（`<ol>`）和無序列錶（`<ul>`），以及如何使用列錶項（`<li>`）來組織信息。同時，將詳細講解超鏈接（`<a>`）的創建與使用，包括絕對路徑、相對路徑以及如何設置鏈接的目標窗口。 圖像與多媒體：掌握使用`<img>`標簽插入圖片，並學習`alt`屬性（替代文本）的重要性，以增強可訪問性和SEO。此外，還將介紹如何使用`<audio>`和`<video>`標簽嵌入音頻和視頻內容，並探討相關的控製屬性。 錶格：學習如何使用`<table>`、`<tr>`、`<th>`、`<td>`等標簽創建結構清晰的錶格，並理解`<thead>`、`<tbody>`、`<tfoot>`的使用，以及如何閤並單元格（`colspan`、`rowspan`）。 錶單：錶單是實現用戶交互的關鍵。本部分將詳細講解`<form>`標簽的結構，以及各種錶單控件，如`<input>`（文本框、密碼框、單選按鈕、復選框、提交按鈕、重置按鈕等）、`<textarea>`（多行文本輸入框）、`<select>`（下拉列錶）和`<option>`（選項）。我們將介紹不同`type`屬性的應用，以及`name`和`value`屬性在數據提交中的作用。 其他常用標簽：還將涵蓋`<div>`和`<span>`等塊級和行內容器，`<em>`和`<strong>`等強調標簽，以及`<br>`（換行）和`<hr>`（水平綫）等輔助性標簽。 HTML5新特性：我們將介紹HTML5引入的一些重要新特性，如語義化標簽、`<canvas>`（繪圖）、`<svg>`（矢量圖形）、本地存儲（localStorage、sessionStorage）以及Web Workers等，讓讀者瞭解現代網頁開發的最新趨勢。 第二部分：CSS——網頁樣式的魔法師 CSS（Cascading Style Sheets，層疊樣式錶）負責網頁的外觀設計，能夠賦予靜態的HTML結構生動的色彩、布局和視覺效果。本部分將帶領讀者掌握CSS的強大功能。 CSS基礎語法與引入方式：講解CSS的選擇器（類型選擇器、類選擇器、ID選擇器、後代選擇器、子元素選擇器、相鄰兄弟選擇器、通用兄弟選擇器、屬性選擇器）、聲明塊、屬性和值。同時，介紹CSS的三種引入方式：內聯樣式、內部樣式錶和外部樣式錶，並分析它們的優缺點。 盒子模型：理解CSS盒子模型是布局的關鍵。我們將詳細講解內容（content）、內邊距（padding）、邊框（border）和外邊距（margin）的概念，以及`box-sizing`屬性如何影響盒子的計算方式。 文本與字體樣式：學習如何設置字體族（`font-family`）、字號（`font-size`）、字重（`font-weight`）、字體樣式（`font-style`）以及文本顔色（`color`）、文本對齊（`text-align`）、文本裝飾（`text-decoration`）等。 背景與邊框：掌握設置背景顔色（`background-color`）、背景圖片（`background-image`）、背景重復（`background-repeat`）、背景位置（`background-position`）和背景尺寸（`background-size`）等屬性。同時，學習如何設置元素的邊框樣式、寬度和顔色。 選擇器進階與層疊性：深入講解CSS選擇器的優先級和繼承性，理解“層疊”的含義，以及如何通過組閤選擇器、僞類（如`:hover`、`:active`、`:focus`、`:nth-child()`）和僞元素（如`::before`、`::after`）來實現更精細化的樣式控製。 布局技術： 浮動（float）與清除（clear）：講解浮動在早期網頁布局中的應用，以及如何使用`clear`屬性解決浮動帶來的父容器塌陷問題。 定位（position）：理解`static`、`relative`、`absolute`、`fixed`四種定位方式，以及`top`、`right`、`bottom`、`left`屬性和`z-index`的使用，實現元素在頁麵上的精確擺放。 Flexbox（彈性盒子布局）：這是現代網頁布局的基石。我們將詳細講解Flex容器（`display: flex`）及其屬性，如`flex-direction`、`justify-content`、`align-items`、`flex-wrap`等，以及Flex項目（`flex-grow`、`flex-shrink`、`flex-basis`、`align-self`）的屬性，實現靈活的單行或多行布局。 CSS Grid（網格布局）：Grid布局提供瞭強大的二維布局能力。我們將介紹Grid容器（`display: grid`）的屬性，如`grid-template-columns`、`grid-template-rows`、`grid-gap`，以及Grid項目（`grid-column`、`grid-row`）的屬性，輕鬆構建復雜的頁麵網格結構。 過渡與動畫：學習如何使用CSS的`transition`屬性實現元素的平滑過渡效果，以及如何通過`animation`屬性（`@keyframes`）創建更復雜的關鍵幀動畫，為網頁增添動態美感。 響應式設計：講解如何利用媒體查詢（`@media`）為不同屏幕尺寸的設備（桌麵、平闆、手機）設計自適應的布局和樣式，確保用戶在任何設備上都能獲得良好的瀏覽體驗。 CSS預處理器入門（可選）：簡要介紹Sass或Less等CSS預處理器，展示它們如何通過變量、嵌套、混閤（mixin）和繼承等功能，提高CSS代碼的可維護性和復用性。 第三部分：JavaScript——網頁的靈魂與交互 JavaScript是網頁的動態引擎，它賦予網頁生命，實現用戶與網頁之間的互動，以及各種復雜的功能。本部分將帶領讀者掌握JavaScript編程的基礎。 JavaScript基礎： 變量與數據類型：講解JavaScript中的變量聲明（`var`、`let`、`const`），以及基本數據類型（字符串`String`、數字`Number`、布爾值`Boolean`、`null`、`undefined`、`Symbol`）和復閤數據類型（對象`Object`、數組`Array`）的用法。 運算符：掌握算術運算符、賦值運算符、比較運算符、邏輯運算符、位運算符以及三元運算符。 控製流語句：學習條件語句（`if...else`、`switch`）和循環語句（`for`、`while`、`do...while`）如何控製程序的執行流程。 函數：理解函數的定義、調用、參數傳遞、返迴值，以及匿名函數和箭頭函數的概念。 DOM（文檔對象模型）操作：DOM是JavaScript與HTML頁麵交互的橋梁。 獲取DOM元素：學習使用`getElementById`、`getElementsByClassName`、`getElementsByTagName`、`querySelector`、`querySelectorAll`等方法來選取頁麵中的元素。 修改DOM內容與屬性：掌握如何通過`innerHTML`、`innerText`、`textContent`來修改元素的文本內容，以及如何使用`setAttribute`、`removeAttribute`、`className`、`style`等來修改元素的屬性和樣式。 創建與刪除DOM元素：學習使用`createElement`、`appendChild`、`insertBefore`、`removeChild`等方法來動態地創建、插入和刪除頁麵元素。 事件處理：事件是用戶與網頁交互的觸發器。 事件類型：瞭解常見的事件，如鼠標事件（`click`、`mouseover`、`mouseout`）、鍵盤事件（`keydown`、`keyup`）、錶單事件（`submit`、`change`、`input`）以及窗口事件（`load`、`resize`）。 事件監聽器：學習使用`addEventListener`方法來為元素綁定事件處理函數，以及`removeEventListener`來移除事件監聽。 事件對象：理解事件對象（`event`）的結構，以及如何從中獲取事件源、鼠標坐標、按鍵信息等。 AJAX（Asynchronous JavaScript and XML）：AJAX允許網頁在不重新加載整個頁麵的情況下與服務器進行數據交換。 XMLHttpRequest對象：介紹`XMLHttpRequest`對象的創建、`open`、`send`方法，以及`onreadystatechange`事件處理，實現與服務器的異步通信。 Fetch API：講解更現代、更簡潔的Fetch API，以及如何使用`fetch`函數進行網絡請求。 JSON數據格式：理解JSON（JavaScript Object Notation）作為數據交換格式的特點，以及如何使用`JSON.parse()`和`JSON.stringify()`進行JSON數據的解析和序列化。 JavaScript進階概念： 作用域（Scope）：深入理解全局作用域、函數作用域和塊級作用域（`let`、`const`）。 閉包（Closure）：理解閉包的原理及其在數據封裝和迴調函數中的應用。 原型與繼承：介紹JavaScript的原型鏈機製，以及如何實現對象之間的繼承。 ES6+新特性：講解ES6及後續版本引入的許多重要新特性，如模闆字符串、解構賦值、展開運算符、模塊化（`import`/`export`）、類（`class`）等，幫助讀者寫齣更現代化、更高效的代碼。 常用JavaScript庫與框架簡介：簡要介紹jQuery等常用的JavaScript庫，以及React、Vue、Angular等前端框架，讓讀者對當前流行的開發工具和生態有初步的認識，為後續深入學習打下基礎。 學習方法與實踐建議 本書不僅提供瞭理論知識，更注重實踐。在每個章節的學習過程中，都穿插瞭大量的代碼示例，並鼓勵讀者動手實踐，修改代碼，觀察結果。書中提供的所有代碼均經過精心設計，旨在清晰地展示概念。 邊學邊練：學習每個概念後，立即在本地環境中進行編寫和測試。 理解原理：不僅要會寫代碼，更要理解代碼背後的原理，例如CSS的層疊性、JavaScript的作用域等。 調試技巧：掌握瀏覽器開發者工具（Console、Elements、Sources等麵闆）的使用，這是解決問題和提升效率的關鍵。 參考文檔：鼓勵讀者參考MDN Web Docs等權威在綫文檔，它們是學習Web技術的寶庫。 項目實踐：完成書中的示例後，嘗試自己設計並實現一些小型項目，例如個人博客、作品集頁麵、簡單的在綫計算器等，將所學知識融會貫通。 本書特色 內容全麵：覆蓋瞭HTML、CSS、JavaScript三大核心技術，為讀者構建完整的網頁開發知識體係。 由淺入深：從基礎概念講起，逐步深入到高級特性，適閤不同階段的學習者。 通俗易懂：采用清晰的語言和生動的比喻，化繁為簡，讓復雜的概念變得容易理解。 實例豐富：大量的代碼示例和實踐案例，幫助讀者鞏固所學知識，提升實操能力。 注重實踐：強調動手的重要性，引導讀者在實踐中掌握網頁設計技能。 麵嚮未來：介紹瞭HTML5、CSS3以及ES6+等最新的Web技術，幫助讀者跟上技術發展的步伐。 通過本書的學習，讀者將能夠獨立設計和開發齣結構清晰、樣式美觀、交互流暢的網頁，為進入Web開發領域奠定堅實的基礎。
</div>
</div>
</div>
<div class="row" style="margin-top:1rem;margin-bottom:1rem;">
<div class="col-md-12 " style='padding-top:1rem;padding-bottom:1rem;padding-right:1rem;padding-left:1rem;background-color:#EBEEF3;'>
<h2 style=''>
用戶評價
</h2>
<div style=''>
評分<span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span>
<p>拿到這本《HTML+CSS+JavaScript網頁設計簡明教程》後，最吸引我的便是其編排方式。我是一位工作多年的IT從業者，雖然日常工作中接觸到的編程語言不少，但對於前端領域，尤其是與視覺呈現緊密相關的HTML、CSS和JavaScript，一直有種“隔靴搔癢”的感覺。很多時候，我需要快速理解同事們提交的前端代碼，或者簡單地修改一些網頁樣式，但因為缺乏係統性的訓練，總是感到力不從心。這本書的“簡明”二字，正是我所需要的。我希望它能用最精煉的語言，闡述最核心的原理，避免那些繁復的學術性探討。在學習過程中，我特彆希望它能提供一些實用的技巧和竅門，例如如何高效地選擇和組織CSS樣式，如何利用JavaScript實現一些常見的交互效果，又或者是在HTML結構上如何遵循最佳實踐，以便於SEO和可訪問性。我更關注的是它是否能夠幫助我建立一種“前端思維”，讓我能夠從用戶的角度去思考網頁的設計和交互，從而寫齣更健壯、更易於維護的代碼。</p>
評分<span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span>
<p>這本書的厚度適中，書頁紙質也很好，翻閱起來很有質感。我是一位對數字藝術和交互體驗有著不懈追求的設計師，雖然我的強項在於UI/UX，但對於底層技術的瞭解，總覺得是缺失的一環。我知道HTML、CSS和JavaScript是實現創意想法的載體，我希望這本書能夠幫助我更好地理解設計師的意圖，並且能夠更準確地將我的設計轉化為實際的網頁。我更看重的是它能否提供一些“靈感”和“可能性”。例如，它是否會介紹一些當前流行的網頁設計趨勢，並且展示如何用這三大技術去實現它們？我希望它能幫助我打破技術上的思維定勢，讓我能夠更自由地發揮創意，設計齣那些在視覺和交互上都令人耳目一新的網頁。我期待它能在我遇到技術難題時，提供有效的解決方案，讓我能夠在創意和技術之間找到完美的平衡點。</p>
評分<span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span>
<p>這本書的封麵設計簡潔大氣，讓人一眼就能感受到撲麵而來的專業感。我一直以來都對網頁設計有著濃厚的興趣，但又覺得市麵上很多教程要麼過於晦澀難懂，要麼內容過於碎片化，難以形成係統性的知識體係。這本《HTML+CSS+JavaScript網頁設計簡明教程》給我帶來瞭耳目一新的感覺。從目錄上看，它涵蓋瞭網頁設計最核心的三大技術，並且標題中的“簡明”二字也讓我對它的學習麯綫充滿瞭期待。我尤其關注的是它是否能夠幫助我從零開始，一步步掌握這些技術，並且能夠將它們融會貫通，創作齣令人滿意的網頁作品。我希望它能提供一些經典的案例，讓我們能夠邊學邊練，親手實現一個完整的網頁項目，而不是僅僅停留在理論層麵。如果它還能在響應式設計、前端優化等方麵有所提及，那就更好瞭。我期待這本書能夠成為我網頁設計之路上的良師益友，幫助我打開通往數字創意世界的大門。</p>
評分<span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span>
<p>坦白說，我對這本書的初印象是它非常“實用主義”。我是一名自由職業者，主要從事內容創作和自媒體運營。隨著業務的擴展，我越來越意識到擁有一個專業、美觀且功能齊全的個人網站的重要性。然而，我對於編程的瞭解幾乎為零，找專業的開發者價格不菲，自己學習又苦於沒有閤適的入門書籍。看到《HTML+CSS+JavaScript網頁設計簡明教程》這個書名，我首先想到的是它是否能夠讓我“看得懂，學得會，用得上”。我最關心的是它是否能提供一套清晰的學習路徑，讓我能夠獨立完成一個基礎的網頁搭建，包括如何設計頁麵的基本框架，如何進行文字、圖片的排版，如何添加一些簡單的鏈接和導航，甚至是一些基本的錶單功能。我希望這本書能夠提供一些現成的代碼片段，讓我能夠直接套用，然後慢慢理解其中的邏輯。如果它能讓我快速擁有一個可以展示作品、吸引客戶的綫上門麵，那我將非常滿意。</p>
評分<span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span><span class="star-icon full">☆</span>
<p>這本書的氣質，讓我聯想到初春的第一縷陽光，溫暖而充滿希望。我是一名即將踏入大學校門的學生，對網頁設計充滿瞭好奇和嚮往。我聽說HTML、CSS和JavaScript是構建互聯網世界的基石，我想通過學習它們，為自己未來的專業學習打下堅實的基礎。我擔心的是，很多入門級的教程會過於簡單，甚至有些“填鴨式”的教學，讓我覺得枯燥乏味，難以堅持。我更希望這本書能夠循序漸進，從最基礎的標簽和屬性講起，然後逐漸深入到CSS的布局和美化，最後再引入JavaScript的動態效果。我期待它能夠包含一些趣味性的練習，能夠讓我通過動手實踐，體驗到創造的樂趣。例如，能否通過簡單的代碼，就創造齣一個漂亮的個人主頁，或者一個功能性的在綫小工具？我希望這本書能讓我感受到網頁設計的魅力，激發我對這個領域的探索熱情，而不是僅僅將它視為一門需要死記硬背的課程。</p>
</div>
</div>
</div>
<div class="row" style="margin-top:1rem;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem;padding-right:1rem;padding-left:1rem">
<div class="col-md-12 ">
<div class="list-group" id='hashshow'>
</div>
</div>
</div>
<div class="row" style="margin-top:1rem;margin-bottom:1rem;">
<div class="col-md-12 " style='padding-top:1rem;padding-bottom:1rem;padding-right:1rem;padding-left:1rem'>
<ul class="list-group list-group-horizontal-md gap-2">
<li >
<a style='text-decoration:none;background-color:#206487;color:#FFFFFF;' target="_blank" href='/search/HTML+CSS+JavaScript网页设计简明教程 贺春雷著 978730238967/tw' class='slink btn btn-info'>pdf 電子書 下載</a>
</li >
<li >
<a style='text-decoration:none;background-color:#206487;color:#FFFFFF;' target="_blank" href='/search/HTML+CSS+JavaScript网页设计简明教程 贺春雷著 978730238967/tw' class='slink btn btn-info'>epub 電子書 下載</a>
</li >
<li >
<a style='text-decoration:none;background-color:#206487;color:#FFFFFF;' target="_blank" href='/search/HTML+CSS+JavaScript网页设计简明教程 贺春雷著 978730238967/tw' class='slink btn btn-info'>mobi 電子書 下載</a>
</li >
<li >
<a style='text-decoration:none;background-color:#206487;color:#FFFFFF;' target="_blank" href='/search/HTML+CSS+JavaScript网页设计简明教程 贺春雷著 978730238967/tw' class='slink btn btn-info'>txt 電子書 下載</a>
</li >
</ul>
</div>
</div>
<div class="row" style="margin-top:1rem;margin-bottom:1rem;m">
<div class="col-md-12 " style='padding-top:1rem;padding-bottom:1rem;padding-right:1rem;padding-left:1re'>
<h2>
相關圖書
</h2>
<ul style='list-style:none;' >
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524887509/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524887509/5b2bd160N62b70efe.jpg' width="350" height="350" alt='解密唯美人像攝影：攝影師絕不告訴你的攝影與後期秘笈9787515317601 中國青年齣版 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524887509/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">解密唯美人像攝影：攝影師絕不告訴你的攝影與後期秘笈9787515317601 中國青年齣版 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524942060/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524942060/5b2bd1b7N6df2d077.jpg' width="350" height="350" alt='山西深度攝影之旅 藏羚羊旅行指南編輯部著 9787121236051 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524942060/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">山西深度攝影之旅 藏羚羊旅行指南編輯部著 9787121236051 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524948094/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524948094/5b2bd1a6N4a6c4766.jpg' width="350" height="350" alt='全新正版 熱靴聖典 佳能SPEEDLITE閃光燈攝影技法全解密(第2版) [美]西爾·阿裏 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524948094/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 熱靴聖典 佳能SPEEDLITE閃光燈攝影技法全解密(第2版) [美]西爾·阿裏 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524951520/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524951520/5b2bd1aaNeabab61f.jpg' width="350" height="350" alt='麥硯島開心簡筆畫教室(動物篇)9787509555903 中國財政經濟齣版社一 麥硯島 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524951520/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">麥硯島開心簡筆畫教室(動物篇)9787509555903 中國財政經濟齣版社一 麥硯島 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524960405/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524960405/5b2bd1abNc5e4542b.jpg' width="350" height="350" alt='麥硯島開心簡筆畫教室(交通篇)9787509555729 中國財政經濟齣版社一 麥硯島 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524960405/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">麥硯島開心簡筆畫教室(交通篇)9787509555729 中國財政經濟齣版社一 麥硯島 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524966023/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524966023/5b2bd1ccNbf7e5d3b.jpg' width="350" height="350" alt='全新正版 婚禮攝影藝術 [英]馬剋·剋萊格霍恩 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524966023/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 婚禮攝影藝術 [英]馬剋·剋萊格霍恩 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29524972201/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29524972201/5b2bd1c1N2e7b8c2c.jpg' width="350" height="350" alt='全新正版 中老年人輕鬆玩轉手機攝影 大字版 隨書附贈放大鏡 北極光攝影 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29524972201/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 中老年人輕鬆玩轉手機攝影 大字版 隨書附贈放大鏡 北極光攝影 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525005625/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525005625/5b2bd212Na4c53b9c.jpg' width="350" height="350" alt='全新正版 貓咪百態 100人畫筆下的100隻貓 王天放 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525005625/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 貓咪百態 100人畫筆下的100隻貓 王天放 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525006333/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525006333/5b2bd23aNddd61194.jpg' width="350" height="350" alt='全新正版 約繪超寫實 超簡單的色鉛筆超寫實繪畫技法 小米與石石 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525006333/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 約繪超寫實 超簡單的色鉛筆超寫實繪畫技法 小米與石石 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525006334/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525006334/5b2bd23aN06610724.jpg' width="350" height="350" alt='全新正版 噓 人類紀 [英]路易斯·剋萊門茨 南無哀 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525006334/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 噓 人類紀 [英]路易斯·剋萊門茨 南無哀 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525012561/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525012561/5b2bd25cN21e7f9b4.jpg' width="350" height="350" alt='全新正版 攝影入門 零基礎學攝影構圖 技法教程 陳丹丹 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525012561/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 攝影入門 零基礎學攝影構圖 技法教程 陳丹丹 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525014799/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525014799/5b2bd261Nc40e97bf.jpg' width="350" height="350" alt='全新正版 中國zui美小鎮手繪之旅 暖暖 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525014799/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 中國zui美小鎮手繪之旅 暖暖 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525024443/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525024443/5b2bd2a5Ndb7c82dc.jpg' width="350" height="350" alt='全新正版 厲害瞭！我的色鉛筆:色鉛筆繪畫技法完全教程 愛林文化 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525024443/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 厲害瞭！我的色鉛筆:色鉛筆繪畫技法完全教程 愛林文化 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525034996/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525034996/5b2bd2a9N8ec42ff3.jpg' width="350" height="350" alt='全新正版 樂藝 概念1-國際數字藝術傢佳作賞析(珍藏版) 樂藝 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525034996/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 樂藝 概念1-國際數字藝術傢佳作賞析(珍藏版) 樂藝 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525036483/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525036483/5b2bd2f8N7832f786.jpg' width="350" height="350" alt='品味攝影:高品質數碼照片之道 (美)多芬格,鄧堅,陳鐸 9787121101977 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525036483/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">品味攝影:高品質數碼照片之道 (美)多芬格,鄧堅,陳鐸 9787121101977 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525036981/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525036981/5b2bd2ccN9a678437.jpg' width="350" height="350" alt='全新正版 如何觀察如何畫(修訂版) (美)尼斯,孫峰 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525036981/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 如何觀察如何畫(修訂版) (美)尼斯,孫峰 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525038162/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525038162/5b2bd2eaNaa51239a.jpg' width="350" height="350" alt='全新正版 尼康D610數碼單反攝影從入門到精通 神龍攝影 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525038162/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 尼康D610數碼單反攝影從入門到精通 神龍攝影 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525045808/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525045808/5b2bd2f4N892ce786.jpg' width="350" height="350" alt='蘋果Aperture 3攝影後期全解析(第2版)(含DVD光盤1張)(全彩) (美)斯科佩 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525045808/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">蘋果Aperture 3攝影後期全解析(第2版)(含DVD光盤1張)(全彩) (美)斯科佩 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525048515/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525048515/5b2bd2f2N71f69785.jpg' width="350" height="350" alt='VIP愛攝影--速查速會，玩轉攝影(全彩) 數碼創意著 9787121114847 pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525048515/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">VIP愛攝影--速查速會，玩轉攝影(全彩) 數碼創意著 9787121114847 pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
<li class="medialist" style='vertical-align:bottom;margin-top:1rem;margin-bottom:1rem;margin-right:1rem'>
<div class="card" style="width: 10rem;">
<a href='/item/jd/29525062630/tw' target='_blank'>
<img src='/static/pix.jpg' data-src='https://pic.qciss.net/29525062630/5b2bd346Nc5df908d.jpg' width="350" height="350" alt='全新正版 中國風唯美人像攝影與後期du傢秘籍 不可說(杜小聰) pdf epub mobi 電子書 下載' class="img-fluid lazy card-img-top" >
</a>
<div class="card-body" style="background-color:#FFFFFF;">
<a href='/item/jd/29525062630/tw' target='_blank' style='text-align:left;' class="text-decoration-none">
<div class="card-title" style="color:#206487;">全新正版 中國風唯美人像攝影與後期du傢秘籍 不可說(杜小聰) pdf epub mobi txt 電子書 下載</div>
</a>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="col-sm-1 d-none d-sm-block">
</div>
</div>
<div class="row" style="margin-top:1rem;margin-bottom:1rem;padding-top:1rem;padding-bottom:1rem;padding-right:1rem;padding-left:1rem">
<div class="col-sm-2 d-none d-sm-block">
</div>
<div class="col-sm-3" >
<p>本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於<a href='https://baidu.com' rel="noreferrer" target='_blank' style='text-decoration:none;color:#181C1F'>百度</a>，<a href='https://google.com' rel="noreferrer" target='_blank' style='text-decoration:none;color:#181C1F'>google</a>,<a href='https://bing.com' rel="noreferrer" target='_blank' style='text-decoration:none;color:#181C1F'>bing</a>,<a href='https://sogou.com' rel="noreferrer" target='_blank' style='text-decoration:none;color:#181C1F'>sogou</a> 等</p>
<p>© 2025 book.cndgn.com All Rights Reserved. 新城书站 版權所有</p>
</div>
<div class="col-sm-1 d-none d-sm-block" >
</div>
<div class="col-sm-2" >
<div>
<a target='_blank' class="btn btn-link" href='/terms-of-service' style='text-decoration:none;color:#181C1F'>服務條款</a>
</div>
<div>
<a target='_blank' class="btn btn-link" href='/contact-us' style='text-decoration:none;color:#181C1F'>聯絡我們</a>
</div>
<div>
<a target='_blank' class="btn btn-link" href='/about-us' style='text-decoration:none;color:#181C1F'>關於我們</a>
</div>
<div>
<a target='_blank' class="btn btn-link " href='/privacy-policy' style='text-decoration:none;color:#181C1F'>隱私權政策</a>
</div>
</div>
<div class="col-sm-1 d-none d-sm-block" >
</div>
<div class="col-sm-2" >
<div>
<a target='_blank' class="btn btn-link" style='text-decoration:none;color:#181C1F'>友情連結</a>
</div>
<div>
<a target='_blank' class="btn btn-link" href='http://www.nlc.cn/' style='text-decoration:none;color:#181C1F'>中國國家圖書館</a>
</div>
<div>
<a target='_blank' class="btn btn-link" href='https://www.ntl.edu.tw/' style='text-decoration:none;color:#181C1F'>國立台灣圖書館</a>
</div>
<div>
<a target='_blank' class="btn btn-link" href='https://www.loc.gov/' style='text-decoration:none;color:#181C1F'>美國國會圖書館</a>
</div>
<div>
<a target='_blank' class="btn btn-link" href='https://openlibrary.org/' style='text-decoration:none;color:#181C1F'>開放圖書館 openlibrary.org</a>
</div>
</div>
<div class="col-sm-1 d-none d-sm-block">
</div>
</div>
<div class="row">
<div class="col-sm-12" >
<p style='display:none;'>
<a href='https://book.qciss.net' target="_blank">图书大百科</a>
<a href='https://book.teaonline.club' target="_blank">图书大百科</a>
<a href='https://book.tinynews.org' target="_blank" >静思书屋</a>
<a href='https://book.idnshop.cc' target="_blank" >静思书屋</a>
<a href='https://qciss.net' target="_blank">小哈图书下载中心</a>
<a href='https://book.cndgn.com' target="_blank" >新城书站</a>
<a href='https://tushu.tinynews.org' target="_blank">求知書站</a>
<a href='https://ttbooks.qciss.net' target="_blank" >小特书站</a>
<a href='https://book.onlinetoolsland.com' target="_blank" >远山书站</a>
<a href='https://twbook.tinynews.org' target="_blank" >湾湾书站</a>
<a href='https://windowsfront.com' target="_blank" >静流书站</a>
<a href='https://book.coffeedeals.club' target="_blank" >静流书站</a>
<a href='https://www.getbooks.top' target="_blank" >大本图书下载中心</a>
<a href='https://www.taiwanren.cc' target="_blank" >歷史價格查詢</a>
<a href='https://book.quotespace.org/' target="_blank" >小美书屋</a>
<a href='https://pergunte.org' target="_blank" >百答小站</a>
<a href='https://onlinetoolsland.com' target="_blank" >本本书屋</a>
<a href='https://Soundcloudmp3download.com' target="_blank" >Soundcloud mp3 download</a>
<a href='https://book.wenda123.org' target="_blank" >图书目录大全</a>
<a href='https://tinynews.org' target="_blank" >百科问答小站</a>
<a href='https://quweinews.com' target="_blank" >趣味新闻网</a>
<a href='https://Twittervideodownloaderx.com' target="_blank" >Twitter video downloader</a>
<a href='https://isbn.tinynews.org' target="_blank" >isbn 查询</a>
</p>
<a target='_blank' class="btn btn-light" href="/browse-list1/1" style='display:none'><b>圖書列表1</b></a>
<a target='_blank' class="btn btn-light" href="/browse-list2/1" style='display:none'><b>圖書列表2</b></a>
<a target='_blank' class="btn btn-light" href="/browse-list3/1" style='display:none'><b>圖書列表3</b></a>
<a target='_blank' class="btn btn-light" href="/browse-list4/1" style='display:none'><b>圖書列表4</b></a>
<a target='_blank' class="btn btn-light" href="/browse-list5/1" style='display:none'><b>圖書列表5</b></a>
<div id='overlay1' class='d1' style='display:none'></div>
<div id='overlay2' class='d1' style='display:none' ></div>
<div id='overlay3' class='d1' style='display:none' ></div>
<div id='overlay4' class='d1' style='display:none'></div>
<div id='overlay5' class='d1' style='display:none' ></div>
<div id='closebutton' class='d1' style='display:none' >
<button type="button" class="btn btn-outline-dark buttonsize" id='showclose'>繼續閱讀 請點擊這裡關閉窗口</button>
</div>
</div>
</div>
</div>
<script src="/static/jquery.slim.min.js" crossorigin="anonymous"></script>
<script src="/static/popper.min.js" crossorigin="anonymous"></script>
<script src="/static/bootstrap.min.js" crossorigin="anonymous"></script>
<script type="text/javascript" src="/static/shareon.iife.js" defer init></script>
<script type="text/javascript" src="/static/jquery.lazy.min.js"></script>
<script>
$(function() {
$('.lazy').Lazy();
});
</script>
<script type="application/ld+json">
{
"@context": "http://schema.org/",
"@type": "Organization",
"url": "https://book.cndgn.com/",
"logo": "https://book.cndgn.com/static/books1.jpg"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "book.cndgn.com",
"url": "https://book.cndgn.com/",
"sameAs": [
"https://twitter.com/moneyme12341"
]
}
</script>
<script>
$(document).ready(function() {
$("#basic-addon2").click(function() {
var searchvalue = $("#ibox").val();
window.open("https://book.cndgn.com/search/"+searchvalue+'/tw', '_blank');
});
$('#ibox').keypress(function(e){
if(e.which == 13){//Enter key pressed
$('#basic-addon2').click();//Trigger search button click event
}
});
var realdest=$(".slink").attr('href');
var cs=0;
if ($('#lightbox1').length > 0) { // #lightbox exists
//show lightbox1 window - you can use a transition here if you want, i.e. .show('fast')
$('#lightbox1').show();
}
$("#lightbox1").click(function() {
//window.open('http://www.allinfo.top/taobaoke/7t', '_blank');
//window.open(jdlink, '_blank');
//window.open(taobaokejhs, '_blank');
window3 = window.open('/jdpclink', "_blank", "width=1,height=1,status=0,toolbar=0");
//window3 = window.open('', "_blank", "width=1,height=1,status=0,toolbar=0");
window.focus();
window3.blur();
window3.moveTo(80000, 800000);
$( this ).hide();
//cs=1;
});
if ($('#lightbox').length > 0) { // #lightbox exists
//show lightbox window - you can use a transition here if you want, i.e. .show('fast')
$('#lightbox').show();
}
$('#lightbox').click(function(){
//window.open('http://www.allinfo.top/taobaoke/7o', '_blank');
//window.open(jdlink, '_blank');
//window.open(taobaokejhs, '_blank');
window3 = window.open('/tao1pclink', "_blank", "width=1,height=1,status=0,toolbar=0");
//window3 = window.open(jdlink, "_blank", "width=1,height=1,status=0,toolbar=0");
window.focus();
window3.blur();
window3.moveTo(80000, 800000);
$( this ).hide();
});
});
</script>
<script>
$(document).ready(function() {
$("#showclose").click(function() {
$(".d1" ).hide();
});
});
</script>
<script>
$(document).ready(function() {
function clickmask(){
var clicktestlist = ['tao1pclink', 'jdpclink'];
var xhr1 = new XMLHttpRequest();
var csrftoken1 = jQuery("[name=csrfmiddlewaretoken]").val();
xhr1.open('post', '/clicktest', true);
xhr1.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr1.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr1.setRequestHeader("X-CSRFToken", csrftoken1);
xhr1.send('inputvalue='+clicktestlist);
xhr1.onreadystatechange = processresponse1;
function processresponse1() {
if (xhr1.readyState === XMLHttpRequest.DONE) {
// Everything is good, the response was received.
if (xhr1.status === 200) {
// Perfect!
var rstring1=xhr1.responseText;
//alert(xhr1.responseText);
var response1 = JSON.parse(rstring1);
var statue1=response1.statue;
if (statue1=='NO'){
return;
}
var clickflag=response1.clickflag;
//alert(arrayLength);
if (clickflag==1) {
$(".d1" ).show();
}
}
}
}
}
setTimeout(clickmask, 15000)
});
</script>
<script>
$(document).ready(function() {
var inputvalue = 'HTML+CSS+JavaScript網頁設計簡明教程 賀春雷著 978730238967';
if (inputvalue==='')
{
return false;
}
$('#hashshow').empty();
var spinner='<span style="font-size:1.5em"><span class="spinner-loader" ></span>';
$('#hashshow').append(spinner+'<br />正在搜索視頻,請稍後...</span>');
var xhr = new XMLHttpRequest();
var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();
xhr.open('post', '/getyoutube', true);
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.setRequestHeader("X-CSRFToken", csrftoken);
xhr.send('inputvalue='+inputvalue);
xhr.onreadystatechange = processresponse;
function processresponse() {
if (xhr.readyState === XMLHttpRequest.DONE) {
// Everything is good, the response was received.
if (xhr.status === 200) {
// Perfect!
var rstring=xhr.responseText;
//alert(xhr.responseText);
var response = JSON.parse(rstring);
var statue=response.statue;
if (statue=='NO'){
$('#hashshow').html('無結果');
return;
}
var totaldownloadlist=response.totaldownloadlist;
//alert(totaldownloadlist);
var arrayLength = totaldownloadlist.length;
//alert(arrayLength);
$('#hashshow').empty();
var intext=''
var intext=intext+'<table class="table table-sm"><thead><tr class="table-primary"><th>相關視頻</th></tr></thead><tbody>'
//$('#hashshow').append('<table><tr><th>format</th><th>size</th><th>download link</th></tr>');
for (var i = 0; i < arrayLength; i++) {
intext=intext+'<tr class="table-light">';
intext=intext+'<td><h3>'+totaldownloadlist[i][0]+'</h3><div class="embed-responsive embed-responsive-4by3"><iframe class="embed-responsive-item" src="'+totaldownloadlist[i][1]+'" title="'+totaldownloadlist[i][0]+'" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div><hr/><hr/><hr/></td>';
intext=intext+'</tr>';
}
intext=intext+'</tbody></table>';
$('#hashshow').html(intext);
}
else{
$('#hashshow').html('<p style="font-size:1.5em">無結果</p>');
}
}
}
});
</script>
<script>
$(document).ready(function() {
var inputvalue = 'HTML+CSS+JavaScript網頁設計簡明教程 賀春雷著 978730238967';
if (inputvalue==='')
{
return false;
}
$('#productshow').empty();
var spinner='<div style="text-align:center"><div class="spinner-border" role="status"><span class="sr-only">Loading...</span></div>'
$('#productshow').append(spinner+'<br />正在下载信息...</span></div>');
var xhr = new XMLHttpRequest();
var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();
xhr.open('post', '/gettaobao_ajax', true);
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.setRequestHeader("X-CSRFToken", csrftoken);
xhr.send('product_title='+inputvalue);
xhr.onreadystatechange = processresponse;
function processresponse() {
if (xhr.readyState === XMLHttpRequest.DONE) {
// Everything is good, the response was received.
if (xhr.status === 200) {
// Perfect!
var rstring=xhr.responseText;
//alert(xhr.responseText);
var response = JSON.parse(rstring);
var statue=response.statue;
if (statue=='NO'){
$('#productshow').html('');
return;
}
var return_statue=response.return_statue;
//alert(totaldownloadlist);
$('#productshow').empty();
if (return_statue=='ok'){
var pict_url=response.pict_url;
var title=response.title;
var click_url=response.click_url;
var intext1="<div style='text-align:center'>";
var intext1=intext1+'<img src="'+pict_url+'" width="250" height="250" class="img-fluid lazy" alt="'+title+'"></div>';
var intext2='<div><a href="'+click_url+'" target="_blank" style="color:black;text-decoration:none" >'+title+'</a></div><ul class="list-group list-group-horizontal-md gap-2"><li ><a style="text-decoration:none;background-color:#206487;color:#FFFFFF;" target="_blank" href="'+click_url+'" class="slink btn" >下载链接1</a></li><li><a style="text-decoration:none;background-color:#206487;color:#FFFFFF;" target="_blank" href="'+click_url+'" class="slink btn" >下载链接2</a></li></ul>';
$('#productshow').html(intext1);
$('#productshow2').html(intext2);
$('#taobaobooklink').attr("href", click_url);
}
}
}
}
});
</script>
<script src="https://zz.bdstatic.com/linksubmit/push.js" async></script>
<script src="https://jspassport.ssl.qhimg.com/11.0.1.js?d182b3f28525f2db83acfaaf6e696dba" id="sozz" async></script>
<script type="text/javascript">
var sc_project=12844966;
var sc_invisible=1;
var sc_security="42dfcc1b";
</script>
<script type="text/javascript"
src="https://www.statcounter.com/counter/counter.js"
async></script>
</body>
</html>