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

內(nèi)容概要

　　《網(wǎng)頁設(shè)計(jì)與制作》以網(wǎng)站設(shè)計(jì)與制作為主線，以dreamweaver
cs5為開發(fā)工具，從實(shí)際應(yīng)用的角度出發(fā)，系統(tǒng)地介紹網(wǎng)頁制作的相關(guān)技術(shù)。從基本概念、網(wǎng)站規(guī)劃與設(shè)計(jì)人手，逐步展示網(wǎng)頁制作與網(wǎng)站開發(fā)的全過程。
　　《網(wǎng)頁設(shè)計(jì)與制作》共8章，分別為網(wǎng)頁設(shè)計(jì)基礎(chǔ)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁基本元素、網(wǎng)頁布局、css網(wǎng)頁修飾、表單、高級(jí)網(wǎng)頁制作和asp動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)，并以遼寧風(fēng)景旅游網(wǎng)站實(shí)例設(shè)計(jì)貫穿全書，與知識(shí)點(diǎn)巧妙結(jié)合，各章內(nèi)容環(huán)環(huán)相扣，每章后面都給出了精心設(shè)計(jì)的思考題和上機(jī)操作題，以便學(xué)生能進(jìn)一步理解和鞏固所學(xué)知識(shí)。
　　《網(wǎng)頁設(shè)計(jì)與制作》可以作為高等院校和培訓(xùn)機(jī)構(gòu)的教材，也可以作為網(wǎng)頁制作愛好者入門與提高的參考書籍。

書籍目錄

