dreamweaver制作網頁?
謝謝邀請
使用adobe dreamweaver制作網頁首先要了解該軟件的一些基礎知識,比如認識工作環境、建立網站站點、新建網頁頁面開始。
1.工作環境
Dreamweaver提供網頁規劃、設計到管理全方位功能,兼顧設計與程序開發,是制作網頁時的不二之選。提供「所見即所得」的可視化環境,設計階段即能準確掌握呈現效果。軟件的強大設計功能,讓網頁設計人員能輕易擺脫HTML原始碼的限制,以較少的時間做出具專業水平的站點。請各位由「開始」菜單執行「Adobe Dreamweaver CC」,即可開啟Dreamweaver程序。當各位在「新建」處點選「HTML」選項,建立第一個HTML文件后,就會進入Dreamweaver的工作界面。在開始操作軟件之前,讓我們先熟悉一下工作環境。
菜單
放置Dreamweaver各項編輯命令的區域,不過許多功能命令可透過鼠標右鍵所顯示的快捷菜單來執行。
插入面板
插入面板用來插入各式各樣的網頁組件,面板上的每一個圖標都代表著一種元素,只要點選面板中的功能圖標,就可以將相關組件放置到網頁上。至于「插入」面板的開啟及隱藏,可由「窗口/插入」命令來切換。
文檔窗口
文檔窗口是網頁內容的編輯區域,設計出來的網頁畫面與實際瀏覽時所呈現的效果幾乎一模一樣。
預設狀態會在文檔名稱下方顯示「文檔工具欄」,內含「代碼」、「拆分」、「設計」、「實時視圖」及「文件標題」、「文件管理」等工具鈕。另外, reamweaver還提供有「標準工具欄」,內含「新建」、「開啟」、「儲存文件」、「全部儲存」及「剪切」、「復制」、「貼上」、「還原」、「重做」等快速工具,如要顯示「標準工具欄」,可勾選「查看/工具欄/標準」命令。
屬性面板
可對頁面中的各種元素進行調整及編輯。當各位在頁面上點選不同的網頁元素時,屬性面板也會對應顯示不同的屬性。執行「窗口/屬性」命令可決定是否顯示「屬性面板」。
其它工作面板
其它工作面板則是放置各種類別的輔助編輯面板,畫面上所看到「CSS設計器」、「CSS過渡效果」、「文件」等面板,都是Dreamweaver預設啟動的工作面板。
2. Dreamweaver建立站點
「建立站點」是在Dreamweaver中設計網頁的首要步驟,各位必須要在硬盤中建立一個用來放置所有網頁內容的文件夾,然后利用Dreamweaver來對此文件夾進行管理。利用Dreamweaver在本機建立站點的方式相當簡便快速,只要簡單的步驟,便可完成設定。
3. 新建網頁頁面
要在站點中新建網頁文檔及文件夾時,可以利用「文件」面板來進行,一般站點首頁所使用的文檔名稱通常為「index.html」。此處我們以前面建立的「班級站點」來做說明。你也可以執行「文件/新建」命令來新建網頁文檔,并且在「新建文檔」的窗口中選用文件類型。不過采用此方式新建文件時要記得執行存盤動作,并且在存盤的過程中設定文件名稱。
這是我個人覺得使用adobe dreamweaver制作網頁必須要知道的基礎知識,剩下的就靠對干軟件的細心學習了,祝您快速掌握該軟件!