網(wǎng)頁設(shè)計基礎(chǔ)

時間：2023-10-10 11:54:02 | 來源：網(wǎng)站運營

時間：2023-10-10 11:54:02 來源：網(wǎng)站運營

網(wǎng)頁設(shè)計基礎(chǔ)：一、網(wǎng)站的概述

1、 網(wǎng)頁與網(wǎng)站

瀏覽網(wǎng)頁時在瀏覽器中看到的一個個頁面就是網(wǎng)頁，而多個相關(guān)的網(wǎng)頁的集合就構(gòu)成了一個網(wǎng)站。

舉例：(搜狐網(wǎng))(百度網(wǎng))(優(yōu)酷網(wǎng))等等。

2、 瀏覽網(wǎng)頁的工具-瀏覽器

瀏覽器：用于打開顯示網(wǎng)頁的軟件。最常見的是Windows系統(tǒng)自帶的IE瀏覽器。
還有火狐Firefox、360安全瀏覽器、遨游、騰訊TT等等。

1） 網(wǎng)址：用于定位某個網(wǎng)站某個頁面的一串字符，通常是這種格式

2） 主頁：訪問網(wǎng)站時，默認(rèn)打開的第一個頁面就是主頁也叫首頁。

3、 認(rèn)識網(wǎng)頁的組成元素

二、初識Dreamweaver

1、制作網(wǎng)站的流程

規(guī)劃網(wǎng)站類型及主題à搜集資料素材à使用軟件進(jìn)行網(wǎng)頁制作à測試及發(fā)布

2、認(rèn)識Dreamweaver

是當(dāng)前最流行、最方便的網(wǎng)頁設(shè)計和網(wǎng)站開發(fā)工具軟件。

Dreamweaver：夢想編輯者。通過這個工具，實現(xiàn)編輯網(wǎng)頁的夢。

Dream：夢想

weaver：織布者，織工

早期是Macromedia公司推出的“網(wǎng)頁三劍客”之一?！熬W(wǎng)頁三劍客”指的是Dreamweaver、Flash、Fireworks這三個軟件，它們這三個集合起來，就像江湖中最厲害的劍客一樣，成為了網(wǎng)站開發(fā)中的專用利器。它集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別開發(fā)的可視化網(wǎng)頁開發(fā)工具，前兩年Macromedia公司被Adobe公司收購，DM CS5是最新推出的版本。

【操作演示】啟動Dreamweaver

實例：制作一個簡單頁面(兩種方法對照)

提高：工作窗口的設(shè)置、保存、恢復(fù)

【操作演示】關(guān)閉Dreamweaver

四、網(wǎng)頁文件的基本操作

基本網(wǎng)頁的文件類型為HTML文檔，保存的文件擴(kuò)展名為“.html”

1. 創(chuàng)建網(wǎng)頁文檔（HTML文檔）

? 文件→新建→新建文檔→常規(guī)→類別→基本頁

2. 保存指定文件（編輯中的文件如果文件名后面帶有“*”號，表示未保存）

? 文件→保存（或Ctrl+S)

? 文件→另存為

? 文件→保存全部

注意：1、網(wǎng)頁文件要用英文或數(shù)字進(jìn)行命名，莫用中文。

2、基本網(wǎng)頁的擴(kuò)展名為.html

3. 打開已建的HTML文檔

? 文件→打開

? 右擊文件，選擇Dreamweaver打開。

? 拖動到Dreamweaver

4. 關(guān)閉文件

? 文件→關(guān)閉

還未保存的網(wǎng)頁（*），關(guān)閉時會提示你是否保存。

其他操作：

1）多個編輯文件的切換選擇

2）預(yù)覽編輯中的網(wǎng)頁(快捷鍵F12)

五、設(shè)置網(wǎng)頁外觀屬性

網(wǎng)頁標(biāo)題、頁面默認(rèn)字體、默認(rèn)字體大小、背景顏色、背景圖片、邊距。

六、創(chuàng)建站點

1、什么是站點

Dreamweaver的站點是一種管理網(wǎng)站中所有相關(guān)聯(lián)文件的工具。通過站點可以對網(wǎng)站的相關(guān)頁面及各類素材進(jìn)行統(tǒng)一管理，還可以以使用站點管理實現(xiàn)將文件上傳到網(wǎng)頁服務(wù)器，測試網(wǎng)站。

站點簡單的說就是一個文件夾。在這個文件夾里包含了網(wǎng)站中所有用到的文件。我們通過這個文件夾（站點），對我們的網(wǎng)站進(jìn)行管理，有次序，一目了然。

2、創(chuàng)建站點

《我的足球網(wǎng)》 站點根目錄為 D：//jcwww

七、設(shè)置默認(rèn)圖像文件夾

八、管理站點

1、在“文件”面板中實現(xiàn)以下操作

§ 選擇編輯網(wǎng)頁文件

§ 創(chuàng)建文件或文件夾

§ 剪切、粘貼、復(fù)制、刪除、重命名文件或文件夾

2、站點管理

§ 編輯站點

§ 復(fù)制站點

§ 刪除站點