第1章　網(wǎng)頁設(shè)計(jì)基礎(chǔ)
　1.1基本概念
　1.1.1internet的概念
　1.1.2什么是www
　1.1.3超文本與超媒體
　1.1.4瀏覽器
　1.2網(wǎng)頁與網(wǎng)站
　1.2.1網(wǎng)站與網(wǎng)頁的概念
　1.2.2網(wǎng)頁的類型
　1.2.3構(gòu)成網(wǎng)頁的元素
　1.3網(wǎng)頁制作基礎(chǔ)知識(shí)
　1.3.1html簡(jiǎn)介
　1.3.2html基本語法
　1.3.3常用的網(wǎng)頁制作工具
　1.3.4代碼設(shè)計(jì)與直觀設(shè)計(jì)
　1.4初識(shí)dreamweaver cs5
　1.5網(wǎng)站開發(fā)過程
　1.5.1需求分析
　1.5.2整體規(guī)劃
　1.5.3網(wǎng)站設(shè)計(jì)
　1.5.4網(wǎng)站實(shí)施
　1.5.5網(wǎng)站的測(cè)試與發(fā)布
　1.6思考與練習(xí)
第2章　網(wǎng)站設(shè)計(jì)
　2.1網(wǎng)站設(shè)計(jì)概述
　2.1.1設(shè)計(jì)目標(biāo)
　2.1.2設(shè)計(jì)原則
　2.1.3網(wǎng)站對(duì)象
　2.1.4主題與名稱
　2.1.5風(fēng)格與形象
　2.2任務(wù)1創(chuàng)建“遼寧風(fēng)景旅游”網(wǎng)站站點(diǎn)
　2.3網(wǎng)站內(nèi)容設(shè)計(jì)
　2.3.1設(shè)計(jì)原則和標(biāo)準(zhǔn)內(nèi)容
　2.3.2目錄結(jié)構(gòu)設(shè)計(jì)
　2.3.3鏈接設(shè)計(jì)
　2.3.4導(dǎo)航設(shè)計(jì)
　2.3.5資料搜集
　2.4任務(wù)2“遼寧風(fēng)景旅游”網(wǎng)站站點(diǎn)詳細(xì)設(shè)計(jì)
　2.5思考與練習(xí)
第3章　網(wǎng)頁基本元素
　3.1任務(wù)1“景點(diǎn)介紹”網(wǎng)頁設(shè)計(jì)
　3.1.1文本的輸入
　3.1.2編輯文本
　3.2任務(wù)2“景點(diǎn)banner”設(shè)計(jì)
　3.2.1圖像插入
　3.2.2設(shè)置圖像屬性
　3.2.3插入圖像占位符
　3.2.4鼠標(biāo)經(jīng)過圖像
　3.3任務(wù)3“旅游熱點(diǎn)”網(wǎng)頁設(shè)計(jì)
　3.3.1插入并編輯表格
　3.3.2表格合并與嵌套
　3.3.3表格內(nèi)容的添加
　3.4任務(wù)4“熱點(diǎn)線路”網(wǎng)頁設(shè)計(jì)
　3.4.1超鏈接概述
　3.4.2文本與圖像超鏈接
　3.4.3熱點(diǎn)鏈接
　3.4.4創(chuàng)建錨點(diǎn)超鏈接
　3.4.5創(chuàng)建電子郵件超鏈接
　3.4.6創(chuàng)建下載文件超鏈接
　3.4.7創(chuàng)建空鏈接
　3.5任務(wù)5使用多媒體對(duì)象進(jìn)一步豐富頁面
　3.5.1插入音頻文件
　3.5.2插入flash動(dòng)畫
　3.5.3插入flash視頻
　3.6思考與練習(xí)
第4章　網(wǎng)頁布局
　4.1網(wǎng)頁布局規(guī)劃
　4.1.1網(wǎng)頁布局概述
　4.1.2布局的方法與原則
　4.2表格布局
　4.2.1布局表格概述
　4.2.2任務(wù)1建立“旅游景點(diǎn)”布局表格
　4.3框架布局
　4.3.1框架概述
　4.3.2框架的創(chuàng)建與編輯
　4.3.3任務(wù)2“常見問題”框架網(wǎng)頁設(shè)計(jì)
　4.3.4內(nèi)嵌框架iframe
　4.4模板網(wǎng)頁
　4.4.1模板網(wǎng)頁概述
　4.4.2創(chuàng)建模板
　4.4.3任務(wù)3創(chuàng)建“景點(diǎn)介紹”模板網(wǎng)頁
　4.4.4任務(wù)4利用模板生成“景點(diǎn)介紹”網(wǎng)頁
　4.4.5任務(wù)5設(shè)計(jì)重復(fù)區(qū)域模板網(wǎng)頁
　4.4.6任務(wù)6利用可重復(fù)區(qū)域模板創(chuàng)建“風(fēng)光圖庫”網(wǎng)頁
　4.5思考與練習(xí)
第5章　css網(wǎng)頁修飾
　5.1css概述
　5.1.1css的概念
　5.1.2css構(gòu)造規(guī)則
　5.1.3常用css選擇器
　5.1.4css常用方法
　5.2任務(wù)1采用行內(nèi)式修飾文本和圖像
　5.2.1采用標(biāo)簽選擇器修飾文本
　5.2.2采用類選擇器修飾圖像
　5.3任務(wù)2采用內(nèi)聯(lián)樣式單修飾列表和鏈接
　5.3.1采用id選擇器修飾列表
　5.3.2采用標(biāo)簽選擇器和復(fù)合內(nèi)容選擇器修飾鏈接
　5.4任務(wù)3采用鏈接式修飾風(fēng)光圖像表格
　5.4.1利用類選擇器修飾表格
　5.4.2利用類選擇器美化表格
　5.5div+css布局
　5.5.1div與css的布局概述
　5.5.2任務(wù)4利用div與css設(shè)計(jì)欄目版塊布局
　5.6思考與練習(xí)
第6章　表單
　6.1表單概述
　6.2任務(wù)1用戶登錄網(wǎng)頁設(shè)計(jì)
　6.2.1創(chuàng)建和編輯表單域
　6.2.2文本字段
　6.2.3按鈕
　6.3任務(wù)2注冊(cè)網(wǎng)頁設(shè)計(jì)
　6.3.1單選按鈕組
　6.3.2復(fù)選框組
　6.3.3選擇(列表／菜單)
　6.3.4圖像域
　6.3.5文件域
　6.3.6文本區(qū)域
　6.4任務(wù)3“論壇首頁”網(wǎng)頁設(shè)計(jì)
　6.5任務(wù)4登錄表單檢查
　6.6任務(wù)5注冊(cè)表單spry驗(yàn)證
　6.6.1spry驗(yàn)證文本域
　6.6.2spry驗(yàn)證密碼
　6.6.3spry驗(yàn)證確認(rèn)
　6.6.4spry驗(yàn)證單選按鈕組
　6.6.5spry驗(yàn)證選擇
　6.6.6spry驗(yàn)證復(fù)選框
　6.6.7spry驗(yàn)證文本區(qū)域
　6.7思考與練習(xí)
第7章　高級(jí)網(wǎng)頁制作
　7.1行為
　7.1.1行為基本知識(shí)
　7.1.2認(rèn)識(shí)行為面板
　7.1.3附加行為的方法
　7.1.4任務(wù)1廣告頁面自動(dòng)彈出的設(shè)計(jì)
　7.1.5任務(wù)2景點(diǎn)圖像的動(dòng)態(tài)說明
　7.1.6任務(wù)3增加頁面視覺效果的設(shè)計(jì)
　7.1.7下載并安裝第三方行為
　7.2菜單的制作
　7.2.1任務(wù)4彈出式導(dǎo)航菜單的制作
　7.2.2任務(wù)5在線客服網(wǎng)頁的設(shè)計(jì)
　7.3思考與練習(xí)
第8章　asp動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)
　8.1asp概述
　8.1.1asp概述
　8.1.2任務(wù)1asp的運(yùn)行環(huán)境設(shè)置
　8.2數(shù)據(jù)庫設(shè)計(jì)與實(shí)現(xiàn)
　8.2.1數(shù)據(jù)庫概述
　8.2.2數(shù)據(jù)庫的建立
　8.2.3任務(wù)2在dreamweaver中進(jìn)行數(shù)據(jù)庫的連接
　8.3任務(wù)3論壇信息的瀏覽與刪除
　8.3.1信息瀏覽
　8.3.2信息的刪除
　8.4任務(wù)4注冊(cè)信息的存儲(chǔ)
　8.5任務(wù)5系統(tǒng)登錄與個(gè)人注冊(cè)信息修改
　8.5.1登錄信息的驗(yàn)證
　8.5.2個(gè)人信息的修改
　8.6思考與練習(xí)

