1網頁文件的擴展名

2023年12月6日發(作者：七夕問候)

-

1網頁文件的擴展名:靜態網頁文件擴展名(.htm, .html,)動態網頁文件擴展名(.asp, .php) 圖片文件的擴展名(.gif .jpg). Flash擴展名：

2 URL:統一資源定位器.地址的一般格式是:協議名://資源名

協議名:為獲取資源所采取的傳輸協議.例如:http ftp gopher new mailto和file等

資源名:為資源的完整地址,包括主機的IP地址(地域名),端口號,文件地址及文件名,文件的錨點位置等.

3 HTML標簽:(,,等)

body 元素定義文檔的主體。body 元素包含文檔的所有內容（比如文本、超鏈接、圖像、表格和列表等等。）網頁體

可插入一個簡單的換行符。

標簽是標簽定義段落、分段，通常會在相鄰的段落之間插入一些垂直的間距。

規定文本的字體、字體尺寸、字體顏色、字體變化。

4站點類型:本地站點,遠程站點和測試站點,

本地站點:在制作站點時通常先在本地磁盤上創建一個文件夾,將所有在制作過程中創建和編輯的網頁內容都保存在該文件中,這個文件就是本地站點文件夾.

遠程站點:Internet上的WWW(也稱Web)服務器.

測試站點;可用于對動態站點的測試.

5 RGB顏色空間的概念:. ：6位16進制數表示每種顏色取值范圍，典型顏色16進制值對一種顏色進行編碼的方法統稱為“顏色色調”或“色域”

標準安全色:00,33,66,99,FF 黃:FFFF00

一般安全色:#CC,DD,FF 白:FFFFFF

非安全色: 黑:000000

紅:FF0000 綠:00FF00 藍:0000FF

6 獲得網頁素材的幾種途徑:自己動手做,網上下載,購買素材安裝.

7 三種不同的視圖(設計視圖,代碼視圖,拆分視圖)

設計視圖：“設計”視圖使用一種近似所見即所得的視圖來顯示網頁、母版頁、內容頁、HTML頁和用戶控件。通過“設計”視圖可以對文本和元素進行以下操作：添加、定位、調整大小以及使用特殊菜單或“屬性”窗口設置其屬性。

代碼視圖：在Dreamweaver中，代碼視圖顯示HTML代碼視圖窗口。

拆分視圖：在Dreamweaver中拆分視圖同時顯示代碼視圖和設計視圖。

8 兩種布局工具:布局表格和框架.

9 框架和框架集的保存

(1)保存全部框架網頁.

單擊<文件保存全部>命令,保存所有框架文檔,包括框架及文件和所有帶有框架的文檔.

(2)只保存某個框架網頁.

如果只修改了某個框架網頁,可將光標定位在相應框架中,然后用<文件保存框架>命令或<框架另存為>命令保存當前框架文件.

(3)保存框架集.

如果只保存與框架結構有關的信息,可使用<文件>菜單中的<保存框架集>命令進行.

10 超鏈接的載體(文本,圖像,按鈕等).

11 插入圖像的方法.

.插入/圖像 2把插入欄切換為“常用”欄，單擊按鈕，打開“選擇圖像源”對話框3.直接把圖片從站點拖至指定區域. #在網頁制作過程中若不知道該插入哪幅圖像,可以先插入圖像占位符,在確定圖像后再在占位符的位置插入圖像即可.

12 超鏈接的5種類型(普通鏈接,錨點鏈接,郵件鏈接,下載鏈接,熱點鏈接)

超鏈接:超鏈接是網頁中至關重要的組成因素,它能夠實現頁面與頁面之間的跳轉,從而有機的將網絡中的每個頁面鏈接起來.

13 屬性面板中目標下拉列表框中四個選項的區別:_blank _lf _parent _top.

_blank是最常見的鏈接方式，表示超鏈接的目標地址在新建窗口中打開；

_lf表示“相同窗口”。點擊鏈接后，地址欄不變；

_top表示整頁窗口；

_parent表示父窗口

_blank，在新窗口顯示目標網頁

_lf，在當前窗口顯示目標網頁

_parent，框架網頁中當前整個窗口位置顯示目標網頁

