綜合知識

當前位置 /首頁/綜合知識 > /列表

如何操作dreamweaver軟件,dw軟件怎麼用

1.如何操作dreamweaver 軟件

Dreamweaver這一款專業的網頁製作軟件,相信相關專業的人員都不會陌生。

dw軟件怎麼用 如何操作dreamweaver軟件

可以説,它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具,利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。 這裏西西給大家帶來一個dreamweaver製作網頁的教程,初學DW的朋友可以參考一下。

一、定義站點 1、在任意一個根目錄下創建好一個文件夾(我們這裏假設為E盤),如取名為MyWeb。 ***備註:網站中所用的文件都要用英文名。

2、打開Dreamweaver,選擇“站點—新建站點”,打開對話框。在站點名稱中輸入網站的名稱(可用中文),在本地根文件夾中選擇剛才創建的文件夾(E:web)。

然後確定即可。 ***備註:再次打開Dreamweaver,會自動找到剛才設立的站點。

如果有多個站點,可以在菜單“站點—打開站點”中去選擇。 二、創建頁面 1、在本地文件夾E:MyWeb下面的空白處,按右鍵選“新建文件”,這樣就建好了一個頁面,默認的文件名為untitled.htm。

htm就表示這個網頁文件是一個靜態的HTML文件。給它改名為index.htm。

***網站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。

2、雙擊index.htm進入該頁面的編輯狀態。在標題空格里輸入網頁名稱,按右鍵選頁面屬性,打開“頁面屬性”窗口。

在這裏可以設置網站的標題、背景顏色或背影圖像,超級鏈接的顏色(一般默認即可),其他都保持默認即可。 3.此時光標位於左上角,可輸入一句話,如“歡迎來到我的主頁”。

選取文字,用菜單“窗口/屬性”打開屬性面板,選取文字大小為6,再使文字居中,然後在文字前用幾個回車使其位於頁面中間。 4.如要選取字體,則選擇字體中的最後一項:編輯字體列表。

然後在對話框中選+號,接着在“可用字體”欄中選擇需要加入到字體列表中的一種字體,點擊中間的按鈕就可以加入了。 ***在網頁上最常用的是宋體字。

不要將特殊的字體加到列表中使用,因為別人電腦上未裝就看不到。如果需要用的話,要做成圖片後再使用。

***在網頁上打入空格的辦法是:把輸入法調為全角。 ***在網頁上換行的辦法是:shift+Enter。

只按Enter則為換段。 三、為頁面添加圖片 1、在本地文件夾E:MyWeb下面的空白處,按右鍵選“新建文件夾”,這樣建立了一個文件夾,用它來放圖片,可以改名為tu或pic或images都可以。

2、用菜單“窗口/對象”打開對象面板,點擊“插入圖像”,在對話框裏選要插入的圖片。如果會出現對話框:“你願意將該文件複製到根文件夾中嗎?”,必須選“是”,然後將它保存到剛建好的文件夾裏。

3、選中該圖片,打開屬性面板,可以在上面為圖片取名,重新設置圖片的高、寬,拖住圖片角上的點可以變大小。按住shift鍵,再拖動角上的點,可以使圖片保持寬高比例拉伸。

如要恢復這原始大小,則單擊右下角的“重設大小”按鈕。 4、“鏈接”可以直接在這裏輸入地址。

“替代”是圖片的説明,即鼠標指向圖片所顯示的文字;“邊框”是圖片邊框寬度,“對齊”是對齊方式。 四、添加超級鏈接 1、為文字添加鏈接。

比如,在頁面上輸入“我的文章”,然後將其選中,打開屬性面板,在“鏈接”一格中,選擇它所要鏈接到的頁面即可。後面一格“目標”我們一般常用的是self即打開的新窗口代替了現開的窗口;或是選擇blank即打開新窗口。

2、為圖片添加鏈接 與上面文字的鏈接同理,插入圖片,然後在屬性面板中的鏈接一格中選擇即可。 ****圖片可以創建不同的多個鏈接。

方法如下: 在屬性面板中的“地圖”一項下面有一些圖形,比如點擊方形,光標變成十字,在圖片上畫一個藍色矩形的熱區,此時在屬性面板上可以為這個熱區設置鏈接地址,鼠標指向會顯示。同樣,再用圓形設置一個熱區,就可以再為該圖片設置其他鏈接了。

3、添加E-mail鏈接 選中需要添加E-mail鏈接的文字或圖片,打開屬性面板,在“鏈接”一格中輸入填寫郵件地址。格式如下:mailto:郵件地址。

注意中間不空格。 4、如果鏈接到瀏覽器無法打開的文件,例如exe、Zip等文件,那麼瀏覽者在點擊這個鏈接的時候,就會實現文件下載、或是在線播放的功能。

