CSS DIV網(wǎng)頁(yè)設(shè)計(jì)與制作圖書目錄

時(shí)間：2023-02-18 21:00:01 | 來(lái)源：營(yíng)銷百科

時(shí)間：2023-02-18 21:00:01 來(lái)源：營(yíng)銷百科

CSS DIV網(wǎng)頁(yè)設(shè)計(jì)與制作圖書目錄：第1篇基礎(chǔ)篇

項(xiàng)目一了解網(wǎng)頁(yè)設(shè)計(jì)相關(guān)知識(shí)

任務(wù)1.1通過(guò)網(wǎng)頁(yè)了解各種網(wǎng)頁(yè)元素

1.1.1網(wǎng)頁(yè)

1.1.2網(wǎng)站

1.1.3主頁(yè)和子頁(yè)

1.1.4構(gòu)成網(wǎng)頁(yè)的元素

1.1.5IP地址

1.1.6域名

1.1.7域名解析服務(wù)

1.1.8域名類型

1.1.9HTML

1.1.10靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)

1.1.11網(wǎng)頁(yè)設(shè)計(jì)與制作的主要工具

任務(wù)1.2了解Web標(biāo)準(zhǔn)

1.2.1Web標(biāo)準(zhǔn)概述

1.2.2內(nèi)容、結(jié)構(gòu)和表現(xiàn)相分離

任務(wù)1.3了解DIV CSS布局

1.3.1CSS樣式

1.3.2CSS盒子模型

1.3.3DIV CSS布局的好處

任務(wù)1.4網(wǎng)頁(yè)版面布局

1.4.1T字形結(jié)構(gòu)版式

1.4.2同字形結(jié)構(gòu)版式

1.4.3三字形結(jié)構(gòu)版式

1.4.4匡字形結(jié)構(gòu)版式

1.4.5Flash布局

1.4.6海報(bào)布局

任務(wù)1.5初步了解網(wǎng)站設(shè)計(jì)與開發(fā)的過(guò)程

1.5.1前期策劃

1.5.2網(wǎng)站開發(fā)(網(wǎng)頁(yè)制作)

1.5.3網(wǎng)站后期發(fā)布、測(cè)試與維護(hù)

實(shí)訓(xùn)1網(wǎng)頁(yè)賞析

項(xiàng)目二網(wǎng)站建立與網(wǎng)站規(guī)劃

任務(wù)2.1新建網(wǎng)站與網(wǎng)站文件管理

2.1.1Dreamweaver CS6新功能介紹

2.1.2站點(diǎn)創(chuàng)建

任務(wù)2.2新建網(wǎng)頁(yè)與網(wǎng)頁(yè)測(cè)試

2.2.1新建網(wǎng)頁(yè)

2.2.2網(wǎng)頁(yè)測(cè)試

任務(wù)2.3編寫最簡(jiǎn)單的HTML框架

2.3.1編寫HTML框...

2.3.2認(rèn)識(shí)網(wǎng)頁(yè)標(biāo)簽

任務(wù)2.4插入各種網(wǎng)頁(yè)元素

2.4.1插入文字

2.4.2插入特殊符號(hào)

2.4.3插入圖像

2.4.4插入媒體元素

2.4.5插入音頻

2.4.6插入表單

2.4.7插入表格

任務(wù)2.5創(chuàng)建超鏈接

2.5.1超鏈接定義

2.5.2創(chuàng)建超鏈接

實(shí)訓(xùn)2網(wǎng)站建立與欄目規(guī)劃

項(xiàng)目三創(chuàng)建CSS樣式表

任務(wù)3.1CSS樣式引入

3.1.1CSS基本語(yǔ)法運(yùn)用

3.1.2選擇器的使用

3.1.3樣式表的繼承性使用

3.1.4注釋運(yùn)用

任務(wù)3.2建立CSS樣式表

3.2.1建立標(biāo)簽選擇器類型的CSS樣式表

3.2.2建立類選擇器類型的CSS樣式表

3.2.3建立ID選擇器類型的CSS樣式

任務(wù)3.3在網(wǎng)頁(yè)中插入CSS樣式表

3.3.1內(nèi)部樣式表

3.3.2鏈接外部樣式表

3.3.3導(dǎo)入外部樣式表

3.3.4內(nèi)嵌樣式表

任務(wù)3.4解決CSS的優(yōu)先級(jí)問題

