30天網(wǎng)站建設(shè)全程實(shí)錄

內(nèi)容概要

　　《30天網(wǎng)站建設(shè)全程實(shí)錄》以網(wǎng)頁設(shè)計(jì)師的日常工作為背景，通過30天的設(shè)計(jì)制作講解了一個網(wǎng)站從策劃到上傳的完整過程，以實(shí)例的形式具體講解了網(wǎng)頁設(shè)計(jì)師在面對一個網(wǎng)站設(shè)計(jì)任務(wù)時所要做的日常設(shè)計(jì)工作，并在其中穿插講解了網(wǎng)頁設(shè)計(jì)制作的各方面知識，全面解析了一位成功的網(wǎng)頁設(shè)計(jì)師需要具備的技能和素質(zhì)。在精辟講解實(shí)例的同時，作者介紹了自己長期工作實(shí)踐中的一些經(jīng)驗(yàn)和技巧，旨在幫助讀者形成獨(dú)特的設(shè)計(jì)理念并掌握豐富的網(wǎng)頁設(shè)計(jì)技巧。相信通過閱讀本書，只要靈活運(yùn)用本書所介紹的內(nèi)容和技巧，即可以向資深網(wǎng)頁設(shè)計(jì)師邁進(jìn)一大步?！　　?0天網(wǎng)站建設(shè)全程實(shí)錄》配套的光盤中提供了實(shí)例源文件和教學(xué)視頻，方便讀者參考和學(xué)習(xí)。全書內(nèi)容敘述清晰、全面，是為網(wǎng)頁設(shè)計(jì)師量身定制的專業(yè)書籍，適用于想成為網(wǎng)頁設(shè)計(jì)師的廣大讀者?！　‰S著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁設(shè)計(jì)已經(jīng)成為一個熱門的行業(yè)。這個行業(yè)涵蓋了網(wǎng)絡(luò)技術(shù)、多媒體技術(shù)以及界面設(shè)計(jì)藝術(shù)等諸多內(nèi)容。

書籍目錄