_top，框架網頁中在上部窗口中顯示目標網頁

14 CSS樣式表:

內部樣式:即應用與當前長在編輯的文檔中的樣式

外部樣式;是以文件的形式保存的,其擴展名為.css,可用于多個文檔.

15 新建CSS樣式表單是稱樣式表格用來統一整個網站中文字體等格式比如表格的邊框、大小、背景顏色之類的用CSS可以設置字體、顏色、背景等網頁格式；使用CSS還可以定位網頁布局；使用CSS濾鏡可以使用網頁產生多媒體效果。

#單擊<窗口CSS樣式>命令,打開樣式面板,在面板中單擊<新建樣式>按鈕,打開<新建CSS樣式>對話框,<新建CSS樣式>對話框中選中<僅對該文檔>單選按鈕,則創建的是內部樣式,選中新建樣式表文件單選按鈕就是外部樣式

附加樣式表的兩種方式(導入,鏈接)

16 層:就是網頁內容的容器,在層中可以放置文本,圖像,表單等,甚至還可以放入其它層,所有可以放置于網頁中的內容,都可以放入層中.

層的特性:最主要的特性是可以再網頁內容之上(或之下)浮動,層可以重疊,層可以進行鑲嵌.

17 行為:就是在網頁中進行一系列動作,通過這些動作實現用戶與網頁的交換.

行為面板的操作: 1）.添加行為a.在網頁選中一個要添加的行為的對象。 2）.單擊“窗口/行為命令打開“行為面板”。 3）.打開行為面板，單擊“+”按鈕，從動作彈出的菜單中選擇【調用#】命令，打開【調用#】對話框， 4）在下拉菜單中選中動作再設置參數再確定5）、編輯行為6）.為同一事件添加多個行為。

18 層的兩種常用行為:拖動層和顯示隱藏層.

19 層的屬性面板中的幾個重要屬性:Z軸值,可見性,溢出,剪輯.

(1)Z軸值

層在Z軸方向上的索引值,實際就是層在重疊中的順序,有時候也稱作層在棧中的順序,Z軸值大的層位于Z軸值小的層之上,Z軸值得絕對值大小并不重要,重要的是多個層之間Z軸值得相對大小.Z軸值可以是整數也可以是負數,如果是整數,則表示它位于網頁內容之下,也就是說,層可能被網頁中的內容所覆蓋.

(2)可見性

Default選項:默認設置,一般為可見或繼承該層父級層的可見性.

Inherit選項:繼承其父級層的可見性.

Visible選項:顯示層及其中的內容,而不管其父級層是否可見.

Hidden選項:隱藏層及其中的內容,而不管其父級層是否可見. (3)溢出

Visible(可見):自動向右或向下伸展,使層能夠容納并顯示其中的內容,

Hidden(隱藏);層的大小保持不變,也不出現滾動條,不顯示超出層范圍的內容.

Scroll(滾動條):層的右端和下端出現滾動條.

Auto(自動);層的大小保持不變,但是在層的左端或下端會自動出現滾動條,以使層中超出范圍的內容能夠通過拖動滾動條來顯示.

(4)剪輯

剪輯定義層中的可見區域大小,相當于層的內邊距.

<左>文本框:用于設置層中可見區域左端相對于層左端的距離.

<右>文本框:用于設置層中可見區域右端相對于層右端的距離.

<上>文本框:用于設置層中可見區域上端相對于層上端的距離.

<下>文本框:用于設置層中可見區域下端相對于層下端的距離.

20 時間軸:是一條貫穿時間的軸,是時間的具體化,用于表示往事現實期間發生的各種狀態.

21 Flash基本原理:當投影機以每秒24幀的速度投射在銀幕上,或以錄像機以每秒30幀的速度在電視熒光屏上呈現影像時,視覺暫留特性會把每幅不同的畫面鏈接起來,從而在人腦海中產生物體在運動的印象,這就是動畫的基本原理.

22 幀:動畫是由一幅圖像組成的,這一幅幅的圖像稱為幀.

23 關鍵幀;它是一個給定內容(畫面)的幀,它的畫面是給定的,而不是計算出的,對關鍵幀進行編輯,關鍵幀的多少取決于動畫的難易程度,也就是動畫對象動作變化的復雜過程,只要有動作的變化,就必須設置關鍵幀.