實(shí)訓(xùn)3利用CSS樣式創(chuàng)建多種樣式

第2篇應(yīng)用篇

項(xiàng)目四應(yīng)用CSS盒子

任務(wù)4.1盒子模型探究

4.1.1盒子模型定義

4.1.2在標(biāo)準(zhǔn)流中定位默認(rèn)CSS盒子

任務(wù)4.2設(shè)置盒子邊框

任務(wù)4.3設(shè)置盒子填充

任務(wù)4.4設(shè)置盒子邊界

任務(wù)4.5文字盒子屬性設(shè)置

任務(wù)4.6CSS盒子模型計(jì)算

4.6.1一個(gè)CSS盒子實(shí)際寬度計(jì)算

4.6.2塊級(jí)元素之間的距離計(jì)算：取最大者

4.6.3行內(nèi)元素之間的距離計(jì)算：marginright marginleft

4.6.4嵌套關(guān)系的距離計(jì)算：子塊級(jí)元素離父塊級(jí)元素距離

為margin padding

任務(wù)4.7CSS盒子模型與DOM樹關(guān)系應(yīng)用

實(shí)訓(xùn)4CSS盒子的應(yīng)用

項(xiàng)目五網(wǎng)頁(yè)元素美化

任務(wù)5.1豐富的文字效果設(shè)置

5.1.1CSS樣式修飾文字

5.1.2CSS樣式修飾段落

任務(wù)5.2設(shè)計(jì)漂亮的表格

任務(wù)5.3文字超鏈接各種樣式的設(shè)置

任務(wù)5.4文字超鏈接多種樣式混合應(yīng)用

5.4.1整體超鏈接效果制作

5.4.2多種(個(gè)性)超鏈接效果制作

任務(wù)5.5設(shè)置列表小圖片

5.5.1設(shè)置列表小圖片操作

5.5.2CSS控制網(wǎng)頁(yè)背景圖片屬性設(shè)置

任務(wù)5.6設(shè)計(jì)精美表單

實(shí)訓(xùn)5使用CSS樣式控制網(wǎng)頁(yè)元素和背景圖位置

項(xiàng)目六CSS盒子浮動(dòng)

任務(wù)6.1理解浮動(dòng)屬性

6.1.1理解標(biāo)準(zhǔn)流

6.1.2塊級(jí)元素和行內(nèi)元素在標(biāo)準(zhǔn)流里的排放位置

任務(wù)6.2使用浮動(dòng)屬性實(shí)現(xiàn)豎直變一行效果

任務(wù)6.3使用浮動(dòng)屬性實(shí)現(xiàn)圖片文字環(huán)繞效果

任務(wù)6.4使用浮動(dòng)清除屬性

任務(wù)6.5使用浮動(dòng)屬性實(shí)現(xiàn)兩行兩列布局

實(shí)訓(xùn)6使用浮動(dòng)屬性布局網(wǎng)頁(yè)架構(gòu)

項(xiàng)目七CSS盒子定位

任務(wù)7.1了解定位屬性

任務(wù)7.2應(yīng)用定位屬性

7.2.1絕對(duì)定位的應(yīng)用

7.2.2相對(duì)定位應(yīng)用

任務(wù)7.3隱藏與顯示網(wǎng)頁(yè)元素

7.3.1隱藏網(wǎng)頁(yè)元素

7.3.2行豎轉(zhuǎn)換網(wǎng)頁(yè)元素

實(shí)訓(xùn)7使用定位屬性布局網(wǎng)頁(yè)

第3篇實(shí)戰(zhàn)篇

項(xiàng)目八首頁(yè)設(shè)計(jì)與美化

任務(wù)8.1首頁(yè)版面框架設(shè)計(jì)

任務(wù)8.2網(wǎng)站Logo制作

任務(wù)8.3首頁(yè)設(shè)計(jì)與制作

8.3.1建立站點(diǎn)

8.3.2搭建首頁(yè)代碼結(jié)構(gòu)

8.3.3首頁(yè)內(nèi)容添加

8.3.4連接CSS樣式文件

8.3.5設(shè)計(jì)與布局首頁(yè)各區(qū)域內(nèi)容

項(xiàng)目九子頁(yè)設(shè)計(jì)與制作

任務(wù)9.1子頁(yè)頁(yè)面模板制作

9.1.1創(chuàng)建模板

9.1.2運(yùn)用模板

9.1.3修改更新模板