決定 3月1日 我要做網(wǎng)站 策劃 3月2日 定位及策劃網(wǎng)站 網(wǎng)站需求分析 游戲網(wǎng)站的分類 網(wǎng)站的設(shè)計(jì)原則 網(wǎng)站的表現(xiàn)形式 網(wǎng)站的開發(fā)流程 項(xiàng)目的可行性分析 確定網(wǎng)站的面向?qū)ο?網(wǎng)站的內(nèi)容及欄目結(jié)構(gòu) 制定網(wǎng)站開發(fā)進(jìn)度表 3月3日 申請域名和空間 域名的重要性及命名規(guī)則 域名后綴 注冊 申請空間 3月4日 網(wǎng)頁設(shè)計(jì)中的配色 網(wǎng)頁色彩的表現(xiàn)原理 網(wǎng)頁安全色 色彩的聯(lián)想作用和心理效果 網(wǎng)頁配色的基本方法 本網(wǎng)站的配色 網(wǎng)站布局 設(shè)計(jì) 3月5日 確定網(wǎng)站Logo 網(wǎng)站Logo 使用Photoshop制作網(wǎng)站Logo 3月6日 使用Photoshop設(shè)計(jì)網(wǎng)站按鈕 新建文檔 繪制橢圓和高光 輸入文字、添加圖層樣式 3月7日 使用Photoshop設(shè)計(jì)網(wǎng)站導(dǎo)航 繪制圓角矩形 添加圖層樣式 輸入導(dǎo)航欄文字 處理導(dǎo)航背景 添加導(dǎo)航其他背景 3月8日 使用Photoshop設(shè)計(jì)網(wǎng)站頁面 繪制網(wǎng)站頂部導(dǎo)航 導(dǎo)入Logo、按鈕和導(dǎo)航條 繪制會員登錄部分 繪制游戲公告和游戲心得部分 繪制游戲視頻和按鈕部分 繪制排行榜部分 繪制頁面版底信息部分 3月9日 用Photoshop切、切、切 分析頁面布局結(jié)構(gòu) 添加輔助線 切割頁面素材圖像 制作 3月10日 Dreamweaver光速入門 Dreamweaver的概述 Dreamweaver的配置要求 Dreamweaver的安裝 Dreamweaver的界面組成 3月11日 用Dreamweaver建立站點(diǎn) 創(chuàng)建本地站點(diǎn) 站點(diǎn)的高級設(shè)置 3月12日 設(shè)置網(wǎng)站標(biāo)題及基本信息 新建頁面 設(shè)置頁面標(biāo)題 設(shè)置頁面頭信息 設(shè)置網(wǎng)頁基本屬性 3月13日 制作網(wǎng)站導(dǎo)航欄 在Dreamweaver中制作頂部導(dǎo)航 制作Flash按鈕 制作Flash導(dǎo)航欄 插入Flash動畫 3月14日 網(wǎng)站導(dǎo)航制作進(jìn)階 插入圖像占位符 插入鼠標(biāo)經(jīng)過圖像 插入Fireworks HTML 3月15日 制作頁面整體框架 DIV的嵌套 CSS的布局 3月16日 表格布局方法 插入表格 表格屬性 選擇表格和單元格 拆分單元格 插入行或列 排序表格 導(dǎo)入表格數(shù)據(jù) 導(dǎo)出表格數(shù)據(jù) 3月17日 制作會員登錄 3月18日 網(wǎng)站中文本要素 插入特殊字符 插入列表 插入日期 插入水平線 插入注釋 簡單的圖文混排效果 3月19日 CSS樣式表的應(yīng)用 使用CSS樣式表美化 CSS樣式表的類型 CSS樣式表的基本寫法 創(chuàng)建內(nèi)部樣式表 創(chuàng)建外部樣式表文件 鏈接外部樣式表 CSS中的單位和值 CSS定義顏色值 群選擇符 派生選擇符 id選擇符 類別選擇符 3月20日 制作網(wǎng)站注冊頁面 制作網(wǎng)站注冊頁面主體框架 制作注冊框 制作會員注冊表單 制作版底信息 3月21日 制作首頁主體部分內(nèi)容 3月22日 運(yùn)用DIV+CSS制作網(wǎng)站頁面 Web標(biāo)準(zhǔn)的歷史與發(fā)展 Web標(biāo)準(zhǔn)的構(gòu)成 運(yùn)用DIV+CSS布局制作網(wǎng)站頁面 3月23日 頁面中其他多媒體內(nèi)容的實(shí)現(xiàn) 插入Flash動畫 插入FLV視頻 插入Shockwave動畫 插入APPLET 插入ActiveX控件 為網(wǎng)頁添加視頻 3月24日 AP Div的使用 插入AP Div 實(shí)現(xiàn)AP Div的拖動 顯示隱藏AP Div 利用AP Div溢出排版 3月25日 使用行為為網(wǎng)頁添加特效 添加狀態(tài)欄文本 添加彈出信息 打開瀏覽器窗口 檢查表單 設(shè)置文本域文字 3月26日 為頁面制作浮動廣告 用Photoshop制作GIF動畫 利用JavaScript來實(shí)現(xiàn)廣告的浮動 3月27日 制作網(wǎng)站二級頁面 制作二級頁面框架 制作玩家論壇的主要內(nèi)容 3月28日 制作框架頁面 框架的使用 創(chuàng)建和保存框架、框架集 框架和框架集屬性設(shè)置 框架頁面制作 制作頂部 制作底部 3月29日 創(chuàng)建模板并設(shè)置網(wǎng)站鏈接 創(chuàng)建模板頁面 創(chuàng)建可編輯區(qū)域、可選區(qū)域 定義重復(fù)區(qū)域 創(chuàng)建可編輯的可選區(qū)域 創(chuàng)建重復(fù)表格 創(chuàng)建基于模板的頁面 編輯和使用庫 為圖像設(shè)置鏈接 為文字設(shè)置鏈接 設(shè)置E—mail鏈接 錨點(diǎn)鏈接 創(chuàng)建空鏈接 圖像映射 腳本鏈接 完成 3月30日 網(wǎng)站的上傳和搜索 檢查瀏覽器兼容性 檢查鏈接 創(chuàng)建站點(diǎn)報(bào)告 在Dreamweaverqb設(shè)置遠(yuǎn)程站點(diǎn)信息 使用Dreamweaver上傳網(wǎng)站 使用其他上傳工具上傳網(wǎng)站 手動登錄搜索引擎 使用登錄軟件登錄搜索引擎

