網頁設計編輯

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

一、菜鳥級網頁製作軟體

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

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

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

2、網頁設計怎麼編輯本地圖片

1、精準找圖
網頁設計之前，確定好網站的主題，以及要宣傳的品牌，提取關鍵詞來尋找圖片對象，圖片無需太復雜，最好能夠讓用戶一眼看出網站想要表達的主題，例如：企業宣傳電腦顯示器，以「畫質清晰，觸控」作為顯示器的關鍵詞，找到能突顯出產品功能的圖片最為最佳選擇。

2、選定風格
網頁設計的整體風格要一致，在選好的圖片中挑選符合網站主題的風格，每一種產品的主色調要協調，在突出產品特色的同時不失美的體驗，下面是在蘋果官網截取的圖片，每張圖片能充分展示不同的產品，加上宣傳詞彰顯產品特色，以暖色調為主，給人以舒心的感覺

3、圖片簡單化
有時候圖片的抽象是一種藝術，但這樣承擔的風險更大一些，因為不一定每個人都懂藝術，另外圖片太復雜不一定是豐富的體現，不能巧妙的使用往往會適得其反。因此在選擇圖片時盡量簡單化，不要讓用戶去猜測圖片的含義，最好一眼能明白圖片想要表達的意思。例如：下面一張圖是蘋果官網上IPAD的宣傳圖，藝術且讓人充滿想像。但是如果對於不了解產品的人來說，並不知道這張配圖想要表達什麼，效果則會相反。

網頁設計圖片的選擇講究的是對網站總體風格的敏銳度，以及對產品的深入了解程度，在設計之前確定好方向，再利用既定的關鍵詞搜尋圖片，獲得最佳的搭配方案，巧妙的抓住用戶的注意力，便可輕松選圖用圖。

3、如何編輯頁面

1、用記事本等文本編輯器，編寫HTML文件（網頁源文件）
HTML語言是由標記符組成的解釋性語言。打開一個網頁，在頂部的菜單欄「查看」－－＞「源文件」，看到的就是網頁的源文件。
在HTML中，所有的標記符都是有尖括弧括起來的。這些標記符一般是成對出現的。由尖括弧括起來的的內容被瀏覽器解釋成網頁。如下面一行
<A HREF=www.BAIDU.COM" target="_blank">http://www.BAIDU.COM SIZE = 4>這里是超鏈接,點擊打開百度首頁</A>
「A」告訴瀏覽器尖括弧里的內容是超鏈接，即同一個網頁跳到另一個網頁。「SIZE」告訴瀏覽器是4號字，這些網頁源代碼被瀏覽器解釋執行，就是 們看到的網頁文件，尖括弧里的內容不會顯示在網頁中的。
2、用DREAMWEAVER等「所見即所得」軟體編輯，你不需要專門學習HTML語言，一般的編輯網頁都是用這種「所見即所得」軟體來做的。
3、修改網頁模板。下載網頁模板，修改網頁源代碼。這是做網站常用的方法。

網頁是萬維網的基本文檔。網頁可以是網站的一部分，也可以獨立存在。MICROSOFT FRONTPAGE 的許多特性是在使用網站時才會用到。FRONTPAGE 中還有些特性可以幫助您設計和創建自己的網頁。

為了幫助您創建外觀專業、設計完善的網頁，FRONTPAGE 提供了多種網頁模板 （模板：一組預先設計好的文本和圖形格式的集合，可以基於這些內容創建新的網頁和網站。使用模板創建網頁或網站之後，可以自定義該網頁或網站。），使您能快速地創建具有各種布局和功能的網頁。例如，您可以使用 FRONTPAGE 的模板創建用戶注冊網頁、留言薄、反饋表單以及帶有搜索表單的網頁等。

可以使用主題來創建設計一致的網頁。主題包含了採用一種配色方案的統一設計元素，包括字體、圖形、背景、導航欄、水平線及其他網頁元素。

如果想自己設計並布置網頁，可以從一個空白的網頁開始，然後進行以下一項或多項操作：

使用框架、表格、布局或絕對定位來精確定位網頁上的文本和圖形。
添加文本、圖形、網頁橫幅、表格、表單、超鏈接等網頁元素。
添加 FLASH 內容、視頻、聲音或 GIF 動畫等動態元素。
添加可以變化的內容或功能，如字幕 （字幕組件：網頁上顯示水平滾動文本消息的區域。）、計數器 （計數器組件：FRONTPAGE 中的組件，跟蹤萬維網網站的訪問者的數目。）、時間戳、網頁過渡、互動式按鈕以及使用動態 HTML (DHTML) （DHTML：超文本標記語言 (HTML) 的擴展，添加多媒體、資料庫訪問以及對象模型，程序可使用它們更改頁面元素（對象）的樣式和屬性並將現有元素（對象）替換為新的元素（對象）。） 的表現方式。
應用樣式或使用樣式表來設置文本格式。
用顏色或圖片來設置網頁背景
通過使用動態網頁模板（它可以包括具有網頁設置、格式設置和網頁元素的網頁）來創建自己的網頁模板。
也可以從網站的圖形外觀（稱之為描摹圖像）開始進行設計。為此，可以在圖形程序中創建一個網頁圖像的外觀模型，並將其作為直觀的參照，以便重新創建和描摹網頁設計。

