期待已久的Dreamweaver軟件教程終于和大家見面啦!老師一貫的細致全面講解風格,注重每個專業術語的概念介紹和軟件實操相結合,幫助大家全面理解掌握Dreamweaver的使用,以及HTML/CSS樣式/JavaScript/jQuery以及網頁交互效果的添加。
本套課程基于Dreamweaver CC2015版本進行講解,從軟件的基本工具命令到新增功能逐一介紹并結合實際案例進行演示,幾乎每個小節結束后,老師都會針對本小節知識點布置對應作業供大家獨立思考操作練習,并且在第二節課開始對作業進行分析,以便大家檢查作業完成是否正確。
本課程適用于網頁設計零基礎學員,在實際工作中,網頁前端設計是基于設計稿完成之后的一個職位,需要會基本的Photoshop操作,尤其切片工具、文件格式等知識點在網頁前端使用頻率非常高,因此建議大家先學會《Photoshop CS6零基礎入門教程》。課程細致全面,學習模式專業系統,是套不可錯過的入門教程。
(一)了解什么是行為?如何利用Dreamweaver CC 行為實現交換圖像效果、添加彈出信息、打開瀏覽器窗口、動態改變DIV中文本內容、設置關閉頁面鏈接等。
1/變換圖像效果 2/ 添加彈窗效果 3/折疊標簽效果
(二)了解jQuery Accordion構件,通過插入accordion構件實現用戶操作的交互式行為,并且利用CSS樣式定義accordion樣式,實現元素抖動及元素漸隱的效果等。
4/元素抖動效果 5/元素漸隱效果
第一章 開發環境認識和本地站點創建
|
第二章 HTML/XHTLM和HTML5
|
第三章 CSS基礎
|
第四章 網頁的整體設置
|
第五章 DIV+CSS基礎布局
|
第六章 網頁文本控制
|
第七章 圖像和多媒體的應用
|
第八章 表格和表單的使用
|
第九章 超鏈接基礎知識
|
第十章 DIV+CSS布局綜合應用
|
第十一章 模板的使用
|
第十二章 為網頁添加交互
|
第十三章 網站建設規范及知識拓展
|