網(wǎng)站設(shè)計手冊

內(nèi)容概要

內(nèi)容提要
越來越多的公司和個人希望擁有實用且美觀的網(wǎng)站，幫助人們實現(xiàn)這一愿望，正是本書寫作的出發(fā)點和目的。
本書以同站開發(fā)程序（未包括發(fā)現(xiàn)需求及采集需求）為序展開敘述，從網(wǎng)站構(gòu)架設(shè)計入手，配合詳細(xì)的導(dǎo)航系統(tǒng)設(shè)計介紹，讀者可以由此得到一個層次分明、結(jié)構(gòu)清晰、易于瀏覽的網(wǎng)站的框架；接下來是對頁面布局設(shè)計和配色方案設(shè)計的介紹，幫助讀者對同站框架進行細(xì)致化工作，本書專門詳細(xì)介紹了一些網(wǎng)站通用頁面的制作，如新聞頁面、產(chǎn)品頁面、服務(wù)頁面、用戶支持頁面、雇員頁面等等，并輔以實例，方便讀者參考和實作。
本書后半部分集中介紹了頁面中各元素的局部設(shè)計和美化，這是進一步細(xì)致加工網(wǎng)站的必要步驟，也是頗為煩瑣的工作之一：由于阿頁廣告已成為不容忽視的頁面元素之一，本書利用一章的篇幅介紹了網(wǎng)頁廣告的設(shè)計制作；最后，擁有一個實用美觀的網(wǎng)站僅僅是第一步，細(xì)水長流的工作是保持，本書在站點管理部分介紹了保持同站新鮮和高效的方法。
本書適用于網(wǎng)站網(wǎng)頁設(shè)計人員和廣大網(wǎng)頁制作愛好者。

書籍目錄

