當前位置:編程學習大全網 - 人物素材 - 網頁制作與網站建設技術百科目錄

網頁制作與網站建設技術百科目錄

第1條網站開發簡介

第1章網站開發基礎

1.1網站開發概述

1.1.1什麽是網站

1.1.2網站設計的目的

1.1.3網站設計的學習內容

1.2網站建設的壹般流程

1.2.1網站的定位

1.2.2網站域名申請

1.2.3服務器空間請求

1.2.4確定網站主題

1.2.5網站整體規劃

1.2.6收集數據資料

1.2.7設計網頁

1.2.8把圖剪下來,做成頁面。

1.2.9開發動態網站模塊

1.2.10發布和上傳

1.2.11的後期更新維護

1.2.12網站推廣

1.3常用網頁設計軟件

1.3.1網頁設計軟件Dreamweaver

1.3.2平面設計軟件Photoshop

1.3.3 Fireworks,壹款網頁圖片設計和裁剪的軟件。

1.3.4動畫設計軟件Flash

1.4 Web 2.0網站概述

1.5相關問題

1.5.1域名的重要性及其法律保護

1.5.2網站空間服務質量和服務提供商

1.5.3網站的媒體性質與法律倫理

1.5.4網站內容版權相關問題

1.6匯總

第2章HTML簡介

2.1 HTML的基本語法

2.1.1網頁結構

2.1.2創建HTML文件

2.2常見的HTML標簽

2.2.1文本類標簽:標簽

2.2.2文本類別標記:文本為粗體、斜體和下劃線。

表標記

超鏈接標簽

段落標記

框架標記

2.2.7表單和按鈕標簽

圖片標記

2.2.9換行標記

2.2.10水平線標記

2.2.11特殊標簽

2.3示例:制作註冊頁面

2.4表格使用技巧

2.4.1表格邊框使用技巧:表格邊框設置。

2.4.2表格邊框使用技巧:單元格邊框間距

2.4.3表格邊框使用技巧:單元格的實心邊框。

2.4.4使用樣式表設置文本邊框:文本方向相同的邊框。

2.4.5用樣式表設置文本邊框:用表格樣式設置邊框。

2.4.6用樣式表設置文本邊框:樣式表中控制不同方向的邊框。

2.5 html頁面中的元屬性

2.5.1名稱屬性

http-equiv屬性

2.6常見問題

2.6.1網頁中的代碼案例和引號

2.6.2不同版本的HTML和瀏覽器

HTML和XML

2.7摘要

第三章網站和頁面的顏色匹配

3.1顏色基礎知識

3.1.1顏色的基本概念

3.1.2網頁色彩的冷暖視覺

3.1.3網頁安全色

3.2常見網頁色彩匹配分析

3.2.1科技與時尚

文化和藝術

神秘與優雅

激情與夢想

簡單和高貴

3.3網站整體色彩規劃

3.3.1定義了網站的色調。

3.3.2場地內柱子的配色原則。

3.4頁面顏色匹配

3.4.1網頁配色原則

3.4.2網頁設計中的色彩搭配技巧

3.4.3幾種常見的網頁配色方法

3.5 Web 2.0色彩模式和網頁色彩趨勢

3.6經典網頁設計中的配色實例賞析

3.7摘要

第二條網頁設計與制作

第4章熟悉Dreamweaver CS3的工作環境

4.1安裝Dreamweaver CS3

4.2了解Dreamweaver CS3界面

4.2.1常用工具欄

常用菜單命令

插入工具欄

屬性標簽

CSS屬性標簽

4.2.6工具使用示例:插入下拉菜單

4.2.7工具使用示例:插入標簽面板

4.2.8工具使用示例:插入折疊面板

4.3使用Dreamweaver CS3制作頁面

4.4 Dreamweaver CS3使用技巧

4 . 4 . 1 Dreamweaver中的常用快捷鍵

4.4.2 Dreamweaver的首選參數

4.5相關問題

4 . 5 . 1 Dreamweaver CS3的新功能

4.5.2網絡三劍客是什麽?

4.6總結

第5章創建和管理網站

5.1創建本地站點

5.1.1使用站點向導創建本地站點。

5.1.2選擇和更改本地工作地點

5.1.3本地站點和遠程服務器之間的同步

5.2管理站點文件

創建文件夾和文件

移動和復制文件

5.3使用站點地圖

5.3.1查看網站地圖

5.3.2現場測試和誤差修正

現場報告

5.4創建第壹個網站並測試它。

5.5常見問題

5.5.1 FTP無法上傳下載。

FTP遠程文件夾設置

5.5.3其他網站開發工具可以支持Dreamweaver中的站點嗎?

5.5.4如何在Dreamweaver中復制站點

5.6總結

第6章制作網頁內容和多媒體元素

6.1文本輸入和編輯

6.1.1輸入文本

6.1.2設置文本屬性

6.1.3帶標簽排版

6.1.4輸入特殊字符

6.2將圖像插入網頁

6.2.1插入圖像

6.2.2設置圖像屬性

6.2.3設置圖像超鏈接

圖像的邊緣設置

6.2.5插入鼠標懸停圖像

6.3創建網絡鏈接

創建壹個文本鏈接

6.3.2創建錨點鏈接

6.3.3創建電子郵件鏈接

6.3.4創建圖像熱點鏈接

6.4使用CSS美化網頁

6.4.1 CSS的基本語法

6.4.2在Dreamweaver CS3中自動生成CSS樣式標簽。

6.4.3 Dreamweaver CS3樣式模板自動生成樣式表文件。

6.4.4 Dreamweaver CS3樣式設計器鏈接和編輯樣式

6.4.5應用CSS來格式化文本。

6.4.6示例:CSS樣式表的使用

6.5插入媒體

