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

內(nèi)容概要

網(wǎng)頁(yè)設(shè)計(jì)與制作是一門知識(shí)性、技能性與應(yīng)用性相結(jié)合的課程，《網(wǎng)頁(yè)設(shè)計(jì)與制作》選用了Adobe公司推出的Dreamweaver
CS4作為網(wǎng)頁(yè)制作工具。Dreamweaver
CS4是創(chuàng)建網(wǎng)站和應(yīng)用程序的專業(yè)之選，它組合了功能強(qiáng)大的布局工具、應(yīng)用程序開發(fā)丁具和代碼編輯支持工具等，具有人性化的界面、超強(qiáng)的代碼智能感應(yīng)功能，同時(shí)與Adobe公司的其他產(chǎn)品更是無(wú)縫配合。
本書最鮮明的特點(diǎn)之一就是以一個(gè)網(wǎng)站的網(wǎng)頁(yè)制作項(xiàng)目為背景，采用任務(wù)驅(qū)動(dòng)的編寫思路，引導(dǎo)讀者由簡(jiǎn)到繁、由易到難、循序漸進(jìn)地完成一系列任務(wù)，每個(gè)任務(wù)都有明確的教學(xué)目標(biāo)，并由任務(wù)引入、任務(wù)分析、相關(guān)知識(shí)、任務(wù)實(shí)施以及思考與練習(xí)組成，讓讀者在完成任務(wù)的過程中理解知識(shí)要點(diǎn)、掌握實(shí)用技能?！靶≈R(shí)”欄目是本書的另一大特點(diǎn)，“小知識(shí)”欄目中對(duì)許多功能或技巧添加補(bǔ)充說明，讓讀者知其然更知其所以然。所以，本書不僅能讓讀者掌握網(wǎng)頁(yè)設(shè)計(jì)的要領(lǐng)和精髓，更能培養(yǎng)讀者的創(chuàng)新能力和獨(dú)立分析問題、解決問題的能力。
本書共分為9個(gè)課題，由19個(gè)任務(wù)組成。課題一包括任務(wù)1和任務(wù)2，簡(jiǎn)單介紹了網(wǎng)頁(yè)制作工具Dreamweaver
CS4、靜態(tài)網(wǎng)頁(yè)技術(shù)和動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)；課題二包括任務(wù)3～5，引入了項(xiàng)目概念，簡(jiǎn)要介紹了網(wǎng)站的前期規(guī)劃與設(shè)計(jì)，并對(duì)如何在IIS中建立虛擬目錄和在Dreamweaver中創(chuàng)建站點(diǎn)的步驟進(jìn)行了詳細(xì)介紹；課題三包括任務(wù)6～10，主要介紹了插入文字、圖片等簡(jiǎn)單操作，利用表格制作商品列表以及使用CSS控制內(nèi)容顯示，還引入了“庫(kù)”項(xiàng)目概念，這一部分介紹的都是一些最基本的功能，是項(xiàng)目開始前的熱身；課題四至課題六包含任務(wù)11～13，這部分?過3個(gè)任務(wù)講述了網(wǎng)頁(yè)設(shè)計(jì)的幾個(gè)重要知識(shí)點(diǎn)和技能，如使用XHTML+CSS搭建網(wǎng)頁(yè)架構(gòu)、使用li標(biāo)簽制作網(wǎng)站導(dǎo)航、完善網(wǎng)站模板，為后續(xù)章節(jié)的學(xué)習(xí)和整個(gè)項(xiàng)目的完成打好了堅(jiān)實(shí)基礎(chǔ)；課題七包括任務(wù)14～16，這部分是本書的重點(diǎn)，介紹了類與ID作用范圍的區(qū)別、DIV的使用、塊狀元素與內(nèi)聯(lián)元素的概念、如何為內(nèi)容選擇合適的標(biāo)簽等，并在前面課題的基礎(chǔ)上開始制作完整的網(wǎng)貞，是項(xiàng)目的主體部分；課題八至課題九包括任務(wù)17～19，是網(wǎng)頁(yè)制作的高級(jí)部分，介紹了如何使用表單和腳本實(shí)現(xiàn)交互式網(wǎng)頁(yè)的制作以及使用框架網(wǎng)頁(yè)制作后臺(tái)管理頁(yè)面。
本書由楊戈、杜黎強(qiáng)編著。在本書的編寫過程中得到各方好友的大力支持，感謝王珊為本書的范例設(shè)計(jì)做出的大量工作，感謝向瑞平為本書的“實(shí)訓(xùn)與提高”部分作出的貢獻(xiàn)，感謝施招雪在本書最后的統(tǒng)稿和審稿階段做的大量工作。
《網(wǎng)頁(yè)設(shè)計(jì)與制作》適合高等職業(yè)技術(shù)院校計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)教學(xué)使用，同時(shí)也可作為網(wǎng)絡(luò)技術(shù)人員、網(wǎng)絡(luò)開發(fā)人員的工作參考書。