章節(jié)摘錄

版權(quán)頁：   插圖：     網(wǎng)頁配色的基本方法 色彩不同的網(wǎng)頁給人的感覺會有很大差異，可見網(wǎng)頁的配色對于整個網(wǎng)站的重要性。 一般在選擇網(wǎng)頁色彩的時候，會選擇與網(wǎng)頁類型相符合的顏色，而且盡量少用幾種顏色，調(diào)和各種顏色使其有穩(wěn)定感是最好的。例如，把鮮明的色彩用來作為中心色彩時，以這個顏色為基準(zhǔn)，主要使用與它鄰近的顏色，使其具有統(tǒng)一性。需要強(qiáng)調(diào)的部分可以使用其他別的顏色，或利用幾種顏色的對比，這些都是網(wǎng)頁配色的基本方法。 1.文本配色 比起圖像或圖形等布局要素來，文本配色就需要更強(qiáng)的可讀性和可識別性。所以文本的配色與背景的對比度等問題就需要多費(fèi)些腦筋。很顯然，如果文字的顏色和背景色有明顯的差異，其可讀性和可識別性就會很強(qiáng)，這時主要使用的配色是明度的對比配色或者利用補(bǔ)色關(guān)系的配色。使用灰色或白色等無彩色背景的可讀性高，和別的顏色也容易配色。但如果想使用一些比較有個性的顏色的話，就要注意顏色的對比度IN題。多試驗(yàn)幾種顏色，要努力尋找那些熟悉的適合的顏色。 另外，在文本背景下使用圖像，如果使用對比度高的圖像，那么可識別性就要降低，這種情況下就要考慮降低圖像的對比度。 2.網(wǎng)頁配色關(guān)系 要想在網(wǎng)頁中恰當(dāng)?shù)厥褂蒙剩鸵紤]各個要素的特點(diǎn)。背景和文字如果使用近似的顏色，其可識別性就會降低，這是文本字號大小處于某個值時的特征，即各要素的大小如果發(fā)生了改變，色彩也需要改變。 標(biāo)題字號大小如果大于一定值，即使使用與背景相近的顏色對標(biāo)題的可識別性也不會有太大的妨礙。相反，如果與周圍的顏色互為補(bǔ)充，可以給人整體上調(diào)和的感覺。如果整體使用較接近的顏色，那么就對想要強(qiáng)調(diào)的內(nèi)容使用補(bǔ)色，這也是配色的一種方法。 配色規(guī)則：如果想要把各種各樣的顏色有效地調(diào)和起來，那么應(yīng)制定一個規(guī)則，再按照它去做會比較好。例如，用同一色系的色彩制作某種要素時，按照種類只變換背景色的明度和飽和度，或者維持一定的明度和飽和度，只變換顏色。利用色彩的三要素——顏色、明度和飽和度來配色會比較容易。 文本配色平衡：在配色中最重要的莫過于整體的平衡。例如，為了強(qiáng)調(diào)標(biāo)題使用對比強(qiáng)烈的圖像或色彩，而正文使用它的補(bǔ)色作為強(qiáng)調(diào)色，就會使注意力分散，使整體的效果退色，這就是沒有很好地考慮整體的平衡而發(fā)生的問題。如果標(biāo)題的背景用較暗的顏色，再用最容易引人注意的白色作為標(biāo)題的顏色，正文也使用與之相同的顏色，或者標(biāo)題用很大的字，在很暗的背景下又用白色作為擴(kuò)張色壓倒其他要素，這樣畫畫就會互相沖突而顯得很雜亂。

編輯推薦

《30天網(wǎng)站建設(shè)全程實(shí)錄》配套的光盤中提供了實(shí)例源文件和教學(xué)視頻，方便讀者參考和學(xué)習(xí)。全書內(nèi)容敘述清晰、全面，是為網(wǎng)頁設(shè)計(jì)師量身定制的專業(yè)書籍，適用于想成為網(wǎng)頁設(shè)計(jì)師的廣大讀者。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    30天網(wǎng)站建設(shè)全程實(shí)錄 PDF格式下載

---