網(wǎng)頁設(shè)計與制作:基于計算思維序言

時間：2023-07-07 22:39:01 | 來源：營銷百科

時間：2023-07-07 22:39:01 來源：營銷百科

網(wǎng)頁設(shè)計與制作:基于計算思維序言：前 言
隨著信息技術(shù)的不斷發(fā)展，互聯(lián)網(wǎng)已經(jīng)成為當(dāng)前傳播信息的重要途徑。越來越多的網(wǎng)站出現(xiàn)在互聯(lián)網(wǎng)上，網(wǎng)站開發(fā)及網(wǎng)頁設(shè)計與制作技術(shù)受到人們越來越多的關(guān)注。隨著萬維網(wǎng)聯(lián)盟W3C的建立以及Web標(biāo)準(zhǔn)的制定，HTML、CSS以及JavaScript成為網(wǎng)頁設(shè)計中最重要的三個組成部分，這就需要網(wǎng)頁設(shè)計人員更加全面地了解相關(guān)的知識。網(wǎng)頁設(shè)計與制作是一門綜合性的學(xué)科，它涉及心理學(xué)、美學(xué)、工程科學(xué)、程序設(shè)計等諸多方面，計算思維成為這一過程中人們必須具備的基礎(chǔ)性思維方式，用來指導(dǎo)相關(guān)知識的學(xué)習(xí)。
本書主要內(nèi)容
本書主要圍繞HTML、CSS和JavaScript來介紹網(wǎng)頁設(shè)計過程中的相關(guān)知識和應(yīng)用，并結(jié)合網(wǎng)頁設(shè)計軟件Dreamweaver的使用來講解網(wǎng)頁設(shè)計過程的具體操作。在每個知識環(huán)節(jié)，都穿插了大量的實例來對知識點進行剖析和講解，使得讀者能夠在學(xué)習(xí)這一部分內(nèi)容后，對其本質(zhì)有更深入的了解，從而能夠在實際的網(wǎng)頁設(shè)計過程中加以運用。
第1章介紹網(wǎng)頁制作的基礎(chǔ)知識，包括網(wǎng)站的分類、網(wǎng)頁的基本構(gòu)成元素、與網(wǎng)頁相關(guān)的基本概念，并介紹網(wǎng)站制作的基本流程以及與網(wǎng)頁設(shè)計相關(guān)工具。
第2章介紹HTML語言的基本語法和基本結(jié)構(gòu)，包括標(biāo)題、段落、文字格式、列表等元素的學(xué)習(xí)。
第3章介紹CSS的基本概念、CSS選擇器、在網(wǎng)頁中應(yīng)用CSS等相關(guān)知識，并詳細(xì)介紹通過CSS對文字和段落進行樣式的控制。
第4章介紹有關(guān)網(wǎng)頁顏色、圖像和多媒體的基礎(chǔ)知識，包括網(wǎng)頁中顏色的表示、網(wǎng)頁安全色、網(wǎng)頁配色，網(wǎng)頁中的圖像類型、圖像在網(wǎng)頁中的應(yīng)用等知識，以及在網(wǎng)頁中使用聲音、視頻等多媒體對象。
第5章介紹表格在網(wǎng)頁中的使用，包括表格的基本操作及使用表格進行網(wǎng)頁布局的方法。
第6章介紹超鏈接的基本概念及網(wǎng)頁中不同類型的超鏈接，并介紹通過CSS對超鏈接的樣式進行設(shè)置的基本方法。
第7章介紹CSS布局的基本模型——盒模型，對盒模型的組成進行深入講解，并介紹浮動定位、位置定位等CSS布局的主要定位方式。
第8章介紹CSS布局在網(wǎng)頁布局中的實際應(yīng)用，包括網(wǎng)頁的整體布局、網(wǎng)頁中的組件布局等，如導(dǎo)航菜單、圖文混排、全圖排版等，并介紹Dreamweaver軟件中Spry頁面組件的使用。
第9章介紹Dreamweaver中模板和庫項目的概念和作用，并通過實例展示模板和庫項目在網(wǎng)頁設(shè)計過程中如何提高網(wǎng)頁制作效率。
第 10 章介紹網(wǎng)頁中表單的基本概念及組成表單的不同元素，并通過實例講解網(wǎng)站訪問者與網(wǎng)站之間進行信息交互的方法，還介紹Dreamweaver中可以自動完成驗證功能的Spry表單對象。
第11章介紹Dreamweaver中行為的基本概念和一些基本的內(nèi)置行為，并介紹通過行為給網(wǎng)頁中的元素添加動態(tài)效果的方法。
第12章介紹JavaScript的基本概念和在網(wǎng)頁中的使用，包括JavaScript的基本語法、內(nèi)置對象等概念，并通過實例講解通過JavaScript對用戶的輸入數(shù)據(jù)進行驗證、聯(lián)動菜單的建立等方法。
第13章介紹JavaScript框架的作用及jQuery框架的基本功能，包括使用jQuery操作網(wǎng)頁元素以及基本的網(wǎng)頁動畫效果的實現(xiàn)，并介紹一些常用的jQuery插件的使用，如圖像幻燈片插件、內(nèi)容切換插件等。
第14章介紹網(wǎng)站的測試、發(fā)布和維護的基本概念和方法，包括通過Dreamweaver測試網(wǎng)頁在不同瀏覽器下的兼容性、是否有無效的超鏈接、對網(wǎng)頁文件進行清理操作等。
第15章通過一個綜合案例，介紹網(wǎng)頁從原型設(shè)計到頁面效果圖設(shè)計，再到網(wǎng)頁設(shè)計的一系列過程，完整體現(xiàn)網(wǎng)頁編寫的真實過程。
第16章介紹內(nèi)容管理系統(tǒng)CMS的基本概念，并結(jié)合Joomla這一CMS系統(tǒng)，介紹通過CMS建立網(wǎng)站的基本過程，包括站點的搭建、分類管理、菜單管理、文章管理等基本操作。
在本書的附錄中，介紹HTML的常用標(biāo)簽、CSS的常用屬性，以及與網(wǎng)頁設(shè)計相關(guān)的Dreamweaver、Firebug插件等軟件的基本使用方法。
本書提供案例相關(guān)文件、部分習(xí)題答案及電子課件，可登錄華信教育資源網(wǎng)注冊后下載。
本書主要特色
1．基于計算思維的原理和概念的講解
在基本概念的講解上，通過計算思維方法的引入和圖示化的講解，以簡單明了的方式講述基本概念的原理，使讀者可以快速地了解并掌握。
2．CSS布局原理的深入講解
CSS布局是一種不同于傳統(tǒng)表格布局的基于Web標(biāo)準(zhǔn)的網(wǎng)頁布局方式。本書通過對CSS布局的基本原理和不同布局方式的深入講解，展示CSS布局的基本方法和不同布局方式之間的區(qū)別。
3．網(wǎng)頁組件的模塊式講解
本書詳細(xì)講解網(wǎng)頁整體及各組成部分的實現(xiàn)過程，如水平導(dǎo)航和垂直導(dǎo)航、列表、圖文混排、Spry菜單欄、Spry選項卡式面板等。讀者可以通過掌握基本的網(wǎng)頁組件，快速地設(shè)計出不同類型的網(wǎng)頁。
4．大量的實用案例
本書提供大量的實用案例，除各章中講解原理的基礎(chǔ)案例和具有逼真效果的真實案例外，還包括一個從設(shè)計階段開始到全部完成的網(wǎng)站綜合案例，使讀者可以通過案例了解網(wǎng)頁設(shè)計的基本原理，并掌握在實際工作中網(wǎng)頁設(shè)計的流程。
本書使用對象
本書適合作為高等院校網(wǎng)頁設(shè)計與制作課程的教學(xué)用書，也可以作為網(wǎng)頁設(shè)計工作人員的參考用書。
本書由王海波、張偉娜、王兆華編著。第1、2、3、7、8、13、15、16章由王海波編寫，第4、5、6章由王兆華編寫，第9、10、11、12、14章由張偉娜編寫，劉立新主審。
由于編者水平有限，書中難免有不妥之處，敬請讀者批評指正。
作 者