請開啓javascript,方便系統運作!謝謝!
重要訊息:慎防詐騙電話,絕無簽單錯誤造成重複扣款或重複出貨,請您千萬不要操作ATM提款機。
註冊
帳號
密碼
f
忘記密碼
客服中心
購物車
全部
書名
作者姓名
ISBN
出版社名稱
熱門搜尋
165防詐騙
蝦皮
112年王立杰
法官學院 / 裁判實務教材
【112年證基會】
《苔蘚兄妹》筆記本
關閉廣告
展開廣告
圖書分類
五南本版
公職考試
教科專業
政府出版
暢銷精選
文具
休閒
課程
美食
美妝
精品
服飾包包
3C
餐廚具
家居
婦幼
辭書、總類
中文辭書
西文辭書
日韓文辭書
專業辭書
圖書館學
教育
通論
教育與學校行政
教育心理、測驗與統計
課程與教學
幼兒教育
特殊教育
各級各類教育
班級經營
心理、諮商與輔導
通論
認知心理學
發展心理學
社會心理學
工商心理學
諮商基礎
諮商運用
法律
工具書
總論
憲法
行政法
民事法
刑事法
商事法
國際法
犯罪防制
學科概要系列
學術專著
實務叢書
政治、公共行政
政治理論
比較政府與政治
國際關係
公共行政
工具書
學術專著
財經、商管
管理
財經
國貿
金融
會計
統計
研究方法與論文寫作
社會、傳播
社會科學
社會學
社會工作
社會問題與福利
高齡學
新聞學
傳播學
廣播、電視、電影
廣告與公共關係
文化研究、禮俗
觀光、餐旅、休閒
觀光
餐旅
休閒
其他
語言、文學
通識
文學總論
中國文學
臺灣文學
世界文學
現代文學
兒童、青少年文學
語言
語言文字學
應用文
研究方法、論文寫作
學術專著
悅讀中文
歷史、哲學、宗教
總論
中國史
世界史
中外地理
哲學研究
中國哲學
西洋哲學
宗教研究
西洋宗教
藝術、設計、文創
美學與藝術總論
視覺藝術
表演藝術
影像藝術
創意設計
文創產業
理工
總論
理科類
電機資訊類
工科類
環境與土木
海洋科技
職場書
醫護暨生命科學
總論
生命科學
醫學
藥學
護理
食品營養
考用出版
教檢、教甄
諮商、輔導、社工
消防用書
司法考試
高普特考
初等、五等
導遊領隊
會計、記帳士
地政士、不動產經紀人、
金融證照
乙、丙級技能檢定
留學必備用書
數學
書泉出版社
職場專門店
e商朝
兩性家庭
法律識讀
知識探索
養生保健
教育、通論
其他
台灣書房
閱讀台灣
納福系列
人文誌(台灣書房)
台灣誌記
游藝集
城市風景
台灣古籍大觀
時代人物
出土思想文物與文獻研究
白話經典系列
五南文庫
五南文庫
研究方法、論文寫作
研究方法
圖解系列
圖解系列
學科概要
學科概要
世界名人傳
世界名人傳
博雅書屋
人文隨筆
人物誌
全球直擊
法律屋
搜查一課
社會意識
美學誌
會飲考
萬國誌
萬象考
歷史迴廊
博雅文庫
經銷書目
經銷書目
字辭典/總類
字辭典/總類
教育/心理
教育
心理/諮商
政治/法學
法律
政治
公共行政
國際關係
經貿/管理/會計
管理
經濟
國貿
金融
會計
統計
社會休閒
社會
傳播
觀光
餐飲
休閒
國際禮儀/會展
文史哲
臺灣文學
中國文學
各國文學
語言/文字
史地
哲學
宗教
藝術設計
藝術
設計
創意美學
科學
自然科學
應用科學
醫療衛生
衛生行政
中醫
西醫
初等/地方五等
初等/地方五等
專技高普考
營養師
記帳士
導遊領隊
護士/護理師
不動產經紀人
地政士
消防設備師/設備士
會計師
社會工作師
專技高普考
特種考試
鐵路特考
公路監理站
民航特考
港務人員
司法特考
海巡特考
關務/報關人員特考
移民署
調查局
社會福利工作
專利商標審查
特種考試
捷運招考
國民營事業
中鋼/中龍鋼鐵
中油
台電
中華郵政
中華電信
台灣自來水
農會
農田水利會
銀行人員/銀行僱員
國/民營事業
警察特考
警察特考
警大/二技/警專
軍職特考
士官/軍校考試
預官 甄試
金融證照
金融證照
保險從業人員
證券商資格/分析師
期貨商資格/分析師
信託業務人員
理財規劃人員
銀行內控人員
授信人員
債券人員
外匯人員
技能檢定
專技人員技能檢定
電腦檢定
美容/美髮檢定
中餐/烘焙/餐飲檢定
廣告/建築/設計檢定
勞工安全檢定
汽車/機械/電機檢定
電子檢定
技術士技能檢定
會計檢定
全民英檢
英檢/教師甄試
教師甄試/資格檢定
升學考試
研究所/二技
升大學
四技/二專
國中
國小
高普考/地方三四等
高普考/地方三四等
內政及國土
國家大事紀
國防軍事
深訪中研院
經濟金融
經濟金融
醫療/社福
醫療/社福
教育學習
教育學習
台灣旅遊
台灣好好玩
遨遊大自然
縣市采風
客家/原民文化
客家風情
原民文化
文化藝術
走訪博物館
文化藝術
法律/科技
法律司法
探索科技
公共工程/交通
公共工程/交通
期刊/影音
逗陣影音館
期刊
語言
英文
日文
各國語言
小說/文學
小說
台灣文學
西洋文學
中國文學
大眾文學
財經/企管/經濟
工商企管
財經
理財
統計
會計/審計
經濟
科學科普
數學
理工
科學
地理
歷史
自然科學
電腦
農林漁牧
動植物
社會人文
社會
人文
心理
教育
哲學
政治/法律/軍事
圖書資訊
新聞傳播
新聞傳播
健康醫療
健康
醫學
護理
宗教命理
宗教
命理
休閒生活
休閒
居家生活
美容
飲食烹飪
旅遊
台灣
中國大陸
日/韓
亞洲
紐/澳
歐洲
美洲
非洲
他國旅遊
藝術設計
技藝
建築
音樂
戲劇
藝術
攝影
繪畫/雕刻
兒童/漫畫
兒童讀本
漫畫
一般分類:
教科專業
>
自然科學
>
電腦科學
HTML/CSS/JavaScript與前端框架的完美結合...
編/著者:
陳婉凌 著 ZCT 策劃
出版社:
博碩文化
出版日期:
2022-12-04
ISBN:
9786263333109
參考分類(CAT):
電腦科學
參考分類(CIP):
電腦科學
優惠價:
85
折,
587
元
定價:
$690
※購買後立即進貨
分享
f
買了此商品的人,也買了....
說的比畫的好看:Prompt魔...
定價:680 元
特價:
90
折!
612
元
必勝!微軟MOS 國際認證 2...
定價:320 元
特價:
95
折!
304
元
AI生成技術實戰手冊[1版/2...
定價:220 元
特價:
90
折!
198
元
Python程式設計的12堂必...
定價:550 元
特價:
90
折!
495
元
双拼轉調法[1版/2024年2...
定價:420 元
特價:
95
折!
399
元
|
內容簡介
|
內容簡介
掌握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。
|適用對象|
✰對前端技術有興趣卻不知從何入門的初學者
✰前端開發技術相關從業人員
✰大專院校網站設計相關課程教材
目次
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 fl¬ex 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