4、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(4)網頁設計編輯擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

5、初學網頁設計編輯，需要用到哪幾種常用工具！

做網頁一般都用dreamweaver，這個工具很好用，還有預覽功能。
推薦你看下韓順平的網頁設計，不錯的。

6、網站編輯、網頁設計

你所說的沒有絕對答案，我就學網站開發的。雖然說大多數男生都比較喜歡後台也就是網站編輯，但是還是有很大一部份的男生剛開始都是前台設計，在轉如後台。

7、網站編輯和網頁設計與製作的區別

網站編輯，是網路時代的新興職業。2005年，勞動和社會保障部公示了第三批的十種新行業中，「網路編輯員」名列其中。網站編輯工作有四大特點：超文本鏈接式編輯、全時化編輯、資料庫化編輯、交互性編輯。然而，和傳統媒體編輯一樣，網路編輯時常也被人誤解，或遭以偏見。
網站編輯，是網站內容的設計師和建設者，通過網路對信息進行收集、分類、編輯、審核，然後通過網路向世界范圍的網民進行發布，並且通過網路從網民那裡接收反饋信息，產生互動。網路編輯是指利用相關專業知識及計算機和網路等現代信息技術，從事互聯網網站內容建設的人員。因此作為一名網編要有相應的計算機基礎，敏銳的新聞傳媒視野以及良好的互動和溝通技能。網站的更新及內容編輯是一個必不可少的環節，網站編輯更是對網站推廣和網站優化有著重要的推動作用。

網頁設計是指使用標識語言（markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用戶界面（GUI）的形式被用戶所瀏覽。簡單來說，網頁設計的目的就是產生網站。簡單的信息如文字，圖片（GIFs， JPEGs，PNGs）和表格，都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。而更復雜的信息如矢量圖形、動畫、視頻、聲頻等多媒體檔案則需要插件程序來運行，同樣地它們亦需要標示語言移植在網站內。

網頁製作是網站策劃師、網路程序員、網頁設計師等崗位，應用各種網路程序開發技術和網頁設計技術，為企事業單位、公司或個人在全球互聯網上建設站點，並包含域名注冊查詢和主機託管等服務的總稱。

8、製作網頁可以用什麼軟體？

9、製作網頁時怎麼編輯頁面

先從最簡單的 HTML 網頁入手；選擇 Dreamweaver 4.0MX Fireworks 4.0 MX Flash 5.0 MX 俗稱三劍客網頁工具。圖象還須 Photoshop 等作為你的網頁製作工具；製作前，粗略地閱讀 Dreamweaver Fireworks 及 Photoshop 教程，了解這幾個軟體到底能做些什麼；製作你的第一個實驗性的網站， 遇到困難，可買本《新編網頁製作》的書，找最新版本的，新華書店就有。

10、製作網頁一般用什麼軟體啊?

1、DreamWeaver

Dreamweaver可以用最快速的方式將Fireworks，FreeHand，或Photoshop等檔案移至網頁上。使用檢色吸管工具選擇熒幕上的顏色可設定最接近的網頁安全色。對於選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。

2、Flash

Flash，是一種動畫創作與應用程序開發於一身的創作軟體，目前最新的零售版本為Adobe Flash Professional CS6(2012年發布)。

Adobe Flash Professional CS6為創建數字動畫、互動式Web站點、桌面應用程序以及手機應用程序開發提供了功能全面的創作和編輯環境。

3、Fireworks

Fireworks是Macromedia公司發布的一款專為網路圖形設計的圖形編輯軟體，它大大簡化了網路圖形設計的工作難度，無論是專業設計家還是業余愛好者，使用Fireworks都不僅可以輕松地製作出十分動感的GIF動畫。

4、HomeSite

HomeSite是一種功能完備的html編輯器。它與文本編輯器相似，但含有自動添加HTML標簽以及輕松創建HTML復雜元素的功能。HomtSite還有大量的javascript特性，比如自動創建標簽以及為腳本命令首色等，後者可幫助開發人員更輕松的查看和跟蹤腳本命令。

5、HotDog Professional

HotDog是較早基於代碼的網頁設計工具，其最具特色的是提供了許多向導工具，能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee，並能在預覽模式中以正常速度觀看。