Dreamweaver CC網頁設計必學教本:HTML+CSS+Bootstrap+jQuery+jQuery Mobile (1版)
類似書籍推薦給您
本書特色
1.全方位學習:涵蓋HTML、CSS、Bootstrap、jQuery和jQuery Mobile等核心技術。
2.豐富範例:提供多種網頁設計範本,搭配步驟式教學,讓學習內容立即應用。
3.深入理解:完整的語法解說,幫助讀者快速理解及應用。
內容簡介
本書是針對Dreamweaver CC的網頁設計教材,旨在為讀者提供全面且實用的網頁設計知識。不論您是初學者,還是已有一定經驗的網頁設計師,都能從本書獲得有價值的內容,從基礎知識到進階技巧,輕鬆掌握相關技術並且應用在網頁設計上。
網頁設計是一個廣泛而多元的領域,涉及多種技術和工具。本書透過簡單易懂的內容和實用的範例,幫助讀者迅速掌握關鍵概念。從HTML和CSS的基本概念出發,引領讀者逐步深入,介紹如何使用Dreamweaver CC建立精美的網頁,包括文本編輯、圖片處理、超連結、表格、表單及版面設計等。
此外,本書介紹用於設計響應式網頁的Bootstrap,透過實際範例,讓讀者能夠立即製作出可隨裝置自動調整大小的網頁及圖片輪播效果等。同時,也說明如何使用jQuery UI輕鬆製作折疊式面板、標籤面板等。最重要的是,本書還介紹了無需寫程式,只要使用jQuery Mobile就能製作行動裝置網頁的技巧。
本書的豐富內容,都是讀者學習網頁設計時不可錯過的必學知識。
目錄
CH01 網頁設計基本概念
1-1 網站基本概念
1-2 網頁設計程式語言
1-3 網頁編輯工具
1-4 搜尋引擎最佳化
1-5 網路資源
CH02 HTML基本概念
2-1 認識HTML
2-2 HTML的基本結構
2-3 常用的HTML標籤
2-4 範例實作:撰寫HTML
CH03 CSS基本概念
3-1 認識CSS
3-2 CSS的使用方式
3-3 CSS基本選擇器
3-4 CSS基本屬性
CH04 Dreamweaver基本操作
4-1 認識Dreamweaver
4-2 Dreamweaver環境介紹
4-3 網站設定與檔案管理
4-4 建立及開啟文件
CH05 網頁屬性與文字設計
5-1 網頁屬性設定
5-2 文字編輯與屬性設定
5-3 插入HTML標籤
5-4 使用DOM面板調整元素
5-5 尋找及取代文字、標籤、屬性
CH06 圖片與超連結應用
6-1 圖片的使用
6-2 超連結的使用
CH07 表格、表單及多媒體應用
7-1 表格的使用
7-2 表單的使用
7-3 多媒體的使用
CH08 使用CSS美化網頁
8-1 建立CSS樣式
8-2 CSS選取器的應用
8-3 邊框的設計
8-4 背景與漸層的設計
8-5 變形處理與轉變效果
CH09 使用CSS設計版面
9-1 使用語意結構元素建構頁面
9-2 盒子模型
9-3 定位方式
9-4 彈性版面
9-5 Grid網格系統
9-6 媒體查詢
CH10 使用範本製作網頁
10-1 製作範本
10-2 使用範本製作網頁
CH11 HTML+CSS網頁設計範例
11-1 單欄式網頁設計範例
11-2 多欄式網頁設計範例
11-3 動畫效果設計範例
CH12 Bootstrap基本概念
12-1 Bootstrap的使用
12-2 Bootstrap網格系統
12-3 Bootstrap類別
CH13 使用Bootstrap組件設計網頁
13-1 關於Bootstrap組件
13-2 Carousel組件
13-3 Navbar/Navs&Tabs/Pagination組件
13-4 Buttons組件
13-5 Card組件
13-6 Tooltip/Modal/Offcanvas/Accordion/Toasts組件
CH14 使用jQuery設計網頁
14-1 jQuery基本概念
14-2 jQuery事件與效果
14-3 jQuery UI組件
CH15 使用jQuery Mobile設計行動網頁
15-1 jQuery Mobile基本概念
15-2 行動網頁的設計
15-3 jQuery Mobile UI元件
15-4 jQuery Mobile表單
CH16 網站發布與管理
16-1 公開網站
16-2 網站管理
立即查看
版面研究所⑥網頁版面學:429個網頁設計要領,創造友善易用的版面(429個國際頂尖網站,QRCODE隨掃隨參考) (1版)
類似書籍推薦給您
【簡介】
【429個頂尖網頁設計要領,創造滿足使用體驗的版面】
打造絕佳UI/UX的產品體驗,理解使用者感受
結合趨勢設計,電腦或手機都方便瀏覽的技巧
掌握客戶與使用者需要的版面,成功創造友善設計
善用小工具,提高網站易用性與使用者黏著度
- 全書429個範例均附QRCODE,隨找隨用立即溝通設計寶典 -
「希望與客戶討論時,能有範本具體歸納出方向性。」
「雖然有構想,卻不知道需要什麼?該怎麼做?」
「想不出設計的點子。」
本書就是能夠在這些情況派上用場的好幫手!
【一次掌握網頁新法】
◆協助新手破解設計迷思
◆七個視角達到客戶需求
◆隨找隨用可溝通事典
◆掌握版式構成要訣
◆全書範例均附QRCODE
【超給力設計補給站】
◆12個最新網頁設計趨勢網站
◆45個優質可授權圖庫網站
◆4大成功傳遞網頁訴求法則
◆6個可免費使用的調色盤產生器
嚴選429件優質網頁設計範例,從「基礎知識」、「形象」、「配色」、「行業」、「排版、構圖」、「素材、字型與程式」、「趨勢」、「區塊」這八個方向進行網頁製作分析,依客戶需求、品牌識別、產品特色、使用者習慣打造響應式網頁設計。不管在電腦或手機介面上觀看都可以輕鬆瀏覽,符合現代趨勢的設計。
案例非常多,有「我想打造具透明感的設計」「以黃色基調的配色」「要製作餐廳、咖啡廳網頁」「想要多欄式排版」「動態影片的設計」「響應式網頁設計」或「調色盤產生器」「買斷式授權的圖庫網站」支援工具,能夠依目的找到符合需求的設計,很適合當作需要時再來翻閱的事典運用。此外,書中每個範例都有網址與QRCODE供你參考使用,加強學習效果。
【本書的目標讀者】
◆想不出設計點子的人
◆對設計沒有自信的人
◆想準備與客戶討論時使用的範本,讓方向性更明確
◆想知道網頁設計最新趨勢的人
【目錄】
本書使用方法
PART 0 網頁設計基礎知識
01 網頁設計基礎知識
02 網頁設計結構與工作流程
03 網頁設計中的設計區塊
04 網頁設計中的圖像
05 網頁設計與字型學
06 色彩基礎知識
07 配色基礎知識
COLUMN 買斷式授權的圖庫網站①
PART 1 從形象出發的設計
01 散發透明感的設計
02 簡約清爽的設計
03 自然柔和的設計
04 優雅有質感的設計
05 冷冽前衛的設計
06 可愛俏麗的設計
07 活潑普普風的設計
08 踏實值得信賴的設計
09 古典高雅的設計
10 日本和風設計
11 適合兒童的設計
12 女性化的柔美設計
13 男性化的陽剛設計
14 帶有高級感的設計
15 讓食物更顯美味的設計
16 帶有季節感的設計
COLUMN 買斷式授權的圖庫網站②
PART 2 從配色出發的設計
01 從LOGO與品牌色出發的配色
02 黃色基調的配色
03 橙色基調的配色
04 紅色基調的配色
05 粉紅色基調的配色
06 紫色基調的配色
07 藍色基調的配色
08 綠色基調的配色
09 褐色基調的配色
10 白色或灰色基調的配色
11 黑色基調的配色
12 按照色調決定配色
COLUMN 調色盤產生器與瀏覽器附加元件
PART 3 從行業、類型出發的設計
01 餐廳、咖啡廳網站
02 醫療機構、醫院網站
03 時尚網站
04 美容、沙龍網站
05 藝術展、活動網站
06 音樂網站
07 動漫、遊戲網站
08 專業事務所網站
09 學校、幼稚園網站
10 個人履歷網站
11 新聞、入口網站
12 電子商務網站
13 公司網站
14 運動、健身網站
15 一頁式網頁
COLUMN 網頁設計參考網站
PART 4 從排版、構圖出發的設計
01 網格式排版
02 卡片、磁磚型排版
03 單欄式排版
04 雙欄式排版
05 多欄式排版
06 全螢幕式排版
07 跳脫網格的排版
08 自由排版
COLUMN 排版時應顧及的4大法則
PART 5 用到素材、字型、程式的設計
01 以照片為主的設計
02 使用去背照片的設計
03 以紋理質感為主的設計
04 使用裝飾的設計
05 藉插圖打造親切感的設計
06 善用字體排印學的設計
07 有效運用影片的設計
08 具備動態要素的設計
09 用資訊圖表呈現的設計
COLUMN 買斷式授權的圖示圖庫
PART 6 從趨勢出發的設計
01 3D圖形
02 玻璃擬態
03 微互動
04 跳脫網格排版
05 視差滾動
06 鮮豔漸層
07 手寫風字型
08 流體形狀
09 等距視角插圖
10 復古時尚
11 響應式網頁設計
12 網頁字型
COLUMN 網頁字型服務範例
COLUMN 按照需求的資訊設計與設計編排法
PART 7 從區塊出發的設計
01 頁首
02 導覽列
03 標題
04 按鈕
05 載入效果
06 表單
07 頁尾
COLUMN 買斷式授權的插圖圖庫
看更多
立即查看
Dreamweaver網頁設計輕鬆入門: Dreamweaver CC 2021 (2版)
類似書籍推薦給您
【簡介】
Dreamweaver是一套整合網頁及網站的開發工具軟體。Dreamweaver 2020版除了增強原有的功能之外,還提供了「Bootstrap 整合增強功能」、「程式碼格式增強功能」,讓使用者擁有便利的開發功能。
本書主要分為四部份:網站設計基礎概念篇、基礎篇(文字、圖片、多媒體、表格)、進階篇(CSS 樣式設定、版面物件設計、網路資源)、互動式網頁學習篇(互動式表單製作、BootStrap組件、JQuery Mobile應用、jQuery UI組件應用)等。
本書是以初學者的觀點來學習如何從無到有開發網站,正確學習網頁開發的概念。讀者只要透過每章介紹的軟體操作,按照步驟逐一操作,便可輕鬆完成範例。
【目錄】
第一篇 網站設計基礎概念篇
Chap 1 網站基本概念
Chap 2 Dreamweaver 環境介紹與入門操作
第二篇 Dreamweaver CC 基礎學習篇
Chap 3 開始你的第一個網頁
Chap 4 文字編排與美化
Chap 5 圖片加入與應用
Chap 6 超連結設定
Chap 7 多媒體物件應用
Chap 8 表格應用
Chap 9 網站建置與維護
第三篇 Dreamweaver CC 進階學習篇
Chap 10 CSS樣式設定
Chap 11 版面物件設定
Chap 12 網站資源的使用及範本應用
第四篇 Dreamweaver CC 互動式網頁學習篇
Chap 13 互動式表單製作
Chap 14 BootStrap組件
Chap 15 jQuery Mobile 應用
Chap 16 jQuery UI組件應用
立即查看
新時代 丙級網頁設計含資訊類題庫工作項目解析與技能檢定共用項學術科研讀範本(Dreamweaver + PhotoImpact )含Photoshop - 最新版(第五版) - 附MOSME行動學習一點通:學科.診斷.擬真.影音.加值 (5版)
類似書籍推薦給您
1.依勞動部最新公告試題編寫。
2.圖文並進解題法:以條列式、標題化的文字敘述,精簡扼要的說明操作要點;數量眾多的操作畫面擷取圖,圖片上標示有操作順序,引導初學者快速掌握解題技巧。
3.答案正確步驟少:本書出版歷經多年屢獲讀者好評,解題技巧經過縝密的討論,力求精簡正確,操作步驟力求規則化。
4.分類學習效能佳:將試題依其屬性分類進行解題,提供考生類化學習、融會貫通,達到熟能生巧、快速解題的能力。
5.附有影音教學檔:本書附贈影音教學,提供1到5題各網頁實際操作的示範教學。
目錄
【術科】
‧術科解題基本知識
壹、各題共通之操作技巧
貳、認識HTML與CSS語法
‧術科測試應檢參考資料
‧術科試題解析
17300-104301 校園社團介紹網
17300-104302 運動廣場連結網
17300-104303 國家公園介紹網
17300-104304 網路行銷購物網
17300-104305 書曼的旅遊相簿
‧術科測試參考答案
17300-104301 校園社團介紹網
17300-104302 運動廣場連結網
17300-104303 國家公園介紹網
17300-104304 網路行銷購物網
17300-104305 書曼的旅遊相簿
【學科】
工作項目01 作業準備
自我診斷1
自我診斷2
工作項目02 應用軟體安裝及使用
自我診斷3
自我診斷4
工作項目03 系統軟體安裝及使用
自我診斷5
工作項目04 資訊及安全
自我診斷6
「資訊相關職類共同科目」
工作項目01 電腦硬體架構
工作項目02 網路概論與應用
工作項目03 作業系統
工作項目04 資訊運算思維
工作項目05 資訊安全
自我診斷1~4
立即查看
網頁設計丙級檢定學術科解題教本 2024版 (1版)
類似書籍推薦給您
【簡介】
依勞動部勞動力發展署技能檢定中心網頁設計丙級最新公告學術科試題,全新解題編撰
學科篇
◆113年1月1日報檢啟用,為全新修正之題目內含單選題608題
◆包含90006職業安全衛生/90007工作倫理與職業道德/90008環境保護/90009節能減碳(113.07.01修訂)共同科目400題;90011資訊相關職類共用工作項目119題。
◆針對重要試題加以解析,輔助考生記憶,學科輕鬆準備並建立正確觀念。
術科篇
●網頁製作軟體使用
Dreamweaver CS6,影像處理軟體使用Photoshop CS6(附加PhotoImpact操作參考)。
●建立基礎觀念
學習製作網頁的基本能力,從網站的版面設計、圖片音樂、CSS樣式、表格框架、跑馬燈、超連結、動態效果、Canvas及SVG,學會網頁前台介面設計。
●術科解題重點分析
針對網頁設計丙級檢定試題解題,五組考題重點整理,說明考題首頁index共同性解題做法,以及使用CSS選取器類型的差異。
●精簡合理的解題程序
對於考生而言,除了題目解析外,還要能縮短解題時間,在檢定考試規定的時間內完成解題。
本書讓您了解如何解題以及把握解題原則性,正確又有效率的解題,完成考試取得證照。
●線上輔導整合學習
GOGO123數位教學網 http://www.gogo123.com.tw
【目錄】
學科
工作項目01:作業準備
工作項目02:應用軟體安裝及使用
工作項目03:系統軟體安裝及使用
工作項目04:資訊及安全
90006 職業安全衛生共同科目
90007 工作倫理與職業道德共同科目
90008 環境保護共同科目
90009 節能減碳共同科目
90011 資訊相關職類共用工作項目
術科
ch.00 基礎教學
01:環境介紹
02:建立網站
03:版面設計
04:CSS樣式
05:各題組CSS應用範例
06:對齊方式(align)
07:跑馬燈
08:圖片
09:表格、儲存格
10:超連結顏色、底線
11:背景音樂
12:背景圖片、背景顏色
13:滑鼠滑過動態效果
14:表單、訊息方塊
15:CSS基礎教學(題二-橫幅文字)
16:Canvas基礎教學(題二-橫幅文字)
17:SVG基礎教學(題二-橫幅文字)
★解題前重點分析
ch.01 17300-014301 校園社團介紹網
ch.02 17300-014302 運動廣場連結網
ch.03 17300-014303 國家公園介紹網
ch.04 17300-014304 網路行銷購物網
ch.05 17300-014305 書曼的旅遊相簿
附錄
附錄一:Windows 7 IIS啟動與網站主目錄設定
附錄二:Windows 8、10 IIS啟動
附錄三:PhotoImpact圖片處理
附錄四:參考答案
立即查看