書籍目錄

課題一 網(wǎng)頁(yè)設(shè)計(jì)概述
任務(wù)1 選擇和安裝網(wǎng)頁(yè)制作工具
任務(wù)2 認(rèn)識(shí)靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)
實(shí)訓(xùn)與提高一
課題二 網(wǎng)站規(guī)劃設(shè)計(jì)與開發(fā)環(huán)境搭建
任務(wù)3 需求分析與網(wǎng)站設(shè)計(jì)
任務(wù)4 在IIS中建立虛擬目錄
任務(wù)5 在Dreamweaver中創(chuàng)建站點(diǎn)
實(shí)訓(xùn)與提高二
課題三 制作簡(jiǎn)單頁(yè)面和庫(kù)項(xiàng)目
任務(wù)6 插入文字
任務(wù)7 插入圖片
任務(wù)8 用表格制作“商品列表”
任務(wù)9 使用CSS控制內(nèi)容顯示
任務(wù)10 使用“庫(kù)”項(xiàng)目制作“用戶登錄”
實(shí)訓(xùn)與提高?
課題四 網(wǎng)站布局
任務(wù)11 使用XHTML+CSS搭建網(wǎng)頁(yè)架構(gòu)
實(shí)訓(xùn)與提高四
課題五 網(wǎng)站導(dǎo)航條
任務(wù)12 使用li制作網(wǎng)站導(dǎo)航
實(shí)訓(xùn)與提高五
課題六 網(wǎng)站模板
任務(wù)13 完善網(wǎng)站模板
實(shí)訓(xùn)與提高六
課題七 XHTML+CSS排版網(wǎng)頁(yè)
任務(wù)14 制作“商城”頁(yè)
任務(wù)15 制作“幫助”頁(yè)
任務(wù)16 制作魅衣網(wǎng)首頁(yè)
實(shí)訓(xùn)與提高七
課題八 制作交互式網(wǎng)?
任務(wù)17 制作注冊(cè)表單
任務(wù)18 注冊(cè)表單的數(shù)據(jù)驗(yàn)證
實(shí)訓(xùn)與提高八
課題九 用框架技術(shù)制作網(wǎng)頁(yè)
任務(wù)19 制作后臺(tái)管理頁(yè)面
實(shí)訓(xùn)與提高九

章節(jié)摘錄

　　隨著因特網(wǎng)應(yīng)用的不斷普及，電子商務(wù)作為其中的一項(xiàng)重要應(yīng)用，在全球的經(jīng)濟(jì)活動(dòng)和人們的日常生活中扮演了越來越重要的角色?，F(xiàn)在，有一個(gè)專門銷售時(shí)裝的公司因業(yè)務(wù)需要，想拓展網(wǎng)上銷售業(yè)務(wù)。經(jīng)過多輪的洽談，該公司最后決定由我公司制作網(wǎng)站的前臺(tái)工作，即向客戶提交HTML靜態(tài)網(wǎng)頁(yè)，網(wǎng)站后臺(tái)程序部分因?yàn)樯婕皶?huì)員管理和在線支付等敏感信息，由該公司IT工程師自行開發(fā)，管理后臺(tái)頁(yè)面原型圖設(shè)計(jì)也由該公司提供，管理后臺(tái)的頁(yè)面制作部分將在課題九進(jìn)行詳細(xì)介紹。因此，本任務(wù)只針對(duì)呈現(xiàn)給瀏覽者的前臺(tái)頁(yè)面進(jìn)行原型圖設(shè)計(jì)?！　∫粋€(gè)網(wǎng)站開發(fā)任務(wù)，對(duì)于技術(shù)人員來說，就是一個(gè)項(xiàng)目。本項(xiàng)目的網(wǎng)站名稱定為“魅衣”，英文名稱為“mayshow”，目標(biāo)客戶定位為在校大學(xué)生和剛參加工作的潮男潮女。　　網(wǎng)站的需求分析和頁(yè)面結(jié)構(gòu)設(shè)計(jì)對(duì)于網(wǎng)站建設(shè)的成功與否至關(guān)重要。在實(shí)際項(xiàng)目中，它們往往會(huì)耗費(fèi)項(xiàng)目工作人員大量的時(shí)間和精力，并經(jīng)由企業(yè)相關(guān)人員同網(wǎng)站開發(fā)技術(shù)人員反復(fù)探討才能確定。

圖書封面

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

---

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

---