6.5.1插入Flash動畫

插入閃光燈按鈕

插入Flash文本

插入視頻

6.5.5插入網頁背景音樂網頁

6.6示例:制作圖文混排的多媒體頁面。

6.7常見問題

6.7.1網頁中Flash動畫大小

6.7.2網頁中的音樂或視頻文件無法播放的問題。

6.7.3網頁中音樂或視頻文件大小的問題。

6.7.4網頁中對象不同屬性的優先級

6.7.5網頁文本粘貼的格式問題

6.8總結

第七章網頁布局

7.1頁的基本構成

7.2網頁排版方法

7.2.1帶表格的布局頁面

7.2.2使用層結構布局

7.3常見的網頁結構類型

7.3.1“國”布局

7.3.2“工廠”字體布局

“框架”布局

“封面”布局

閃存布局

7.3.6頁面布局趨勢(Web 2.0)

7.4註意問題

7.4.1如何處理布局的豐富性和簡潔性的關系?

7.4.2布局中需要考慮的其他問題。

7.5總結

第八章使用Photoshop設計頁面

8.1 Photoshop CS3簡介

8.2使用Photoshop CS3設計頁面

8.2.1普通頁面尺寸

8.2.2確定網頁的顏色定位

8.2.3設計網頁的功能結構

8.3網頁設計元素

8.3.1導航區域

8.3.2頁面布局區域

8.3.3版權領域

8.3.4使用輔助線對網頁效果圖進行基本分區。

8.4網頁內容設計示例

8.4.1網頁中的按鈕設計

8.4.2網頁中藝術字的設計

8.5輸出準備

8 . 5 . 1 Photoshop中常見的圖片格式

8.5.2以PSD格式保存圖片。

8.5.3將圖片導出為JPG格式。

8.5.4將圖片導出為GIF格式。

8.6示例:用Photoshop CS3設計網頁效果圖。

8.6.1新建網頁效果圖。

8.6.2使用輔助線劃分網頁區域。

8.6.3添加網站徽標

添加網站的橫幅

8.6.5設計網頁的導航欄。

8.6.6設計網站的內容布局

8.6.7設計網頁的版權欄。

8.7常見問題

8.7.1如何在網頁中體現“眼球經濟”

8.7.2如何在Photoshop中使用圖層樣式

8.7.3如何在網頁的版權區域插入網站備案信息?

8.8摘要

第9章使用Fireworks削減繪圖輸出

9.1煙花CS3簡介

9.2使用煙火切割圖紙

9.2.1切頁

9.2.2切片屬性和超鏈接的設置

熱鏈接設置

9.2.4優化和導出圖像

9.3使用Dreamweaver制作頁面

9.3.1設置Fireworks CS3導出的網頁的屬性。

9.3.2設置Fireworks CS3導出的網頁的對齊方式。

添加頁面元素

9.4常見問題

9.4.1如何在網頁中使用PNG格式的圖像

9.4.2煙花剪圖規則

9.5總結

第10章制作網站Logo和橫幅

10.1什麽是網站Logo?

10.1.1網站徽標的重要性

10.1.2網站標誌的可識別性

10.2什麽是橫幅

如何設計制造10.3

10.3.1網站標誌設計標準

10.3.2網站標誌設計軟件及制作

10.3.3橫幅的制作標準

10.4精美Logo和橫幅欣賞

10.4.1著名網站Logo分析

10.4.2橫幅欣賞

10.5舉例:制作網站Logo

10.6示例:制作具有動畫效果的橫幅

10.7匯總

第11章頁面和圖片的優化

11.1優化頁面和圖片

11.2 Fireworks和Dreamweaver之間的相關操作

11.3優化頁面圖像

11.3.1與圖像軟件相關聯。

11.3.2圖像優化處理

11.3.3畫面尺寸的調整

11.3.4圖片亮度和對比度的設置

11.3.5圖片的銳化設置

11.3.6圖像裁剪

11.4示例:在Dreamweaver中優化頁面

11.5常見問題

11.5.1網頁中的圖像失真

11.5.2網頁中顯示圖片尺寸與實際圖片尺寸之間的問題。

11.6匯總

第12章布局實施

12.1基本表格布局方法

12.1.1插入表格

12.1.2設置表格屬性

12.1.3合並單元格

12.1.4選擇表格對象

12.1.5表格的復雜嵌套實現了網頁的排版。

12.2使用圖層布局頁面

12.2.1創建圖層

12.2.2設置圖層屬性。

12.2.3設置圖層的Z軸。

12.2.4圖層樣式

12.2.5利用圖層實現網頁的布局

圖層中的樣式代碼12.2.6

使用圖層創建壹個下拉菜單

12.3示例:表格和圖層布局頁面

12.3.1示例-“工廠”字體布局

12.3.2示例-DIV+層布局(Web 2.0)

12.4常見問題

12.4.1網頁的基本布局樣式

12.4.2表格布局中表格邊框顏色與背景顏色的搭配

12.4.3標簽布局中單元格背景樣式的控制

12.5匯總

第13章網站模板和框架

13.1創建模板網頁

13.1.1創建庫項目

13.1.2創建模板

創建壹個可編輯的區域

13.1.4創建其他模板區域

13.1.5示例:創建模板網頁

13.1.6使用模板創建網頁

13.2框架頁面

創建壹個帶框架的網頁

13.2.2保存框架

13.2.3框架結構頁面編輯

13.3示例:制作框架結構的網頁

13.4常見問題

13.4.1網頁模板和庫項目的本質

如何在網頁中使用13.4.2?

……

  • 上一篇:車窗外面的風景作文500字
  • 下一篇:清代電視劇演員的頭都是陰陽的,有的電視劇額頭上還有頭發。為什麽會不壹樣?
  • copyright 2024編程學習大全網