五、表格的使用 1、點擊插入/表格,打開表格面板進行設置。行數、列數、寬度、邊框等,“單元格填充”為單元格內側與內容的距離;“單元格間距”為單元格之間的距離,單位均為像素。

2、插入表格後,在表格的邊框上點擊一下,可以全選整個表格。然後在下面的屬性面板裏可以進行各種設置。

3、把光標移到其中一個單元格,此時看到的屬性面板,就是單元格的屬性面板。也可以進行各種關於單元格的操作。

如背景色、背景圖、邊框、合併、拆分等。 六、關於表格的其他操作 一製作細線表格 原理: 1、選中整個表格,設置其背景為黑色(該顏色即表格線的顏色)。

2、選中所有單元格,設置其背景為白色。 二自動格式化表格 1、先製作好一張表格,然後選中。

2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。

三一像素分割條 1、插入一個1行1列,寬為200像素,邊框邊距均為0的表格。 2、選中表。

2.在dreamweaver怎麼使用

方法/步驟

1

首先打開我已安裝好的dreamweaver軟件。

步驟閲讀

2

打開軟件後,進入首選項窗口。

步驟閲讀

3

在這個窗口中我們點擊創建新項目下的”HTML“選項。

步驟閲讀

4

點擊”HTML“選項後,進入到編輯窗口。

步驟閲讀

5

在編輯窗口有三種狀態可供選擇,如果你懂代碼,喜歡直接寫代碼,那麼我們選擇窗口中的”代碼“選項,就全屏進入代碼寫入模式。

步驟閲讀

6

如果我們不懂代碼,我們可以選擇”設計"窗口,這裏可以自由輸入文字這些。當然如果你在編輯時兩個都想要看到,這時我們可以選擇“拆分”模式。

步驟閲讀

步驟閲讀

7

填寫內容後,點擊窗口上方的“文件”選項,找到“保存”按鈕保存即可。

步驟閲讀

END

3.如何用dw軟件製作網頁的小網站

打開DW,DW界面如圖

2

分析所製作的網頁的需求,明確目標

3

明確需求。如果是建議一個網站,需要建立一個站點,方便管理並使製作步驟更為有條理。

4

新建站點彈出來的窗口。在這裏我輸入的是“新聞網頁”,放在Dreamwaver CS6文件夾下的新聞網頁文件夾

5

在新聞網頁文件夾下新建“images”文件,導入製作網頁所需要的素材,這裏所需要的素材都是圖片

6

新建HTML,選擇“創建”

在“標題”中輸入“新聞網頁首頁”,轉換到“設計”界面

根據製作網頁需求插入表格,只是在行列有所變化,下面的“表格寬度”以下選項根據圖設置

插入表格如圖,選擇表格,會看到表格邊框變紅,選擇之後變黑。在屬性中對齊選項選擇“居中對齊”

在表格第一行第一列輸入“用户名”,在第一行第二個表格插入“文件域”。然後是密碼,同樣的插入“文件域”。切換到“拆分”界面,選中密碼對應的“文件域”,將“type”改為“password”

插入圖像,不知道怎麼填的話就一直選擇“確定”即可

插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什麼就一直“確定”,無妨。在屬性欄裏的值改為“登錄”。然後插入圖像“谷歌logo”,附上效果圖

選中第二行,點擊鼠標右鍵,選擇“表格”,“合併單元格”

在第二行插入圖片。完成頁面製作。保存HTML文件。然後在站點“新聞網頁”可以看到保存的HTML文件

點擊製作好的HTML文件,選擇用360瀏覽器打開,輸入用户名和密碼,然後會看到如下情況:用户名課件,密碼不可見,符合實際

步驟閲讀

當然也可以在Dreamwaver CS6 的實時視圖中完成第15步

4.如何使用DREAMWEAVER

建一個網站要學的很多不只DREAMWEAVER,DREAMWEAVER只是用來排版的,其他的還有PS,FLASH動畫軟件,PS是設計模板用的 FLASH是做動畫用的,

要會的語言有DIV+CSS語言(這個是必須要會的) JS、AS語言(這倆個可會可不會只熟悉也行)

網站的完成包括兩個技術1個是前台技術,第二個是後台編程也就是程序員

1.打開DREAMWEAVER 站點——新建站點 就可以了啊

2.打開DREAMWEAVER 直接新建HTML頁面編寫代碼

(在做這些之前首先要做好設計稿,然後在切片,在是排版,包括與程序員配合)

5.DW怎麼使用

shift F4 調出行為窗口

上面有一個類似加號的按鈕 點擊開始設置行為

行為的樣式有很多中,但是人們都不常用這種, 會JAV的人都自己寫一些腳本來 ,不太會的都是在網上寫腳本效果自己套很方便的

不過在行為裏面有些小效果還是可以用的, 譬如交換圖像這個,及是你選中圖像,讓後點擊交換圖像, 找到交換圖像的路徑,就好了, 效果是點你點擊,或者劃過圖像的時候交換到下一張,

