網(wǎng)頁設(shè)計(jì)與制作

前言

傳統(tǒng)的網(wǎng)頁設(shè)計(jì)均以掌握Dreamweaver、Flash、Fireworks等“網(wǎng)頁三劍客”為主，但現(xiàn)實(shí)中基于web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)方法（DIV+CSs）已經(jīng)逐步取代了基于表格布局的傳統(tǒng)方法，這就要求變革傳統(tǒng)網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)內(nèi)容和方法，否則就會(huì)落后于時(shí)代。新的變革對(duì)HTML和css代碼提出了更高的要求，但在網(wǎng)頁設(shè)計(jì)入門級(jí)教材中如何將Web標(biāo)準(zhǔn)納入學(xué)習(xí)內(nèi)容，如何完成從傳統(tǒng)網(wǎng)頁設(shè)計(jì)向web標(biāo)準(zhǔn)的轉(zhuǎn)變，仍是一個(gè)值得思考和探討的問題。本書完全為網(wǎng)頁設(shè)計(jì)初學(xué)者設(shè)計(jì)和編寫，書中除了講授HTML代碼和Dreamweaver表格布局外，還引入了基于web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)方法，對(duì)CSS網(wǎng)頁布局做了詳細(xì)闡述，并對(duì)各種類型網(wǎng)頁元素的CSS美化做了介紹，以實(shí)例為導(dǎo)向，實(shí)例設(shè)計(jì)充分考慮了讀者的接受能力和知識(shí)的重難點(diǎn)，便于讀者對(duì)比學(xué)習(xí)和理解掌握。同時(shí)，美工和動(dòng)畫部分也是網(wǎng)頁設(shè)計(jì)與制作中不可缺少的內(nèi)容，目前多數(shù)高校的大學(xué)計(jì)算機(jī)基礎(chǔ)課程均增加了簡(jiǎn)單動(dòng)畫設(shè)計(jì)和圖像處理的相關(guān)知識(shí)，為了實(shí)現(xiàn)和大學(xué)計(jì)算機(jī)基礎(chǔ)的“完美對(duì)接”，本書在動(dòng)畫設(shè)計(jì)和圖像處理上選取了Flash和Photoshop為平臺(tái)，內(nèi)容講授以網(wǎng)頁動(dòng)畫和網(wǎng)頁元素的設(shè)計(jì)創(chuàng)作及編輯處理為主，使學(xué)生能很容易地掌握網(wǎng)頁美工和動(dòng)畫部分。這樣的教材內(nèi)容安排和設(shè)計(jì)是一個(gè)大膽的嘗試，目的是與網(wǎng)頁設(shè)計(jì)的變革和發(fā)展密切結(jié)合，滿足現(xiàn)實(shí)的需要和學(xué)習(xí)的需求，真正做到學(xué)以致用。教材內(nèi)容突出實(shí)踐性，通過大量的實(shí)例貫穿所有的章節(jié)，并結(jié)合編者長(zhǎng)期的網(wǎng)頁設(shè)計(jì)制作和教學(xué)經(jīng)驗(yàn)，聯(lián)系學(xué)生實(shí)際，總結(jié)學(xué)習(xí)方法，保證學(xué)生在掌握網(wǎng)頁設(shè)計(jì)基本內(nèi)容的基礎(chǔ)上，緊跟網(wǎng)頁設(shè)計(jì)的發(fā)展和變革，掌握網(wǎng)頁設(shè)計(jì)各種技術(shù)、方法和技巧，提高學(xué)生綜合應(yīng)用能力。

內(nèi)容概要

　　本書通過大量實(shí)例，系統(tǒng)地講解了網(wǎng)頁設(shè)計(jì)與制作的相關(guān)知識(shí)，探討了網(wǎng)頁設(shè)計(jì)的基礎(chǔ)理論和實(shí)際運(yùn)用技術(shù)。主要內(nèi)容可分為4個(gè)部分，分別為HTML部分、Dreamweaver網(wǎng)頁設(shè)計(jì)部分、Flash網(wǎng)頁動(dòng)畫設(shè)計(jì)部分及Photoshop圖像處理部分。其中HTML部分介紹了HTML標(biāo)記及網(wǎng)頁元素的相關(guān)知識(shí)；Dreamweaver網(wǎng)頁設(shè)計(jì)部分介紹了Dreamweaver基本操作及網(wǎng)頁設(shè)計(jì)基本步驟，內(nèi)容涉及網(wǎng)頁布局、spry、模板和庫、交互式表單等，重點(diǎn)講授了Web標(biāo)準(zhǔn)及網(wǎng)頁中CSS的應(yīng)用，對(duì)盒模型理論及Div+CSS網(wǎng)頁布局與美化做了詳細(xì)闡述；Flash網(wǎng)頁動(dòng)畫設(shè)計(jì)及Photoshop圖像處理部分介紹了利用．Flash和Photoshop創(chuàng)建網(wǎng)頁動(dòng)畫和處理網(wǎng)頁圖像的方法和技巧，最后一章通過兩個(gè)不同的網(wǎng)頁設(shè)計(jì)思路實(shí)現(xiàn)了相同效果網(wǎng)頁，使讀者對(duì)比掌握網(wǎng)頁的不同設(shè)計(jì)技巧?！　”緯鴥?nèi)容翔實(shí)、結(jié)構(gòu)清晰、循序漸進(jìn)，并注意各個(gè)章節(jié)和實(shí)例之間的呼應(yīng)和對(duì)照。讀者在掌握計(jì)算機(jī)基本操作的基礎(chǔ)上，通過學(xué)習(xí)，不僅能夠掌握網(wǎng)頁設(shè)計(jì)的基礎(chǔ)和傳統(tǒng)設(shè)計(jì)思路，還能夠掌握基于Web標(biāo)準(zhǔn)的高級(jí)網(wǎng)頁設(shè)計(jì)方法，能夠輕松地從以表格布局和HTML為中心的網(wǎng)頁設(shè)計(jì)技術(shù)過渡到Div+CSS網(wǎng)頁設(shè)計(jì)模式中去，適應(yīng)網(wǎng)頁設(shè)計(jì)的變革和發(fā)展。　　本書可作為高等院校本科及高職高專的計(jì)算機(jī)、電子商務(wù)、信息類專業(yè)的網(wǎng)頁設(shè)計(jì)與制作相關(guān)課程的教材，也可作為其他相關(guān)專業(yè)的公共基礎(chǔ)課程和網(wǎng)頁設(shè)計(jì)入門教材，同時(shí)還適合中高級(jí)用戶進(jìn)一步學(xué)習(xí)和參考。

