Dreamweaver CS6教程:第一課：網頁設計基礎

class="area"> Dreamweaver CS6教程:第一課：網頁設計基礎

第一課：網頁設計基礎

 

一 、網站的概述

1、 網頁與網站

浏覽網頁時在浏覽器中看到的一個個頁面就是網頁，而多個相關的網頁的集合就構成了一個網站。

   舉例：. (電腦知識吧網) www.dnzg.net(電腦中國網) www.pcpz.net(電腦配置網)等等。

2、 浏覽網頁的工具-浏覽器

浏覽器：用於打開顯示網頁的軟件。最常見的是Windows系統自帶的IE浏覽器。
還有火狐Firefox、360安全浏覽器、遨游、騰訊TT等等。

1） 網址：用於定位某個網站某個頁面的一串字符，通常是這種格式
http://./portal.php

2） 主頁：訪問網站時，默認打開的第一個頁面就是主頁也叫首頁。

3、 認識網頁的組成元素

 

 

二、初識Dreamweaver

1、制作網站的流程

規劃網站類型及主題à搜集資料素材à使用軟件進行網頁制作à測試及發布

 

2、認識Dreamweaver

是當前最流行、最方便的網頁設計和網站開發工具軟件。

Dreamweaver：夢想編輯者。通過這個工具，實現編輯網頁的夢。

Dream：夢想

weaver：織布者，織工

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

【操作演示】啟動Dreamweaver

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

 

三、Dreamweaver的用戶界面

提高：工作窗口的設置、保存、恢復

【操作演示】關閉Dreamweaver

四、網頁文件的基本操作

基本網頁的文件類型為HTML文檔，保存的文件擴展名為 “.html”

1. 創建網頁文檔（HTML文檔）

•        文件→新建→新建文檔→常規→類別→基本頁

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

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

•        文件→另存為

•        文件→保存全部

注意：1、網頁文件要用英文或數字進行命名，莫用中文。

2、基本網頁的擴展名為.html

3. 打開已建的HTML文檔

•        文件→打開

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

•        拖動到Dreamweaver

4. 關閉文件