網頁設計中用到的圖片編輯器

1、請問在web的html編輯器中，「設計」和「預覽」這兩個視圖有何區別呢？

設計是給你看的，預覽是給瀏覽器看的

2、要學習網頁設計，需要用到什麼軟體？

前端設計主要的工作無非就是按照效果圖使用前端的代碼來做出符合要求的靜態頁面，使用的軟體大致如下（不同人是使用的可能不同）：

1、以Photoshop為代表的圖片處理技術。

網頁設計的第一步是按照客戶的需求來設計網站效果圖，這個工作是由美工來完成的，現在網頁設計嚴格的來說不包括美工的工作，即美工只負責設計效果圖網頁的設計師只負責嚴格按照效果圖將效果圖的樣式以網頁的形式做出來，那可能有人會問為什麼網頁設計師還需要ps呢？那是因為網頁設計師也就是前端設計師需要將美工製作的效果圖（一般是psd格式的）使用ps的切片功能將其中用的到的圖片裁切出來放到網頁上去用，此時就要使用photoshop來完成這個工作，所以作為網頁設計師或者前端設計師會一些基本的Photoshop知識還是很有必要的。

2、前端代碼編輯器如dreamweave、hubuilder等，建議初學者使用記事本等文本編輯器。

我們知道現在的網頁設計都是純手寫代碼基本沒有使用可視化編輯的了，原因是可視化編輯的網頁有很多弊端如代碼冗餘、後期改版難以控制和維護、網頁的執行效率和性能不高等。此時解決的辦法就是純手寫htm、css、js等代碼來做我們的網頁，但是我們在實際開發過程中又有些問題，學習的網頁的初期我們可以使用記事本或者有些簡單的文本編輯工具來寫代碼，但是在實際開發過程中我們需要藉助有些好的編輯器來提高我們的效率， 此時就需要使用功能強大的編輯器，提供代碼高亮、代碼提示等功能來提高開發的速度，常見的前端代碼編輯器有dreamweave、hubuilder、sublime等等，這個根據個人的習慣和工作的環境進行選擇即可。但是建議初學者使用記事本等文本編輯器，這樣能讓我們記住一些關鍵詞，有利於學習。

3、一些更高級的前端工具和軟體我們也需要學習。

在實際的開發過程中，以上的工具並不能完全滿足我們的需要，尤其是開發一些大型的項目的時候，我們需要使用和藉助更多的工具來幫助我們進行開發，這里簡要說一些。例如當我們進行團隊合作的時候，我們可能還會使用一些版本控制工具來進行團隊合作，如svn、github等，在進行項目管理的時候我們可能還需要一些前端的包管理工具如grunt、webpack等。這些工具都是一個專業前端工程師應該學些的。

總結：簡單的介紹了一些網頁設計中需要使用的軟體和工具，可能不是很全面，但是可以給大家作為一個參考。

3、常用的圖形圖像編輯和處理軟體有哪些

常用的圖形圖像編輯和處理軟體有：Photoshop、美圖秀秀、光影魔術手等。

使用方法：

1、首先在打開的Photoshop頁面中點擊左上角的「文件」選項，並點擊其中的「打開」按鈕。

2、打開需要編輯的圖片後即可根據需要選用左側菜單欄中的「工具」進行圖片編輯。

3、如果使用美圖秀秀程序，則在打開的首頁中選擇需要的圖片編輯模式。

4、打開需要編輯的圖片後在頁面上方工具欄中點擊對應的編輯工具對圖片進行編輯操作。

5、還可以使用左側菜單欄中的畫筆選項，對圖片進行簡單的修改操作。

6、如果使用光影魔術手程序，則在打開的頁面中點擊「打開」按鈕，選擇一張需要編輯的圖片。

7、然後在頁面右側的工具欄中選用需要的編輯工具對打開的圖片進行編輯操作即可。

4、用電腦自帶的畫圖工具怎樣製作透明背景的圖片

我按照別人的回答操作了幾次沒有成功。

最後我是這樣做的：

百度搜索「在線ps」

使用網頁版ps新建一張圖片，圖片大小你自己決定，例如我新建大小是：100*140像素，並且勾選「透明」，確定

文件-保存圖片

選擇png格式

選擇你要保存到電腦哪個位置，再：「保存」即可。

5、HTML在網站製作中時做什麼用的，跟Frontpage編輯器和.Dreamweaver是什麼關系

