【計算機刷題】Dreamweaver教程

由於考題都是一樣的

所以小編把之前的推送整理了合輯發出來

只有個別問題不會的同學
建議直接看第二部分


一、基礎

（一）界面介紹

dw的大部分功能界面與world是相似的，易上手。

第一列中常用的是「插入」、「文本」、「窗口」。大部分操作可以直接在「常用」中打開。

 

第二列中常用的為超連結、電子郵件連結、命名錨記、插入表格、插入div標籤（可以新建css）、插入圖像、插入媒體等，熟練使用能節省時間。

代碼：即顯示代碼頁；設計，即顯示無代碼的文字頁；拆分，同時顯示代碼頁與設計頁。

中間是操作區。下方一般是設置基礎屬性的操作區，右邊是設計較複雜屬性的操作區。

（二）常規設計

1、網頁標題

2、背景顏色與圖像

右鍵或者在下方操作欄中找到「頁面屬性」進行設置。設置時最好在表格外面單擊後設置，防止設置成單元格的背景。

顏色背景可以在這裡設置

2、文字格式、插入圖片、flash

選中文字在下方操作區操作

二、細節問題

（一）表格

1、插入表格

^(*￣(oo)￣)^ 我才懶得寫

2、插圖片
在表格中插入圖片可以點擊要插入的單元格，選擇插入。或者在表格外面插入，再拖進去。

3、行數、列數、邊距間距都可以在建立表格的時候設置好

也可以選中表格之後在下方設置這些屬性以及其他表格屬性。

 

寬和高的佔瀏覽器窗口的百分比、邊框、對齊等都在裡面。

按著Ctrl可以選擇一個或者多個單元格。

單擊單元格可以設置裡面的文字。

3、設置列寬為xx%

綠色的線會顯示百分比，拖動單元格邊框到相應的百分比即可。如果沒有綠色的百分比的話，自己算好括號裡面的數值拖動了。

（二）水平線

1、插入水平線

插入—HTML—水平線

2、屬性設置

在下方的編輯區裡，可以很容易的設置寬高（像素/百分比）、對齊、陰影。設置寬度與表格相同即可實現與表格同寬。

3、顏色

方法一：單擊圖片右邊藍色圈住的區域，如要求設置為黃色，單擊空格，輸入「c」，選擇color，在出現的引號中輸入「yellow」。若要求設置為#FF0000，則輸入#FF0000。注意，輸入顏色編號時，只有在預覽時才會看到效果。非預覽狀態看不到顏色。

方法二：在插入div中選擇新建css，或者在右邊css中選擇新建規則，給新規則命名（我命名為aaa），選擇「只針對本文檔」。

 

直接在新建的時候編輯顏色屬性，或者建完之後再編輯屬性。

 

然後選擇水平線，在類中選擇aaa。

（三）表單/按鈕

常遇到要添加各種「選擇」的題。他們都在插入——表單裡面。

按鈕：

提交表單即是「提交」按鈕，「重設表單」是「重置」按鈕。
切不可只改「值」裡的名字。然而有一道題要求添加「查詢」按鈕，除了改名字，小編找不到別的辦法惹。

複選按鈕：，就是多選的框框

單選按鈕：，單選的框框

列表/菜單：有下拉列表的框。

點擊新建的按鈕，可以在類型裡面可以選擇菜單或者列表。
不多選時顯示的是；
列表允許多選，顯示為

列表值裡可以設置選項，

 

其他：下圖一次為 文本域 文本區域 文件域

 

在所有按鈕的「初始值」/「初始化時選定」裡面可以設置最初按鈕裡顯示的是哪個選項。

勾選該選項在下面操作區域設置

 

（四）框架

1、新建框架

文件—新建—框架集—在類型裡面選擇你要的框架集—命名—確定

2、保存

單擊你要保存的框架或其內部，「文件—保存框架」。

3、屬性設置

