本書全面、細(xì)致地剖析主流網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作技術(shù),精心整合并詳細(xì)介紹中文版DreamweaverCC、PhotoshopCC網(wǎng)頁(yè)設(shè)計(jì)工具以及HTML、JavaScript在網(wǎng)站制作中的實(shí)際應(yīng)用,在講解基礎(chǔ)知識(shí)的同時(shí),以大量商業(yè)案例來(lái)講解網(wǎng)頁(yè)設(shè)計(jì)的方法,并在正文中穿插大量操作技巧與學(xué)習(xí)心得,能讓讀者迅速成為網(wǎng)頁(yè)設(shè)計(jì)高手。本書既可作為職業(yè)學(xué)校、電腦培訓(xùn)班的教材,又可作為大專院校相關(guān)專業(yè)師生的教學(xué)參考用書,更是廣大網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作和網(wǎng)站制作愛好者*的自學(xué)參考用書。
隨著網(wǎng)絡(luò)信息技術(shù)的廣泛應(yīng)用,互聯(lián)網(wǎng)作為重要的媒體使全球信息共享成為現(xiàn)實(shí),它正逐漸改變?nèi)藗兊纳詈凸ぷ鞣绞健C鎸?duì)撲面而來(lái)的網(wǎng)絡(luò)浪潮,個(gè)人、企業(yè)等紛紛建立自己的網(wǎng)站,利用網(wǎng)站來(lái)宣傳自己,提高知名度,尋找新的商機(jī)。一個(gè)設(shè)計(jì)精美的網(wǎng)站,不僅能夠帶來(lái)視覺上的體驗(yàn),還能夠發(fā)掘潛在的網(wǎng)絡(luò)客戶,因而網(wǎng)站建設(shè)成為很多企業(yè)越來(lái)越重視的問題。網(wǎng)站建設(shè)涉及的技術(shù)繁多,而很多網(wǎng)站建設(shè)人員僅了解某方面的知識(shí),沒有全面了解網(wǎng)站建設(shè)必需的各種技術(shù),從而缺乏全局意識(shí),不具備綜合的網(wǎng)站建設(shè)能力。
本書主要內(nèi)容網(wǎng)站制作工作包括網(wǎng)站策劃、網(wǎng)頁(yè)圖像設(shè)計(jì)、網(wǎng)頁(yè)頁(yè)面排版、網(wǎng)頁(yè)動(dòng)畫設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站開發(fā)、網(wǎng)站的推廣運(yùn)作等。能夠系統(tǒng)掌握這些知識(shí)的網(wǎng)頁(yè)設(shè)計(jì)師相對(duì)較少,市場(chǎng)上雖然有不少網(wǎng)頁(yè)制作設(shè)計(jì)的圖書,但是很多都是純粹地講解Dreamweaver、Photoshop等網(wǎng)頁(yè)設(shè)計(jì)軟件的使用方法,并沒有講述網(wǎng)站建設(shè)的全部過(guò)程和知識(shí),基于這一需求,我們編寫了本書。
本書以目前最受大眾歡迎的Dreamweaver、Photoshop軟件的CC版本為工具,詳細(xì)介紹了網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作的原理和常用技巧,還介紹了HTML5、JavaScript語(yǔ)言。全書共分19章,主要內(nèi)容包括:網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作基礎(chǔ),Dreamweaver CC創(chuàng)建基本文本網(wǎng)頁(yè),用圖像和多媒體美化網(wǎng)頁(yè),使用表格布局排版網(wǎng)頁(yè),使用模板和庫(kù)批量制作風(fēng)格統(tǒng)一的網(wǎng)頁(yè),使用CSS+DIV布局網(wǎng)頁(yè),使用行為設(shè)計(jì)動(dòng)感特效網(wǎng)頁(yè),動(dòng)態(tài)網(wǎng)站設(shè)計(jì)基礎(chǔ),Photoshop CC制作網(wǎng)頁(yè)圖像,網(wǎng)頁(yè)切片輸出與動(dòng)畫制作,Photoshop網(wǎng)頁(yè)圖像設(shè)計(jì),JavaScript基礎(chǔ)知識(shí),JavaScript程序核心語(yǔ)法,JtwaScript中的對(duì)象和事件,HTML入門,HTML5基礎(chǔ),設(shè)計(jì)企業(yè)宣傳型網(wǎng)站,申請(qǐng)域名和空間,網(wǎng)站的測(cè)試、上傳與維護(hù)。
本書的特色和價(jià)值● 系統(tǒng)全面:本書涵蓋了網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)在實(shí)際工作中需要重點(diǎn)掌握的所有方面,包含HTML標(biāo)記語(yǔ)言的應(yīng)用、JavaScript腳本編程、CSS樣式表語(yǔ)言、DIV+CSS布局技術(shù)、Photoshop圖像處理軟件的使用,同時(shí)詳細(xì)介紹了Dreamweaver網(wǎng)站建設(shè)工具、申請(qǐng)域名和空間、網(wǎng)站的推廣及網(wǎng)站的日常維護(hù)等知識(shí)點(diǎn)。
● 實(shí)戰(zhàn)性強(qiáng):采用Step by Step的制作流程進(jìn)行講解,全面剖析網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)的制作方法,使讀者在短時(shí)間內(nèi)輕松上手,舉一反三。讀者只需要根據(jù)這些操作步驟一步步地制作,完全可以制作出具有各種功能的動(dòng)態(tài)網(wǎng)站。
● 實(shí)例豐富:全書由不同行業(yè)中的實(shí)例組成,各實(shí)例均經(jīng)過(guò)精心設(shè)計(jì),操作步驟清晰簡(jiǎn)明,技術(shù)分析深入淺出,完成效果精美實(shí)用。這些實(shí)例便于讀者融會(huì)貫通地理解本書中所介紹的技術(shù),并且稍加修改即可用于實(shí)際網(wǎng)站開發(fā)。
● HTML 5:講述了最新一代Web標(biāo)準(zhǔn)HTML 5的使用。
云盤下載本書配套的視頻文件和素材文件下載地址如下:
http://pan.baidu.com/s/l nuCpY9j(注意字母大小寫和數(shù)字)本書配套的PPT文件下載地址如下:
http://pan.baidu.com/s/li4YJtWh(注意字母大小寫和數(shù)字)如果下載有問題,請(qǐng)發(fā)郵件到電子郵箱booksaga@126.com。
本書適合讀者本書主要由程振宏、謝震編寫,另外參與寫作的還有徐洪峰、孫雷杰、喬海麗、馮雷雷、孫魯杰、何琛、吳秀紅、孫文記、王東霞、鄧仰偉、孫起云、倪慶軍、何香連、呂志彬。由于作者水平有限,加之創(chuàng)作時(shí)間倉(cāng)促,本書不足之處在所難免,歡迎廣大讀者批評(píng)指正。
本書既可作為職業(yè)學(xué)校、電腦培訓(xùn)班的教材,又可作為大專院校相關(guān)專業(yè)師生的教學(xué)參考用書,更是廣大網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作和網(wǎng)站建設(shè)愛好者的自學(xué)參考用書。
?前言
第1章網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作基礎(chǔ)
1.1關(guān)于網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
1.1.1什么是網(wǎng)頁(yè)
1.1.2 Web標(biāo)準(zhǔn)的概念和特點(diǎn)
1.1.3 網(wǎng)頁(yè)設(shè)計(jì)師應(yīng)該具備的素養(yǎng)
1.2常用網(wǎng)頁(yè)設(shè)計(jì)軟件
1.2.1 網(wǎng)頁(yè)編輯排版軟件Dreamweaver CC
1.2.2 網(wǎng)頁(yè)動(dòng)畫制作軟件Flash CC
1.2.3 網(wǎng)頁(yè)圖像設(shè)計(jì)軟件Photoshop CC
1.3網(wǎng)站開發(fā)常用語(yǔ)言
1.3.1 網(wǎng)頁(yè)標(biāo)記語(yǔ)言HTML.
1.3.2 網(wǎng)頁(yè)樣式表CSS
1.3.3 網(wǎng)頁(yè)腳本語(yǔ)言JavaScript
1.3.4動(dòng)態(tài)網(wǎng)頁(yè)編程語(yǔ)言ASP
1.4網(wǎng)站的類型與特點(diǎn)
1.4.1 資訊類網(wǎng)站
1.4.2 電子商務(wù)類網(wǎng)站
1.4.3 互動(dòng)游戲類網(wǎng)站
1.4.4機(jī)構(gòu)類網(wǎng)站
1.4.5時(shí)尚類網(wǎng)站
1.4.6 門戶類網(wǎng)站
1.5網(wǎng)站制作流程概述
1.5.1 了解客戶的需求
1.5.2制作項(xiàng)目規(guī)劃文案
1.5.3規(guī)劃網(wǎng)站內(nèi)容
1.5.4設(shè)計(jì)網(wǎng)頁(yè)圖像
1.5.5制作網(wǎng)頁(yè)
1.5.6開發(fā)動(dòng)態(tài)網(wǎng)站模塊
1.5.7申請(qǐng)域名和服務(wù)器空間
1.5.8 網(wǎng)站的推廣
第2章 Dreamweaver CC創(chuàng)建基本文本網(wǎng)頁(yè)
2.1 了解Dreamweaver CC的操作界面
2.2在Dreamweaver中搭建站點(diǎn)
2.2.1使用向?qū)Ы⒄军c(diǎn)
2.2.2使用高級(jí)設(shè)置建立站點(diǎn)
2.3添加文本元素
2.3.1在網(wǎng)頁(yè)中添加文本
2.3.2插入日期
2.3.3插入特殊字符
2.3.4插入水平線
2.4編輯文本格式
2.4.1設(shè)置文本字體
2.4.2設(shè)置文本大小
2.4.3設(shè)置文本顏色
2.5超鏈接的基本概念
2.6創(chuàng)建鏈接的方法
2.6.1使用“屬性”面板創(chuàng)建鏈接
2.6.2使用指向文件圖標(biāo)創(chuàng)建鏈接
2.6.3使用菜單命令創(chuàng)建鏈接
2.7技能訓(xùn)練
技能訓(xùn)練1-創(chuàng)建外部鏈接
技能訓(xùn)練2-創(chuàng)建E-mail鏈接
技能訓(xùn)練3-創(chuàng)建下載文件的鏈接
技能訓(xùn)練4-tl]建圖像熱點(diǎn)鏈接
技能訓(xùn)練5-創(chuàng)建基本文本網(wǎng)頁(yè)
第3章用圖像和多媒體美化網(wǎng)頁(yè)
3.1在網(wǎng)頁(yè)中使用圖像
3.1.1插入圖像
3.1.2設(shè)置圖像屬性
3.1.3裁剪圖像
3 .1.4調(diào)整圖像亮度和對(duì)比度
3.1.5銳化圖像
3.2插入其他圖像元素
3.2.1插入背景圖像
3.2.2創(chuàng)建鼠標(biāo)經(jīng)過(guò)圖像
3.3使用代碼提示添加背景音樂
3.4插入其他媒體對(duì)象
3.4.1插入Flash動(dòng)畫
3.4.2插入Flash video
3.5技能訓(xùn)練
技能訓(xùn)練1——刨建鼠標(biāo)經(jīng)過(guò)圖像導(dǎo)航欄
技能訓(xùn)練2——?jiǎng)?chuàng)建圖文并茂的網(wǎng)頁(yè)
第4章使用表格布局排版網(wǎng)頁(yè)
4.1插入表格
4.1.1表格的基本概念
4.1.2插入表格
4.2設(shè)置表格屬性
4.2.1設(shè)置表格的屬性
4.2.2設(shè)置單元格屬性
4.3選擇表格元素
4.3.1選取表格
4.3.2選取行或列
4.3.3選取單元格
4.4表格的基本操作
4.4.1調(diào)整表格高度和寬度
4.4.2添加或刪除行或列
4.4.3拆分單元格
4.4.4合并單元格
4.4.5剪切、復(fù)制、粘貼單元格
4.5技能訓(xùn)練
技能訓(xùn)練1-創(chuàng)建細(xì)線表格
技能訓(xùn)練2-制作圓角表格
第5章使用模板和庫(kù)批量制作風(fēng)格統(tǒng)一的網(wǎng)頁(yè)
5.1創(chuàng)建模板
5 .1.1新建模板
5.1.2從現(xiàn)有文檔創(chuàng)建模板
5.2創(chuàng)建可編輯區(qū)域
5.2.1插入可編輯區(qū)域
5.2.2刪除可編輯區(qū)域
5.2.3更改可編輯區(qū)域
5.3使用模板創(chuàng)建網(wǎng)頁(yè)
5.4管理站點(diǎn)中的模板
5.4.1刪除模板
5.4.2修改模板
5.5創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目
5.5.1創(chuàng)建庫(kù)項(xiàng)目
5.5.2應(yīng)用庫(kù)項(xiàng)目
5.5.3修改庫(kù)項(xiàng)目
5.6技能訓(xùn)練
技能訓(xùn)練1-創(chuàng)建模板
技能訓(xùn)練2-利用模板創(chuàng)建網(wǎng)頁(yè)
第6章使用CSS+DIV布局網(wǎng)頁(yè)
6.1初識(shí)DⅣ
6.1.1什么是Web標(biāo)準(zhǔn)
6.1.2 DIV概述
6.1.3 CSS+DIV布局優(yōu)點(diǎn)
6.2 CSS布局方法
6.2.1將頁(yè)面用DIV分塊
6.2.2用CSS定位各塊的位置
6.3常見的布局類型
6.3.1單行單列固定寬度
6.3.2 -列自適應(yīng)
6.3.3兩列固定寬度
6.3.4兩列寬度自適應(yīng)
6.3.5三列浮動(dòng)中間寬度自適應(yīng)
第7章使用行為設(shè)計(jì)動(dòng)感特效網(wǎng)頁(yè)
7.1 了解動(dòng)作和事件
7.1.1動(dòng)作
7.1.2事件
7.2行為的添加與編輯
7.2.1行為的添加
7.2.2行為的修改
7.3 使用Dreamweaver內(nèi)置行為
7.3.1交換圖像
7.3.2彈出信息
7.3.3打開瀏覽器窗口
7.3.4設(shè)置狀態(tài)欄文本
7.3.5調(diào)用JavaScript
7.3.6轉(zhuǎn)到U也
7.3.7 blind效果
7.3.8 Fold效果
7.3.9檢查插件
第8章動(dòng)態(tài)網(wǎng)站設(shè)計(jì)基礎(chǔ)
第9章photoshop cc制作網(wǎng)頁(yè)圖像
第10章網(wǎng)頁(yè)切片輸出與動(dòng)畫制作
第11章網(wǎng)頁(yè)圖像設(shè)計(jì)
第12章JavaScript基礎(chǔ)知識(shí)
第13章JavaScript基程序核心語(yǔ)法
第14章JavaScript中的對(duì)象和事件
第15章HTML入門
第16章HTML5基礎(chǔ)
第17章設(shè)計(jì)企業(yè)宣傳型網(wǎng)站
第18章申請(qǐng)域名和空間
第19章網(wǎng)站的測(cè)試、上傳與維護(hù)