書籍目錄

第1章　網(wǎng)頁設(shè)計(jì)概述　1.1　網(wǎng)頁中的基本概念  1.2　頁面組成元素  1.3　網(wǎng)頁開發(fā)工具  1.4　網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)    1.4.1　網(wǎng)站的策劃    1.4.2　網(wǎng)頁版面布局設(shè)計(jì)    1.4.3　網(wǎng)頁的色彩應(yīng)用    1.4.4　網(wǎng)頁的設(shè)計(jì)原則第2章  網(wǎng)頁設(shè)計(jì)語言基礎(chǔ)  2.1　HTML語言基礎(chǔ)    2.1.1　一個(gè)簡(jiǎn)單的HTML實(shí)例    2.1.2　標(biāo)準(zhǔn)HTML文件的結(jié)構(gòu)    2.1.3　HTML的語法規(guī)則  2.2　HTML基本標(biāo)記與屬性    2.2.1　標(biāo)題標(biāo)記    2.2.2　換行標(biāo)ig和水平線標(biāo)記    2.2.3　字體標(biāo)i9％font>    2.2.4　列表標(biāo)記    2.2.5　和  2.3　圖片、背景和顏色    2.3.1  HTML圖片    2.3.2　圖片屬性與頁面背景    2.3.3　HTML顏色  2.4　超鏈接  2.5　表格    2.5.1　表格基本標(biāo)簽    2.5.2　表格屬性  2.6　框架    2.6.1　創(chuàng)建基本框架    2.6.2　嵌入式框架……第3章　Dreamweaver基礎(chǔ)第4章　網(wǎng)頁布局設(shè)計(jì)第5章　Dreamweaver高級(jí)應(yīng)用第6章　Web標(biāo)準(zhǔn)與CSS基礎(chǔ)　第7章　CSS布局與美化　第8章　Flash動(dòng)畫制作　第9章　Photoshop圖像處理第10章　網(wǎng)頁設(shè)計(jì)綜合案例參考文獻(xiàn)

章節(jié)摘錄

插圖：Drearnweaver是美國Macromedia公司開發(fā)的集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得專業(yè)級(jí)網(wǎng)頁編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具。Dreamweaver、Flash以及在Dreamweaver之后推出的針對(duì)專業(yè)網(wǎng)頁圖像設(shè)計(jì)的Fireworks，三者被Macromedia公司稱為Dreamweaver“夢(mèng)之隊(duì)”，足見市場(chǎng)的反響和Macromedia公司對(duì)它們的自信。Dreamweaver推出以來，一直備受專業(yè)網(wǎng)頁設(shè)計(jì)者和廣大網(wǎng)頁設(shè)計(jì)愛好者的喜歡。Dreamweaver的可視化功能能幫助一些對(duì)HTML不熟、畏懼程序代碼的人員實(shí)現(xiàn)網(wǎng)頁設(shè)計(jì)的夢(mèng)想，它很容易上手，使用時(shí)像Word排版一樣簡(jiǎn)單。既可以用它在可視化編輯環(huán)境下制作網(wǎng)頁，又可以通過它提供的}"ITML代碼編輯器手工編寫代碼。2005年，Macromedia和Adobe公司完成整合后，又相繼推出了功能更為強(qiáng)勁的版本CS3、CS4．等。新版本提供了眾多功能強(qiáng)大的可視化設(shè)計(jì)工具、應(yīng)用開發(fā)環(huán)境以及代碼編輯支持，Dreamweaver支持開發(fā)XHTML、XHTML、CSS、JavaScript、XML以及Flash的動(dòng)作腳本等類型文檔，還可以開發(fā)如ASP、ASP．NET、JSP和PHP等動(dòng)態(tài)網(wǎng)頁程序，同時(shí)能夠?qū)崿F(xiàn)與其他Adobe工具（包括Adobe Flash、Adobe Photoshop、Adobe Fireworks、及Adobe Contribute）智能集成，增加了適合于Ajax的Spry框架及其窗口組件，更有利于設(shè)計(jì)、開發(fā)和維護(hù)網(wǎng)站。

編輯推薦

《網(wǎng)頁設(shè)計(jì)與制作》：教學(xué)目標(biāo)明確，注重理論與實(shí)踐的結(jié)合教學(xué)方法靈活，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力教學(xué)內(nèi)容先進(jìn)，強(qiáng)調(diào)計(jì)算機(jī)在各專業(yè)中的應(yīng)用教學(xué)模式完善，提供配套的教學(xué)資源解決方案

圖書封面

評(píng)論、評(píng)分、閱讀與下載

---

    網(wǎng)頁設(shè)計(jì)與制作 PDF格式下載

---