章節(jié)摘錄

版權(quán)頁：   插圖：   2.標(biāo)準(zhǔn)內(nèi)容 一般情況下，一個(gè)標(biāo)準(zhǔn)的網(wǎng)站應(yīng)該包括以下內(nèi)容： （1）站點(diǎn)結(jié)構(gòu)圖。站點(diǎn)結(jié)構(gòu)圖是一種有關(guān)站點(diǎn)結(jié)構(gòu)、組織方式的示意圖，也是站點(diǎn)的分級(jí)結(jié)構(gòu)圖。采用這種方式可以使用戶迅速找到信息所在的位置，例如某些網(wǎng)站的幫助頁面就是以站點(diǎn)地圖的形式表示的。 （2）導(dǎo)航欄。導(dǎo)航欄是每個(gè)網(wǎng)站都應(yīng)該包括的一組導(dǎo)航工具，它應(yīng)出現(xiàn)在網(wǎng)站的每一個(gè)頁面中。導(dǎo)航欄中的內(nèi)容應(yīng)與站點(diǎn)結(jié)構(gòu)圖中的主要欄目相關(guān)聯(lián)。 （3）聯(lián)系方式。聯(lián)系方式通常是通過導(dǎo)航欄鏈接的一個(gè)頁面來表示。在這個(gè)頁面中包括網(wǎng)站所屬者的通信地址、郵編、聯(lián)系人、傳真、電話號(hào)碼和E—mail等基本聯(lián)系信息。 （4）交互渠道。除了上面提到的E—mail外，網(wǎng)站還應(yīng)提供其他交互渠道，如意見反饋、BBS等。利用這些交互渠道，用戶可以隨時(shí)提出信息需求，發(fā)表對(duì)網(wǎng)站的意見。同時(shí)，也為網(wǎng)站開發(fā)者提供了不斷提高服務(wù)質(zhì)量以滿足用戶需求的機(jī)會(huì)，甚至還可以從反饋信息中發(fā)現(xiàn)一些改進(jìn)公司產(chǎn)品的好主意。 （5）有價(jià)值的信息。在每個(gè)頁面中都要包含與主題相關(guān)的、有價(jià)值的和吸引人的內(nèi)容。語言要通俗易懂，對(duì)專業(yè)用語及技術(shù)術(shù)語要進(jìn)行解釋。當(dāng)涉及產(chǎn)品介紹時(shí)，除了要有詳細(xì)的文字說明外，還要有精心修飾過的產(chǎn)品圖像。 （6）常見問題解答。常見問題解答也是通過導(dǎo)航欄鏈接的一個(gè)頁面，這個(gè)頁面通常是在其上面部分或是左面部分列出常見問題，而將每個(gè)問題的回答鏈接在頁面的下面或是右面部分。 （7）搜索工具。提供搜索工具可以使得用戶通過關(guān)鍵詞或詞組快速定位于關(guān)鍵詞相關(guān)的頁面或頁面列表，方便用戶查詢信息。 （8）更新說明。網(wǎng)站要不斷地更新，加入新的信息。更新的內(nèi)容要予以說明，通?？梢栽诟碌男畔⑴赃吋幼⒁粋€(gè)亮麗的小圖標(biāo)“新”，也可以為最新消息創(chuàng)建單獨(dú)頁面，經(jīng)過一段時(shí)間后將其移人到適當(dāng)?shù)哪夸浿?。另外，在主頁和每個(gè)頁面的下面加注一行文字，表明本網(wǎng)站或每個(gè)單獨(dú)頁面最近一次被更新的時(shí)間。 （9）相關(guān)站點(diǎn)鏈接。網(wǎng)站要提供到合作伙伴或其他相關(guān)站點(diǎn)的鏈接。對(duì)于每個(gè)鏈接都要做簡(jiǎn)要的說明，并對(duì)它被鏈接的原因進(jìn)行闡述，這些信息可以幫助用戶選擇最符合其需求的站點(diǎn)。另外，要定期訪問各鏈接站點(diǎn)，刪除那些不能鏈接訪問的站點(diǎn)。

編輯推薦

《高等學(xué)校計(jì)算機(jī)基礎(chǔ)教育規(guī)劃教材:網(wǎng)頁設(shè)計(jì)與制作》可以作為高等院校和培訓(xùn)機(jī)構(gòu)的教材，也可以作為網(wǎng)頁制作愛好者入門與提高的參考書籍。

圖書封面

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

---

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

---