任務(wù)9.2子頁(yè)制作

9.2.1'關(guān)于我們'子頁(yè)制作

9.2.2'產(chǎn)品展示'子頁(yè)制作

9.2.3'客戶反饋'子頁(yè)制作

任務(wù)9.3了解網(wǎng)頁(yè)換膚術(shù)

項(xiàng)目十網(wǎng)頁(yè)特效制作

任務(wù)10.1了解JS、CSS與特效

任務(wù)10.2圖片無(wú)縫連續(xù)滾動(dòng)特效制作

任務(wù)10.3圖片局部放大鏡特效制作

任務(wù)10.4淘寶圖片局部放大特效制作

任務(wù)10.5整張圖片放大特效制作

任務(wù)10.6幻燈片廣告圖片自動(dòng)播放特效制作

任務(wù)10.7滾動(dòng)廣告屏特效制作

任務(wù)10.8內(nèi)容切換特效制作

任務(wù)10.9兩側(cè)浮動(dòng)廣告特效制作

任務(wù)10.10二級(jí)導(dǎo)航條特效制作

項(xiàng)目十一CSS DIV房地產(chǎn)企業(yè)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

任務(wù)11.1設(shè)計(jì)思想

11.1.1房地產(chǎn)公司網(wǎng)站建設(shè)的基本需求

11.1.2房地產(chǎn)公司網(wǎng)站建設(shè)的服務(wù)范圍

11.1.3房地產(chǎn)公司網(wǎng)站建設(shè)的解決方案

任務(wù)11.2如何進(jìn)行網(wǎng)站需求分析

11.2.1網(wǎng)站需求分析策劃

11.2.2完整的需求調(diào)查文檔記錄

11.2.3多向用戶咨詢相關(guān)問題

11.2.4市場(chǎng)調(diào)研活動(dòng)內(nèi)容

11.2.5完成清晰的需求分析

任務(wù)11.3網(wǎng)站風(fēng)格設(shè)計(jì)

11.3.1網(wǎng)站標(biāo)志(Logo)制作

11.3.2網(wǎng)站色彩搭配

11.3.3網(wǎng)站字體設(shè)計(jì)

11.3.4提煉廣告語(yǔ)

11.3.5網(wǎng)站宣傳語(yǔ)設(shè)計(jì)

11.3.6網(wǎng)頁(yè)美化設(shè)計(jì)

任務(wù)11.4網(wǎng)站欄目設(shè)計(jì)

11.4.1網(wǎng)站設(shè)計(jì)原則

11.4.2網(wǎng)站欄目設(shè)計(jì)

任務(wù)11.5頁(yè)面版面設(shè)計(jì)與實(shí)現(xiàn)

11.5.1網(wǎng)頁(yè)版面設(shè)計(jì)

11.5.2各區(qū)域版面圖分解

任務(wù)11.6素材收集與整理

任務(wù)11.7網(wǎng)頁(yè)效果圖設(shè)計(jì)

任務(wù)11.8網(wǎng)頁(yè)切片制作

11.8.1切片的使用

11.8.2切片的輸出

任務(wù)11.9網(wǎng)頁(yè)制作

11.9.1網(wǎng)站素材準(zhǔn)備

11.9.2創(chuàng)建網(wǎng)站及搭建網(wǎng)站結(jié)構(gòu)

11.9.3首頁(yè)制作

11.9.4子頁(yè)制作

實(shí)訓(xùn)11綜合網(wǎng)站設(shè)計(jì)與制作

任務(wù)11.10后臺(tái)動(dòng)態(tài)頁(yè)面制作

11.10.1背景知識(shí)介紹

11.10.2IIS服務(wù)器環(huán)境搭建

11.10.3留言板分析

11.10.4定義留言板站點(diǎn)

11.10.5創(chuàng)建和設(shè)計(jì)數(shù)據(jù)庫(kù)

11.10.6制作ASP動(dòng)態(tài)頁(yè)面

項(xiàng)目十二網(wǎng)站上傳與維護(hù)

任務(wù)12.1空間和域名申請(qǐng)

12.1.1IP地址、域名和空間簡(jiǎn)介

12.1.2IP地址、域名和主機(jī)空間之間的關(guān)系

12.1.3FTP

12.1.4免費(fèi)空間的申請(qǐng)

任務(wù)12.2網(wǎng)站上傳

參考文獻(xiàn)