目錄
前言
第1章網(wǎng)站結(jié)構(gòu)
1．1網(wǎng)站結(jié)構(gòu)圖
1．2網(wǎng)站邏輯模型圖的設(shè)計
1．3選題
1．3．l企業(yè)網(wǎng)站
1．3．2非企業(yè)網(wǎng)站
1．4劃分信息
1．4．且自頂向下劃分
1．4．2自底向上劃分
1．5層次劃分和優(yōu)化
1．5．l網(wǎng)站的頂層結(jié)構(gòu)
1．5．2網(wǎng)站的下層結(jié)構(gòu)
1．6目錄安排
1．7網(wǎng)頁關(guān)系
1．7．l信息片段
1．7．2順序關(guān)系
1．7．3矩陣關(guān)系
1．7．4樹形關(guān)系
1．7．5網(wǎng)狀關(guān)系
本章小結(jié)
第2章導(dǎo)航系統(tǒng)和用戶接口
2．1導(dǎo)航系統(tǒng)
2．1．l菜單
2．1．2站內(nèi)目錄
2．1．3站點目錄的建立
2．1．4站內(nèi)搜索
2．1．5同站地圖及實例
2．1．6你的位置
2．1．7腳注及其他
2．1．8設(shè)計導(dǎo)航系統(tǒng)的注意事項
2．2用戶接口
2．2．1Step by Step
2．2．2錯誤校驗
2．2．3關(guān)于用戶名
本章小結(jié)
第3章頁面設(shè)計
3．1頁面大小
3．1．l測覽器的偏移量
3．l．2國布（canvas）大小
3．1．3安裝了Microsoft Office之后的問題
3．1．4建議的頁面大小
3．2頁面主題
3．2．1分隔線
3．2．2標(biāo)題圖
3．2．3頁眼圖
3．2．4制作按鈕和條形圖標(biāo)
3．2．5制作編目圖標(biāo)
3．2．6主題參考
3．3頁面劃分
3．3．1兩欄式結(jié)構(gòu)
3．3．2三欄式結(jié)構(gòu)，
3．3．3兩欄／三欄式相結(jié)合
3．3．4兩欄、三欄式的變形
3．4設(shè)計頁面原始結(jié)構(gòu)框圖
3．4．l綜合性站點的原始結(jié)構(gòu)框圖
3．4．2企業(yè)網(wǎng)站的原始結(jié)構(gòu)框圖
3．4．3企業(yè)站點與非企業(yè)站點對于頁面原始結(jié)構(gòu)規(guī)劃的不同之處
3．5設(shè)計頁面圖
3．5．l關(guān)于設(shè)計的幾點建議
3．5．2利用工具設(shè)計頁面圖
3．6拆分頁面
3．6．1第次拆分
3．6．2輸出HTM代碼及初步優(yōu)化
3．6．3第二次頁面拆分
3．6．4第三次頁面拆分
3．7代碼優(yōu)化（使網(wǎng)頁苗條）
3．7．1在HTML中明確地標(biāo)注圖像尺寸（不要省略圖像的Widih和Height屬性）
3．7．2去掉多余的圖像
3．7．3使用適用的圖像格式
3．7．4使用緩存
3．7．5保證圖像中一行里的顏色數(shù)盡可能得少
3．7．6盡可能使用文本而不用圖形
3．7．7制作快速表格的技巧
3．7．8測試你的網(wǎng)頁
3．8模板的創(chuàng)建
3．8．1半模板
3．8．2全模板
3．9頁面更新和管理計劃
3．10幾種例行頁面的設(shè)計制作
3．10．l歡迎頁面的制作
3．10．2聯(lián)系頁面的制作
3．10．3雇員信息頁面的制作
3．10．4新聞頁面的制作
3．10．5產(chǎn)品用/服務(wù)頁面的制作
3．10．6客戶支持頁面的制作
3．11創(chuàng)意頁面的設(shè)計制作
3．12頁面實例
3．12．l歡迎頁面的實例
3．12．2創(chuàng)意頁面的實例
3．12．3新聞頁面的實例
3．12．4雇員頁面的實例
3．12．5產(chǎn)品頁面的實例
3．12．6FAQ頁面實例
本章小結(jié)
第4章配色方案．
4．1關(guān)于計算機的色彩表示
4．1．1顏色十六進制數(shù)值
4．1．2RGB值
4．2關(guān)于瀏覽器的安全色彩問題
4．3關(guān)于顏色的語言
4．3．1顏色符號論圖表
4．3．2不同文化的顏色符號論
4．3．3顏色與心理
4．4Web頁面的用色要求
4．5頁面顏色的選擇
4．5．1主色
4．5．2輔色
4．6配色方法
4．6．1配色竅門
4．6．2幾種配色方案
4．7給色彩制作檔案
本章小結(jié)
第5章CSS樣式表
5．1樣式表的寫法
5．1．l樣式表寫法分類
5．1．2文字屬性控制
5．1．3表單屬性控制
5．1．4鏈接
5．2樣式表舉例
本章小結(jié)
第6章表格的應(yīng)用
6．1表格的作用
6．1．l確定頁面布局
6．1．2隨心所欲地安排頁面內(nèi)容
6．1．3在某種程度上替代圖像
6．2表格的放置
6．2．1單級表格式
6．2．2多級嵌套式
6．2．3重復(fù)單級式
6．3表格的制作
6．3．l表格的寬度
6．3．2表格的邊框
6．3．3表元的間隙
6．3．4表格的分隔線
6．3．5表元內(nèi)容的對齊布局
6．3．6表格在頁面中的對齊/布局
6．4表格的使用竅門
6．4．l制作按鈕
6．4．2制作線條
6．4．3替代圖像
6．5關(guān)于表格的幾點建議
6．5．1表格的多級嵌套最好不超過三層．
6．5．2盡量不要使用不規(guī)則表格
本章小結(jié)
第7章圖的應(yīng)用
7．l網(wǎng)頁圖片的使用原則
7．1．l盡量使用小圖
7．1．2使用高中質(zhì)量的圖片
7．2網(wǎng)頁圖片的選擇
7．2．l內(nèi)容的選擇
7．2．2色調(diào)的選擇
7．2．3質(zhì)量的選擇
7．2．4選擇圖片的方法
7．3網(wǎng)頁圖片的修飾
7．3．l圖的淡化
7．3．2圖的羽化
7．3．3圖的單色化
7．3．4修改背景色
7．3．5背景透明化
7．3．6背景模糊
7．3．7圖像的組合
7．3．8圖像勾邊
7．4增加網(wǎng)頁立體效果
7．4．1陰影效果
7．4．2倒影效果
7．4．3光影效果
7．4．4浮雕效果
7．5在哪里使用圖最恰當(dāng)
7．5．l背景
7．5．2首頁
7．5．3coverpape
7．5．4文字密集處
7．5．5提交按扭
7．1隱形圖的使用
7．7圖和表格的結(jié)合
7．7．l圖和表格底色的結(jié)合
7．7．2巧用表格背景圖
7．8用CSS的濾鏡功能處理圖片
7．8．IAlpha濾鏡
7．8．2Blur濾鏡
7．8．3FlipH和FlipV濾鏡
7．8．4Chroma濾鏡
7．8．5Dropshadow濾鏡
7．8．6Glow濾鏡
7．8．7Gfay濾鏡
7．8．8Light濾鏡
7．8．9Shadow濾鏡
7．8．10Wave濾鏡
7．8．11CSS濾鏡的綜合應(yīng)用
7．9用Script程序使圖片產(chǎn)生意想不到的效果
7．10關(guān)于GIF動畫
7．11圖的替代品
7．11．l表格
7．11．2特殊字符
本章小結(jié)
第8章分隔線的應(yīng)用
8．1線的類型
8．1．1復(fù)雜型
8．1．2簡單型
8．1．3其他型
8．2線的制作
8．2．1制作精美的線條
8．2．2制作10*10像素的小圖
8．2．3在HTML中勾勒表格邊框
8．2．4用表格背景色做線
8．2．5用表格背景圖做線
8．2．6使用HTML中的＜HR＞
本章小結(jié)
第9章文字的處理
9．1文字的擺放
9．1．l文字的布局
9．1．2文字的擺放規(guī)則
9．2使用CSS的濾鏡效果處理文字
9．2．1Alpha濾鏡
9．2．2Blur濾鏡
9．2．3Fliph,FlipV濾鏡
9．2．4DropShadow濾鏡
9．2．5Glow濾鏡
9．2．6Shadow濾鏡
9．2．7WaVe濾鏡
9．2．8CSS濾鏡的綜合應(yīng)用
9．3使用Script程序處理文字
本章小結(jié)
第10章按鈕及圖標(biāo)
10．l根據(jù)頁面主題收集按鈕和圖標(biāo)
10．2根據(jù)頁面主題設(shè)計按鈕和圖標(biāo)
10．3使用SCript程序制作按鈕
10．4實戰(zhàn)：借助軟件制作導(dǎo)航按鈕和圖標(biāo)
10．4．1ActionBars
10．4．2AllWebMenus
本章小結(jié)
第11章表單應(yīng)用
11．l創(chuàng)建表單頁面
11．1．l創(chuàng)建表單頁面的準(zhǔn)備工作
11．1．2設(shè)計表單頁面
11．2表單元素的修飾
11．2．1增加表單邊框
11．2．2隱藏表單邊框
11．2．3修改表單邊框
11．2．4修改submit外表
11．3表單區(qū)域的修飾
11．3．l增加表單區(qū)域外框
11．3．2使用小圖片
11．3．3使用區(qū)域背景圖
11．3．4使用精心制作的按鈕圖片
11．3．5使用標(biāo)題圖片
11．4表單頁面實例
本章小結(jié)
第12章隱藏信息換取空間
12．1隱藏文字
12．2菜單的應(yīng)用
12．2．l彈出式菜單
12．2．2伸縮式菜單
12．2．3下拉菜單
12．3標(biāo)簽的應(yīng)用
12．3．貝圖像的標(biāo)簽
12．3．2鏈接的標(biāo)簽
12．4共享空間
12．4．l圖像共享空間
12．4．2文字共享空間
本章小結(jié)
第13章網(wǎng)頁廣告
13．l廣告的分類
13．1．l留給別人的廣告
13．1．2留給自己的廣告
13．2廣告的規(guī)格
13．2．1 468×60
13．2．2 88×31
13．2．3 120×60
13．2．4 125×l25
13．2．5其他
13．3廣告的位置
13．3．l頁眉
13．3．2頁中
13．3．3頁腳
13．3．4專辟的廣告區(qū)
13．4設(shè)置廣告收費標(biāo)準(zhǔn)
13．5跟蹤Web廣告
13．6廣告隨機顯示系統(tǒng)的制作
13．6．l用JavascriPt實現(xiàn)廣告的互換顯示
13．6．2使用Meta+iframe技術(shù)
13．7網(wǎng)頁廣告的設(shè)計制作
13．7．1廣告的設(shè)計
13．7．2制作GIF格式的動畫廣告
13．8關(guān)于RichMedia Banner
本章小結(jié)
附錄一相關(guān)網(wǎng)址
附錄二CSS的基本語法
附錄三網(wǎng)頁廣告常見問答
附錄四創(chuàng)覽器相容性圖表

圖書封面

評論、評分、閱讀與下載

---

    網(wǎng)站設(shè)計手冊 PDF格式下載

---