24 幀頻率:每秒所現實的動畫幀數稱為幀頻率,用字母FPS表示.動畫的現實速率不是固定的,它取決于傳送動畫的介質.

Flash動畫類型大題（傳統動畫和計算機動畫）

逐幀動畫：逐幀動畫是利用人的視覺暫留特性，象電影一樣雖然每格膠片內容都不同卻能形成連續的畫面。它在flash時間軸上的每一幀按照一定的規律都有所變化。

形狀變形：形狀變形是flash舞臺上一個物體變成其他物體。例如，文字變圖形、方形變圓形等。

運動變形：運動變形是舞臺上一個物體自身的不同變化。例如，物體的移動、縮放、旋轉、改變透明度等。

25 Flash中的元件與實例:元件實例是庫中的實例,它們不能直接整形,但可以先使用<修改分離>命令將它們打散,然后再整形.元件實例可以用來制作動作漸變動畫,但不能用來制作形狀漸變動畫.

元件的三種類型

(1)

圖片(Graphic)元件:可以反復取出圖片,不能對圖片元件添加交互行為和聲音控制.

(2)

按鈕(Button)元件:按鈕元件可以使動畫具備互動功能,它對于鼠標指針的滑過或單擊會產生相應的變化或觸發某事件,能對按鈕元件添加交互行為,使按鈕具有交互性,按鈕元件需要制作4個關鍵幀,分別是向上,經過,向下和執行.

(3)

影片(Movie Clip)元件:可以反復使用的一段Flash小動畫,且可獨立于動畫進行播放.

26 Flash的輸出格式:(.swf .htm .gif)

. swf；；一款精致實用的SWF文件播放器，flash文件的擴展名，能將Flash文件添加到列表連續播放，播放時能切換到全屏；真正實現了快進和快退功能；本軟件最大特點是提供了網絡動畫庫

.htm：是超文本標識語言的意思。是網頁的一種保存形式，是靜態網頁的格式也是最普遍的 .gif：就是逐幀動畫是一張一張圖片連續播放的圖片格式也是一種動態的圖片格式，以gif為后綴。）

Flash的兩對關聯層:引導層和被引導層,遮罩層和被遮罩層.

27 交互式動畫的概念;動畫的交互作用由3個要素組成:事件,動作和目標.事件是動作的起因,目標是動作的對象,動作是交互的過程.

28 dupliateMovieClip(目標,新名稱,深度):動態地創建影片剪輯的實例.

removeMovieClip(目標);動態地刪除影片剪輯的實例.

tProperty(目標,屬性,值):設置不同影片剪輯實例的屬性.

getProperty(目標,屬性):獲取影片剪輯實例的屬性.

庫面板：一種用來存儲想要在整個網站上經常重復使用或更新的頁面元素（如圖像、文本和其它對象）的方法。、

動作面板：為動畫添加交互功能，首先要選中對象，該對象是事件發生的載體，也是指導用戶如何操作的提示信息，該對象必須是按鈕實例、影片剪輯實例或關鍵幀。

套索：用于在圖像上繪制任意形狀的選取區域

任意變形：可以對選中的圖形進行縮放、傾斜等處理，這里的操作都是通過鼠標的拖動實現的。

填充變形：用于線性填充物調整調整填充物的狀態。

29 Fireworks切片和熱點的使用.

創建切片

(1)

打開需要創建切片的Fireworks MX2004.文檔

(2)

選擇面板中的切片工具.

(3)

鼠標指針變為<+>形狀,拖動鼠標在需要創建切片的位置繪制切片.

(4)

可以再<屬性>面板中設置切片的各個參數.

創建熱點

(1)

打開需要創建熱點的Fireworks MX2004.文檔.

(2)

選擇面板中的矩形熱點工具.

(3)

鼠標指針變為<+>形狀,拖動鼠標在需要創建熱點的位置繪制熱點.

(4)

可以再<屬性>面板中設置熱點的各個參數.

(5)

按F12鍵在IE瀏覽器中預覽.

