網頁制作用什么軟件(圖文)

  如果你對網頁設計已經有了一定的基礎,對HTML語言又有一定的了解,那么可以選擇下面幾種軟件來制作自己的網頁,它們一定會為你的網頁添色不少。


  常見的網頁制作軟件有Dreamweaver、Frontpage、Golive等。


  Dreamweaver是一款常用的網頁設計軟件,它將網頁制作、網站開發、站點管理集于一身,具有易學、易用的特點,用戶無需手寫代碼,即使是初學者也可以輕松地創建各種動態效果,快速制作出極具表現力的網頁。


  在操作方法、界面風格等方面突出人性化設計,能夠進行多項任務工作,使用者可以根據個人喜好和工作方式,重新排列面板和面板組,自定義工作區。熟悉軟件的工作環境,可以使操作更加得心應手。


  Dreamweaver是一款優秀的可視化網頁設計制作工具和網站管理工具,支持當前最新的Web技術。其包含HTML檢查、HTML。格式控制、HTML、格式化選項、可視化網頁設計、圖像編輯、全局查找替換、處理Flash和Shockwave等多媒體格式,以及動態HTML,和基于團隊的Web創作等功能,另外,在編輯模式上,允許用戶選擇可視化方式或源碼編輯方式。


Dreamweaver使用界面



  Dreamweaver的使用界面主要包括菜單欄、插入欄、文檔工具欄、文檔窗口、狀態欄、屬性面板和功能面板組等。


1.菜單欄


  菜單欄包括“文件”、“編輯”等10個菜單,單擊任一菜單,可以打開其子菜單。Dreamweaver的大多數操作命令都包含在內。


2.插入欄


  插入欄包含“常用”、“布局”、“表單”等9個選項卡,每個選項卡內又包含有若干個用于創建和插入對象的按鈕。


3.文檔工具欄


  在文檔工具欄中,可以通過各種功能按鈕,實現切換視圖、預覽網頁、編輯文檔標題等操作。


4.文檔窗口


  文檔窗口會顯示當前打開或編輯的文檔,可以選擇“代碼”、“拆分”或“設計”視圖。窗口頂部選項卡,顯示的是當前編輯的文檔的文件名。當有多個文檔被打開時,可以通過選項卡在文檔間進行切換。


5.狀態欄


  狀態欄顯示當前文檔的有關信息,如頁面大小、下載頁面的大小和速度等。


6.屬性面板


  屬性面板顯示文檔窗口中被選中對象的屬性,可以通過修改面板中的數據,改變被選中對象的屬性。


7.功能面板組


  功能面板組包括當前打開的各種功能面板,可以折疊或移動。單擊任一面板上的按鈕,可以打開該功能面板的菜單。


自定義工作界面


  在網站制作過程中,往往需要變換工作界面的布局,使用者可以通過移動面板或面板組來創建新的工作界面。單擊標題欄上的“設計器”按鈕,可以選擇任意一種預設的工作界面。


1.顯示,隱藏面板


  使用F4鍵,可以顯示或隱藏包括“屬性”面板在內的所有面板。利用“窗口”菜單可以打開所有面板,面板名稱前有一標記的,表示該面板已打開。


2.移動面板


  拖動面板標簽或是拖動面板組的標題欄,可以移動面板或面板組。移動時,看到藍色顯示的區域,表示可以在該區域內移動和放置。如果拖動到的區域不是放置區域,則被移動的面板或面板組將在窗口中浮動。


Dreamweaver下載地址:https://www.adobe.com/cn/products/dreamweaver.html



FrontPage 


FrontPage沿襲了Office的風格,所以會用Word的人很容易學會。FrontPage啟動后的工作界面如下圖所示。



  FrontPage使用方便簡單,該軟件結合了設計、程式碼、預覽三種模式。FrontPage在數據庫接口功能方面做了很大改進,特別是它提供的數據庫接口向導功能可以替用戶產生在線數據庫所需要的一切功能,包含數據庫的建立、窗體以及所需的各種頁面。此外,FrontPage還允許設定數據庫的交互功能,利用該功能,用戶可以設置讓指定的訪問者通過瀏覽器來編輯數據庫中的記錄,或者在數據庫中新增記錄,查看已有的資料等。


FrontPage下載地址:https://dl.pconline.com.cn/download/381807.html


GoLive

  GoLive是一套工業級的網站設計、制作、管理軟件,可讓網站設計者輕易地創造出專業又豐富的網站。啟動后的工作界面如下圖所示。



  目前的最新版本是Adobe GoLive CS2。使用交互式的QuickTime編輯器為網站加入影片。緊密結合其他Adobe的網站產品,包括Adobe Photoshop、Adobe Illustrator和Adobe LiveMotion。Adobe GoLive軟件提供360Code功能,可保護你的網頁原始碼不被隨便修改。此外,Adobe GoLive還提供得獎的網站設計、管理功能。


Adobe GoLive CS2下載地址: https://supportdownloads.adobe.com/product.jsp?product=26&platform=Macintosh


  使用Adobe GoLive CS2軟件,可以借助直觀的可視工具(如預先構建的CSS對象,可通過拖放這些對象來構建復雜的站點)充分利用CSS的功能。將Adobe InDesign版面方便地轉換為Web頁面,從而加快設計的速度。此外,還可以在基于標準的高級編碼環境中設計Web和移動設備內容。


  Adobe Golive CS2作為一個類似Dreamweaver的網站制作軟件,是目前較好用的CSS+Div網站開發軟件。在可視化操作方面要比Dreamweaver更加人性化,可以讓設計師通過簡單的步驟就將作品制作為網頁。

標簽:網頁設計網頁制作