網頁設計案例教程（簡體書）

《高等職業教育“十二五”規劃教材：網頁設計案例教程》詳細介紹了AdobeCS5系列軟件的基礎知識和基本操作，全書共10章，第1～7章系統介紹了DreamweaverCS5的各項功能，第8章介紹了使用PhotoshopCS5修改網頁圖片素材、製作導航、按鈕和主頁面設計，第9章介紹了使用FlashCS5製作動畫文字和按鈕，第10章介紹了採用CSS+Div佈局網站框架，完成一個綜合網站實例的製作過程。第8、第9章內容可根據專業設置選講。每一章的知識點以案例形式進行講解，所選案例實用性強，佈局美觀實用，融藝術與技術為一體。每章後面同樣安排專業性強、美觀實用的綜合上機實訓。
本書可作為網頁設計入門教材，也可作為網頁製作從業人員的參考用書。．

《高等職業教育"十二五"規劃教材?高職高專計算機應用技術系列教材:網頁設計案例教程》可作為網頁設計入門教材，也可作為網頁制作從業人員的參考用書。

第1章　網頁設計基礎
1.1　網頁基本概念
1.2　網頁的基本元素
1.3　常用網頁編輯工具
1.4　Dreamweaver CS5的工作環境
1.5　站點的建立與管理
1.5.1　站點的創建與管理
1.5.2　站點文件的管理
1.5.3　站點的更新與上傳
1.6　網頁文檔的基本操作
1.6.1　創建空白文檔網頁
1.6.2　設置頁面屬性
1.6.3　編輯頁面
1.6.4　瀏覽頁面
上機實訓1

第2章　Dreamweaver CS5網頁製作
2.1　創建基於文本的網頁
……
第3章　表格與框架
第4章　CSS美化及佈局頁面
第5章　表單與行為
第6章　模板和庫
第7章　HTML基礎
第8章　使用Photoshop製作圖片素材
第9章　Flash動畫素材製作
第10章　網站規劃、建設、發佈與維護
參考文獻．

動作是指最終需完成的動態效果，如交換圖像、彈出信息、打開瀏覽器窗口、播放聲音等都是動作。動作通常是一段JavaScript代碼。在Dreamweaver中使用內置行為時，系統會自動向頁面中添加JavaScript代碼，用戶不必自己編寫。
5.4.2行為面板和行為菜單
在Dreamweaver中，對行為的添加和管理主要通過“行為，，面板來完成。存菜單欄中選擇【窗口】→【行為】命令或按組合鍵Shift+F4，可以展開“行為”面板，如圖5—30所示。
在“行為”面板中，右側顯示動作，左側顯示行為對應的事件類型。面板中各選項的作用如下。
顯示設置事件：顯示添加到當前文檔的事件。
顯示所有事件：顯示所有事件。
添加行為：單擊該按鈕，從彈出的菜單中選擇需要添加的行為類別。
刪除事件：從行為列表中刪除選中的行為。
增加事件值：將當前選定的行為向前移動。
降低事件值：將當前選定的行為向后移動。
Dreamweaver內置了一些標準行為以滿足用戶需求，它們主要是針對Internet Explorer 4.0或更高版本瀏覽器。在“行為”面板中，單擊“添加行為”按鈕，可以展開“行為”菜單，如圖5—31所示，菜單項對應了Dreamweaver內置的各種行為。
各菜單項的功能如下。
交換圖像：當發生所設置的事件后，用其他圖像替代當前圖像。
彈出信息：當發生所設置的事件后，彈出一個消息框。
恢復交換圖像：恢復設置“交換圖像”行為又因為某種原因失去效果的圖像。
打開瀏覽器窗口：打開一個新的瀏覽器窗口。
拖動AP元素：可以讓瀏覽者拖動AP元素。
改變屬性：可以改變相應對象的屬性值。
效果：可將各種效果應用于頁面上的相應元素。
顯示一隱藏元素：可以顯示、隱藏或恢復一個或多個頁面元素的可見性。
檢查插件：檢查是否裝有運行網頁的插件。
檢查表單：檢測用戶填寫的表單內容是否符合預先設定的規范。
設置文本：可以在不同位置顯示相應內容。
調用JavaScript：當事件發生時，調用指定的JavaScript函數。
跳轉菜單：制作一次可建立若干鏈接的跳轉菜單。
跳轉菜單開始：在跳轉菜單中選定要移動的站點后，只有單擊“開始”按鈕才可移動到鏈接的站點上。
轉到URL：選定事件發生后，可以跳轉到指定站點或網頁文檔上。
預先載入圖像：在下載圖像之前預先載入一幅圖像。
5.4.3 事件
事件是指用戶在瀏覽器頁面中所做某些動作的條件，事件與動作相關聯。當訪問者與網頁進行交互時，瀏覽器生成相應的事件。如指向一對象，打開網頁，單擊一對象。并非所有的事件都是交互的，如設置網頁每10s自動重新載入。不同的瀏覽器提供的事件略有不同。事件由on和一些相應的英文關鍵詞組成。