30 三劍客軟件各有什么作用:dreamwearer(網頁設計與制作),flash(制作動畫),firework(制作素材).

31 常用的快捷鍵:新建(ctrl+N) 復制(ctrl+C) 剪切(ctrl+X) 粘貼(ctrl+V) 撤銷(ctrl+Z) 重做(ctrl+Y) 插入關鍵幀(F6) 空白關鍵幀(F7) 普通幀(F5) 添加形狀提示(shift+H) 信息面板(ctrl+I) 變形面板(ctrl+T)

31 相對路徑：包括文檔相對路徑和根相對路徑

文檔相對路徑：以當前文檔所在位置為起點到被鏈接文檔經由的路徑。這是用于本地連接最適宜的路徑。

根相對路徑：從站點根文件夾到被鏈接文檔經由的路徑。根相對路徑以/開頭，它代表站點根文件夾。

絕對路徑：被鏈接文檔的URL地址，包括協議。例如c/2003-04-08/

32 按鈕元件的制作過程:

（1）執行“插入－新建元件”命令，在打開的“創建新元件”對話框中，將名稱設為“Kl”行為設為“按鈕”，單擊“確定”按鈕，進行按鈕編輯狀態。 （2）此時圖層1中有四個連續幀，分別為“彈起”、“指針經過”、“按下”和“點擊”。單擊“彈起”幀，從“庫”面板中將一文件拖動到編輯中。

（3）單擊“指針經過”幀按[F6]鍵增加一個關鍵幀，然后從庫面板中將文件拖動到編輯中。

（4）插入圖層2在圖層2的“指針經過”幀按F6鍵增加一個關鍵幀，然后從硬盤剪輯元件拖動到編輯區中，并設置。

33 1、用“顏色”面板設置線條顏色

2、用“混色器”面板設置填充物顏色，

3、墨水瓶工具用來設置線條的顏色和樣式，

4、顏料桶工具用來設置填充物的顏色。填充物可用單色、漸變色和位圖填充。

34 Fireworks中網頁按鈕的制作過程（1）打開FireworksMX2004按{crtl+N}鍵創建一個文檔。

（2）單擊“編輯、插入、新建按鈕”命令，進去按鈕編輯狀態顯示著“釋放”“滑過”“按下”“按下時滑過”“活動區域”四種狀態編輯這些按鈕的各個狀態

（3）首先制作按鈕的“釋放”狀態，使用矢量工具面板中的“圓角矩形”工具，在”屬性”中設置顏色，描邊種類為“無”

（4）拖動鼠標，在按鈕編輯區繪制一個圓角矩形，然后在“屬性”面板中為這個圓角矩形添加效果。

（5）選擇矢量工具面板中的文本工具A，在屬性面板中市值字體為楷體，設置顏色在圓角矩形上面輸入文字，此時按鈕的釋放狀態就制作完畢了

（6）單擊“滑過”選項卡，編輯按鈕的“滑過”狀態。可以單擊窗口中的“復制滑過時的圖形”按鈕，講按鈕的“釋放”狀態復制過來然后選中圓角矩形，在屬性面板中設置顏色。

（7）單擊“按下”選項卡。編輯按鈕的“”按鈕狀態。同時單擊窗口中的“復制劃過時的圖形”按鈕，講按鈕的“滑過”狀態復制過來。選中文字在屬性面板中設置文字的顏色。

（8）單擊“按下時滑過”選項卡，單擊窗口中的“復制按下時圖形”按鈕，將“按下”狀態的圖形復制過來，

（9）單擊“活動區域”選項卡，此時Fireworks已經生成一個切片來定義按鈕的活動區域，選中這個切片在它的屬性里設置鏈接目標在鏈接里文本框里輸入“”

（10）一個完整的按鈕就制作完畢，單擊完成退出編輯狀態，這是畫布上就出現了制作完成按鈕

（11）單擊窗口里的庫命令，打開庫面板，制作的按鈕已經作為一個元件項目放置于庫中

（12）在庫中拖動按鈕元件，可以將按鈕放置在畫布上

（13）分別在下面的按鈕的屬性中設置文本輸入文字，

（14），按[ctrl+s0]保存，可以按F12在IE閱覽器里看效果

-