選中你要設置的框架，在下方區域設置以下選項

 

單擊「窗口—框架」，會在右邊出現一個框架選項，可以設置更多屬性。如滾動和寬高。

4、插入圖片

在框架中插入的圖片有可能沒有佔滿框架，可以用這個小手，把圖片抓到對的位置。

（五）字體設置

1、dw中沒有要求的字體時，選中文字—字體—編輯字體列表—輸入需要的字體

2、行間距、字間距

在需要編輯的文字的類別的css中點擊添加屬性，打出首字母（行高line-height，字間距letter-spacing）

注意，每一個css的style裡面包括字體顏色間距等屬性，字體不同的文字在應用相同的行間距時，要在各自的style中設置。

（六）圖文混排

方法一：用代碼輸入。有問題，問度娘。

方法二：設置對齊方式。樣題中的圖片第一張設置左對齊，第二張設置右對齊，然後拖入文中即可。

（七）設置連結

1、熱點連結

選中圖片，在下方操作欄中選擇熱點工具，選中題目要求設置熱點的地方，設置連結。

2、超連結

選中要設置的文字—超連結——輸入要連結的對象即可。

當在下方的操作欄裡面設置超連結時，還可以直接點那個靶心符號，會拉出一條線，連到要連結的地方。不過這樣容易失誤。

3、錨

選中要操作的地方（書籤），插入——點命名錨記，或點快捷鍵，然後輸入名稱；選中要超連結的地方，在超連結中添加命名的錨即可。

（八）文字滾動

這個小編只找到用代碼的方法。

使用格式：<marquee>文字</marquee>

<marquee behavior="scroll" direction="right">從左向右</marquee>

<marquee behavior="scroll" direction="up">從下向上</marquee>

不要害怕代碼難記，你只要輸入<m系統會自動出後面arquee，然後空格，輸入b，系統同樣會出後面的，再「」中輸入s，……
單詞也好記：
Marquee： 大帳篷；大天幕；選取框；門罩

Scroll：（像展開捲軸般地）將文字顯示於屏幕

（九）空格/縮進

在dw裡，直接按空格是無效的。但按shift+ctrl+空格就可以打出空格。這實際是不換行空格，即「插入—HTML—特殊字符—不換行空格」的快捷鍵。

一般題目要求縮進小編也是用空格做的。
不過縮進應該可以在css中設置。小編沒有試過。

（十）添加項目符號

這裡你會發現css的妙用

具體建立新的css的方法參見「水平線」中的講解。

新建一個css，選中列表，然後設置。

在下方操作欄中選中「項目列表」，然後再把類型設為新建的類型。預覽效果。

 

（十一）邊框效果

同樣運用css

對文字設置背景時，最好先在css的背景中設置，不然設置的是單元格的背景色，沒有文字的地方也會有顏色填充。

為了防止出現錯誤，最好先設置好css，然後再複製文字，然後將文字類別選為提前設好的css。
  

對Dw中遺留問題的補充

1、頂端對齊

找到「垂直」在裡面設置頂端就好

2、第七套這個坑爹的題

有同學說做出來是

這樣的。

應該是代碼錯位的問題。要在圖中的位置輸入<div>和</div>。如下圖。圖中的class="aaaaa"是我設置的css樣式。

設置頂端對齊。這樣就可以和答案一樣了。

3、超連結在新窗口中打開

需要代碼  target="_blank"；其實還是蠻簡單的，只要輸入t，就會有系統提示幫忙。

圖片中，黃色的是我連結去的網頁，和我們的代碼在一個括號裡，後面紅色筆劃得是被連接的圖片。

4、如果發現自己操作無誤卻依舊不對時，預覽一下，有些樣式是只顯示在網頁裡的。

由於這個沒有答案
小編不能保證以上沒有一點問題
如果發現問題
歡迎在後臺指正

技術宅的教程到此結束

祝大家計算機滿績(づ￣3￣)づ╭❤～