彈出窗口也就是在網頁上常見的那種彈出的廣告窗口等..

還有一個叫做時間軸的,還不錯,像一些網站上用的浮動廣告,就是用他寫出來的,用這個效果的時候就像是在做動畫一樣, 創建時間軸, 然後移動你要浮動的廣告,位置在創建一個結尾針,就可以在你指定的路線上浮動了,

什麼東西都是研究的多了就懂了。

6.如何使用dreamweaver

打開 Dreamweaver MX 2004 軟件,執行【站點】 | 【站點管理】命令,在彈出的【站點管理】對話框中選擇【新建】,按新建站點的步驟逐步進行設置,最後保存完成製作。

操作步驟 步驟一 定義站點 ( 1 )開始新建站點。啟動 Dreamweaver MX 2004 ,切換到【文件】面板,單擊【管理站點】,然後在彈出的【管理站點】對話框中單擊【新建】按鈕 ( 2 )設置站點屬性參數。

在彈出的【 Dreamweaver 100 的站點定義為】對話框的“編輯文件”、“編輯文件,第 2 部分”、“編輯文件,第 3 部分”中定義站點, 提示:本實例是切換到【基本】選項卡中設置站點,建議初學者先以此方式建立站點,再通過【高級】選項卡對站點進行更詳細的設置。 步驟 4 如果選擇的是【否,我不想使用服務器技術】,則站點為靜態網站,此時將直接執行步驟 6 。

靜態網站與動態網站的區別不是指網站有沒有 GIF 、Flash 動畫,而是指有沒有互動性。“互動性”是指網站根據用户的要求和選擇能夠動態作出改變及響應,能夠自動更新網站,自動生成批量頁面,能夠根據用户的條件(時間、瀏覽器類型、用户在站點的使用權限等),自動生成不同頁面。

步驟 5 主要是根據自身熟悉的服務器技術進行選擇。如果讀者熟悉 ASP 服務器技術,則可選擇【 ASP javascript 】、【 ASP VBScript 】這兩種腳本中的一種,如果熟悉 ASP.NET ,則應選擇【 ASP.NET C# 】、【 ASP.NET VB 】或【 ASP.NET Jscript 】。

步驟 7 如果選擇的是【在本地進行編輯,然後上載到遠程測試服務器】,那麼在執行完步驟 9 之後,將會進入到【測試文件】中進行遠程服務器的有關設置;如果選擇的是【使用本地網絡直接在遠程測試服務器上進行編輯】,那麼在第 8 步操作中就應輸入該服務器的地址,鑑於安全性,建議初學者不要使用這種方式編輯網站。 步驟 8 輸入的是網站在本地網絡中的物理存儲位置,其設置一般與 IIS 服務器默認站點主目錄的物理存儲位置一致。

( 3 )接着測試站點及完成站點定義 提示: 第 1 步操作輸入“ pub 服務器行為運行的必要組件。 DreamweaverCtrls.dll 文件名稱及其所在目錄 bin 名稱不能更改,並且 bin 文件夾必須保存在站點的根目錄下。

本書第 75 例至第 90 例將以該站點進行網絡應用程序開發。 ( 3 )如果在“ c:Intepub_client ”文件,請將“光碟 源文件 實例 2aspnet_client ”文件夾複製到“ c:Intepub_client ”文件在安裝 .NET 框架時,默認情況下安裝到“ c:Intepubwwwroot ”文件夾下(系統盤為 C 盤時)。 構建好了開發環境,在 Dreamweaver 中建立好站點之後,可以説是網絡應用程序的加工廠的構建完畢,可以加工各種產品——網頁、網絡應用程序等等。

在 Dreamweaver 中建立站點,是進行網站開發的第二個關鍵步驟。這裏所講的建立站點,其實就是在 Dreamweaver 中定義站點、策劃站點結構、部署開發環境。

定義站點是為了更好地利用【文件】面板對站點文件進行管理,也是為減少一些錯誤的出現,如路徑出錯,鏈接出錯等等。許多初學者開。

7.Dreamweaver如何使用

分數很高嘛,這個得細細説了:

你下的版本不錯,新版本就是好用~

Adobe Dreamweaver,簡稱DW,英文翻譯是“編織夢想”;

網絡三劍客之一(網絡三劍客 也叫“夢之隊”),我個人覺得還是比較複雜的,我的意思是比較其它同門軟件,比如photoshop,flash,fireworks,

現在我是Dreamweaver的愛用者,學習的過程中發現要記的東西蠻多,還好,我有點英語基礎,不會那麼枯燥

如果你很有心,需要做好準備,基礎教程多看幾遍,學習嘛,從模仿開始,然後,加些無聊的QQ羣,跟羣裏的人探討一些,多用用百度知道~

堅持才是硬道理~祝你早日學成~

TAG標籤:軟件 dw #