你在word里看到一篇復中文的文章制。 此時html就是你看到的文章，word就相當於Frontpage和Dreamweaver，它們只是編輯工具。如同文章跟word 是沒有關系一樣。但此文章原本是英文的，現在是翻譯成中文你才看到的，那麼php就相當於是英文，通過伺服器，翻譯成漢語你才能看到。
即html是可以直接在瀏覽器中看到的。php是伺服器解釋成html，你才能在瀏覽器看到。那兩個工具，實際上只能看做特定的文本編輯軟體而已，他們可以直接編輯html，但Dreamweaver可以編輯php。
我舉這個例子不是很嚴謹，因為php文件可以是只有html的，但我看你的問題，我解釋再深，又解釋出一頓術語，你該更迷茫了。

6、在開發一個網站中可以同時使用不同的網頁製作工具嗎

網頁製作軟體包括：

一、菜鳥級網頁製作軟體

Oeasy教你玩轉網頁設計瀏覽的工具建站程序 如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！

①Microsoft FrontPage 如果你曾對Word很熟悉，那麼相信你用 FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真正體會到「功能強大，簡單易用」的含義。頁面製作由FrontPage中的Editor完成，其工作窗口由3個標簽頁組成，分別是「所見即所得」的編輯頁，HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。

FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作，又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。

②Netscape編輯器Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網，使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時， 單擊編輯按鈕，Netscape就會把網頁存儲在硬碟中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。
Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。

③Adobe Pagemill Pagemill功能不算強大，但使用起來很方便，適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill的確是你的首選。 Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。

④Claris Home Page 如果使用Claris Home Page軟體，你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙，對Image Map圖像的處理也不完全。

7、製作網頁編輯軟體初學者推薦一下

一、菜鳥級網頁製作軟體

如果你是一個網頁製作初學者，那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧！

①Microsoft FrontPage

如果你曾對Word很熟悉，那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁，你能真正體會到「功能強大，簡單易用」的含義。頁面製作由FrontPage中的Editor完成，其工作窗口由3個標簽頁組成，分別是「所見即所得」的編輯頁，HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器，支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。

FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時，不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作，又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。

②Netscape編輯器

Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網，使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網頁時，單擊編輯按鈕，Netscape就會把網頁存儲在硬碟中，然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創建表格等，是不是與FrontPage 2000還有些像?但是，Netscape編輯器對復雜的網頁設計就顯得功能有限了，它連表單創建、多框架創建都不支持。

Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的，Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話，能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句，也可以彌補Netscape編輯器的一些不足。

③Adobe Pagemill

Pagemill功能不算強大，但使用起來很方便，適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那麼Adobe Pagemill的確是你的首選。

Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到裡面，需要時再打開，很方便。

這是初級的。比較簡單可以嘗試一下。

8、微信公眾號里邊編輯素材，怎麼添加圖片背景？

微信公眾號里邊編輯素材添加圖片背景的具體步驟如下：

1、首先為了演示方便，在此我製作了一張360x360的邊框背景圖片，後面我們就將該圖片作為公眾號內容的背景。

2、然後我們進入微信公眾平台，打開「素材管理」，切換到「圖片庫」。

3、點擊「本地上傳」把我們製作的背景圖片傳上去。

4、右擊上傳的背景圖片，復制圖片路徑來獲得圖片的地址。也可以在新頁面打開圖片來獲得地址路徑。

5、然後我們打開網頁編輯軟體，插入一個表格，再對表格添加背景圖片的樣式，也可以通過第三方編輯軟體進行編輯。

6、然後我們返回到公眾平台素材管理中，發布一個新的圖文信息來測試一下添加圖片背景是否可行。

7、我們把剛才在網頁編輯軟體中製作的背景圖片的內容復制到正文中，要在設計狀態下復制。

7、再在正文中輸入文字內容即可看到效果了，此時已經以我們製作的圖片為背景了。

9、網頁設計中，編輯器與網頁之間怎樣轉換

你滑鼠右鍵新建 「文來本文件」，得源到「新建 文本文件.txt「 ，你雙擊打開「新建 文本文件.txt「 ，輸入「我是超人」，然後按 ctrl+s 保存退出，

滑鼠點擊剛才這個文件，點右鍵選「重命名」，重命名為「這個是網頁.html」，之後雙擊打開，
你看到的就是網頁，剛才你輸入「我是超人」時用的記事本，就是「編輯器」

推薦新手去下載「Dreamweaver」編輯器 ，這個相比 記事本 更傻瓜化

10、在網頁製作過程中,下面可以用來做代碼編輯器的有哪些？

微軟的Microsoft Visual Studio
adobe的dreamweaver
webStorm
phpStorm
當然，記事本也是可以用來做代碼編輯器的，只是沒有提示
個人推薦使用webStorm