Ⅰ 網頁設計和web前端的區別

前端是實現設計復師出的圖效果，製做成頁面，加上效果，各種JS，各種CSS等等。
設計師，按正規來說，和程序員溝通好後，出設計圖，各種效果的效果圖，比如設計稿內要標明，滑鼠移上效果會是怎麼樣，等等，前端再實現這些效果成頁面，交給程序員。

Ⅱ 如何製作一個優秀的網站前端頁面

網站首頁是用戶進入你網站看到的第一面，如果這第一面給用戶的印象不好，不夠吸引，那樣會讓用戶沒有了繼續瀏覽的慾望。一個不夠吸引人的網站首頁，就算你網站推廣做的再好，IP量再高，但是往往就是因為網站首頁設計的不夠好、不夠精緻、不夠吸引，從而導致了網站轉化率不高。網站首頁的設計不但在網站建設過程中很重要，在網站優化中也起到了關鍵作用。那麼一個優質的網站首頁該怎麼樣設計呢？一個震撼的網站首頁用什麼設計呢？

網站首頁無論是放在網站設計，還是網站建設和網站優化中都是首要針對的步驟。不管是企業網站、個人網站，還是商城網站、分銷網站。網站首頁都要足夠精緻、獨特、設計風格鮮明，這樣才能讓瀏覽的用戶視覺上的沖刺，從而可以觸發用戶的消費慾望或者繼續瀏覽的念頭。

Ⅲ 網頁設計前端和後端的區別越詳細越好。

前端來開發和後台開發是有區別的，工源作的內容和負責的東西是完全的不同的，以下以網站的開發為例。

1、前端開發
前端開發現在一般指的就是web前端開發工程師，其負責是網站前端頁面也就是網頁的頁面開發，簡單的說網站前端負責是東西是網站用戶可見的東西，如網頁上的特效、網頁的布局、圖片、視頻等內容。網站前端工程師的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁，並和後端開發工程師配合做網頁的數據顯示和交互。

2、後端開發
後端開發一般也叫做後台，其負責是網站後台邏輯的設計和實現還有用戶及網站的數據的保存和讀取。比如一般網站都是有用戶注冊和登錄的，用戶的注冊的信息通過前端發送給後端，後端將其保存在資料庫中，用戶登錄網站的時候，後端需要通過用戶輸入的用戶名和密碼是否與資料庫中的一致來判斷用戶是否有許可權登錄，這是後台開發中的一個最簡單的功能。

Ⅳ 如何實現前端頁面的設計

他這個就是一個下拉框

Ⅳ 求一個前端頁面的設計思路，什麼種類都可以，(只要是正常的)

謝邀，上面已經有非常多優秀的練手項目了，在此推薦 6 款有價值的 Java WEB 應用開發工具，希望對題主的深入學習有所幫助，也供大家一起交流。

Ⅵ 一般前端頁面一個小型網站要幾個人做

做個網站需要一個寫html的，後台程序猿一個，如果某個人前端也會，後台也會，一個人就夠了，就像我一樣

Ⅶ 如何做一個小型網頁

怎樣製作網頁
現在市面上的有許多製作網頁的工具，office中也有一個專門作網頁的工具FrontPage ，其操作與word相似，比較容易上手。下面以FrontPage 2000 為例，介紹網頁製作的基本知識。
如何打開FrontPage了解主界面
單擊任務欄「開始」按鈕，選擇「程序」選項，單擊FrontPage就可以進入。

進入後你會發現PRONTPAGE界面和WORD很相似[圖一]，這是因為編輯WEB頁面和編輯WORD文檔有很多同樣的設置，這些設置所用的圖標和WORD中的是一樣的。

[圖一]ProntPage2000 界面

視圖中的組框是用來切換視圖的，單擊裡面的小圖標就可以切換到不同的視圖。FRONTPAGE共有6種視圖[如左]，使用不同的視圖可以從不同的側面查看設計的WEB站點。對一個WEB站點而言，不斷更新是很重要的。隨著站點的成長，維護站點的工作量會越來越大。建立站點可能很快，但是如果沒有這6種視圖的幫助，維護起來就很困難了。
這些視圖的使用不用一下就全部掌握，只要知道有這些視圖就可以了。

下面看一看同一個WEB站點在不同視圖中是怎樣顯示的。
單擊「網頁」按鈕，切換到網頁視圖，再單擊工具欄上的「文件夾列表」按鈕，窗口中增加了一個文件夾列表框[圖一]。網頁視圖是用來顯示選中的網頁的，雙擊文件夾列表中的某一個HTM文件，在最右方的工作區中就會顯示該網頁的內容。

[圖一]網頁視圖
注意，此時工作區的左下角有三個切換顯示模式的選項卡[圖二]。單擊「普通」選項卡，就切換到了普通模式。在普通模式可以編輯網頁的內容以及設置各種格式。單擊「預覽」選項卡就到了預覽模式。如果要看一看當前編輯的文件在瀏覽器中的顯示情況，就使用預覽模式，在預覽模式下，是不能編輯網頁的。單擊「HTML」，有的時候，也可以切換到HTML模式直接對網頁對應的HTML文本文件進行編輯，從而為網頁作一些特殊的設置。

[圖二]工作區的三個切換模式
文件夾視圖以列表的形式給出了當前WEB站點的文件夾和文件夾里包含的文件[圖三]。由於一個WEB站點要涉及到許多文件，因此將這些文件分類並分別放到不同的文件夾就很有必要。比如，可以把所有的圖形文件放入IMAGE文件夾。FRONTPAGE還提供了一個_PRIVATE文件夾，用來存放一些對網路瀏覽者不可見的信息。下面為當前站點再添加一個SOUND文件夾，用來存放WEB站點用到的聲音文件：選中站點的根目錄，然後單擊「文件」菜單的「新建」項，在彈出的子菜單中選擇「文件夾」命令。在輸入SOUND，新文件夾就建立好了[圖四]。

[圖三]文件列表 [圖四]文件列表
其實一個站點實際上就是一個目錄，在這個目錄下可以建立許多子目錄，並將站點的各種文件放在這些目錄里。
任務視圖里放著關於站點維護的任務列表，如果站點大到由許多人共同維護，他們就可以通過任務列表知道工作的進展情況了。
報表視圖給出了當前站點的一些統計信息。這里可以知道在站點的目錄中哪些文件被鏈接進站點了，哪些沒有。
導航視圖可以方便地組織站點中各網頁的層次關系，在本視圖中，每一個頁框代表一個網頁。如果站點設置了導航功能，就可以先在這里設置好各網頁的層次關系，然後用導航欄把這種層次關系表現出來。
超鏈接視圖是用來察看選中網頁中設置的超鏈接的。通過它可以方便地知道在網頁中設置了多少超級鏈接，以及是什麼類型的鏈接。
任務視圖里放著關於站點維護的任務列表，如果站點大到由許多人共同維護，他們就可以通過任務列表知道工作的進展情況了。
創建網頁
這一節我們討論怎樣創建頁面。
創建頁面最簡單的方法就是單擊FRONTPAGE「常用」工具欄的「新建」按鈕。它的右方有一個向下的小箭頭，它是用來選擇要新建什麼，可以用「新建」按鈕新建網頁、站點、文件夾和任務。默認狀態下是新建網頁。
如果要新建網頁，可以不用向下箭頭鍵選擇，而直接單擊「新建」按鈕。不過使用文件菜單的「新建」命令來新建網頁能夠有更大的選擇。
單擊文件菜單的「新建」命令，選擇「新建網頁」，在「新建」對話框里，可以看到FRONTPAGE提供的許多網頁模板[圖一]，我們可以用這些模板來建立相應的網頁。在右下角的預覽框里可以看到選中模板的外觀。選擇「兩欄正文」網頁，這樣就創建了一個新的分為兩欄的網頁了。然後點確定。

[圖一]新建網頁對話框
使用模板可以不用總是從空白網頁開始編輯，這樣就省力很多。
加入文字
FrontPage中對於文字與圖像的處理與word很相似，用過word的人對於FrontPage中這部分的操作很容易上手的。不過，畢竟是網頁製作軟體，在Web的基礎上，又增加了很實用的功能，也能做出復雜而且高級的網頁文字與圖像。
FrontPage中對於文字以及圖像的處理基本集中在這三個菜單欄里：編輯、插入、格式。編輯：包括用於處理文字的復制、粘貼等操作，調整網頁內容（包括文字、圖像、控制項等等）的多少以及安排。是最基礎的工具，經常使用其對應的快捷鍵。插入：用於網頁各種部件及其組成部分的創建，很多選項都能創建既復雜又實用的部件，這方面較Dreamwaver更容易被初學者接受。（圖2.1）
圖2.1
格式：對於文字的處理大多集中在這里，這里的選項是用來協調整個網頁以及整個網站的內容編制，也是個較常用到的菜單欄。（圖2.2）
圖2.2
（一）創建文字：在FrontPage中創建文字的方法大致分兩種：輸入和導入。1、新建一個網頁，之後輸入的文字就會在游標所在位置出現，根本得不能再根本的方法，說白了就是打字。只要游標能到的地方都可以正常輸入文字。2、通過【粘貼】能將之前在任何程序中復制或者剪切的文字創建到當前編輯網頁中，【編輯】菜單欄中的選項與之有關。還可以通過【插入】中【文件】的形式導入文字，包括txt、doc、htm等純文本或者包含文字的文件。（二）處理文字字體：選擇【格式】菜單欄中的【字體】選項，出現字體對話框（如圖2.3）。
圖2.3
字體：框中選擇想應用的字體。字體文件都保存在windows目錄中的fonts子目錄中，可以自行刪改添加。字形：有常規、傾斜、加粗和加粗傾斜四個選項。一般來說正文選用保持常規，加粗用於標題，傾斜則用於突出正文中的內容以及使文字美觀。字型大小：可以直接在輸入框中輸入想使用的字型大小，也可以在選項中選取。一般來說在瀏覽器中9磅和10.5磅看起來最美觀最舒服。字元間距：這個分頁中的選項是用來進行行距設置以及文字定位的。預覽：無論在【字體】中進行什麼操作，都可以在預覽框中看到樣品，方便選取合適的搭配。

Ⅷ web前端和網頁設計有什麼分別啊

web前端通常稱為軟體設計或者美工，普遍工資確實要比網頁設計高，因為軟體的收費比網頁或者網站高多了，一個網站收費過萬就算比較高了，而軟體隨隨便便就是好幾萬的，一二十萬、幾十萬甚至上百萬的都也是正常，但是網站的製作周期比較短，小點的網站通常是一兩周之內就可以完成，而軟體的周期短則幾個月、半年，長則一年幾年都有可能，像我們公司就是給政府部門做監控及統計軟體的，每個項目隨隨便便都是半年以上的製作周期。

收費嘛自然也比較高，有個項目都做了3年了，不過這個項目是個長期項目，不斷的提交又不斷的增加新功能而已。

話說回來，網頁設計和web前端其實差別並不太大，對於設計師來說兩者也就是界面模式不同而已，對於熟練的設計師來說，兩者之間可以很好的轉換，頁面/界面布局的方式其實還是一樣的，使用的也還算div+css布局。

我本人做這行已經8年了，剛開始做了2年的網頁設計，後來轉了軟體設計一直做到現在，老實說做軟體設計確實是工資高了，工作也更輕鬆了，因為做網頁的公司普遍規模都不大，為了能有收益必須大量的接單，這也勢必造成工作量很大，但是設計公司又普遍是有項目提成的，所以工資有時候反而比做軟體的高，做軟體的普遍是拿固定工資的，所以說兩者的工資水平並不是絕對的，只能說做軟體更輕松一些。

Ⅸ 優秀的網站頁面設計說起來很簡單，可具體怎麼做

額……理論知識這個東西，不懂的人的確是看不懂呀……我這說了估計還是理論知識，建議這種理論知識不要強迫自己理解， 用來學一學作為後期對別人給自己做的網站的檢查可能更好一點~

首先應該有一個設計方案，把想放在網站頁面設計上的東西做一個規劃，比如說網站的整體風格，欄目和項目的具體樣式有一個初步的規劃，定下了初稿之後，才能更好的進行下一步。這一步呢就需要你來好好思考一下了！

如果是跨國公司或者韓國本土公司，需要做韓語網站的話，還需要把相對應的項目翻譯一下，這樣才能讓網民有更高的閱讀體驗。並且這種情況建議使用三種語言，中文+該國語言+英語。


接下來就是具體的分步驟的網站頁面設計了。一般來說分三個部分，首頁，欄目頁，內容頁。那麼大部分公司網站如何製作的呢？很大一步部分的公司網站都會選擇把公司的logo放在左上角或者右上角等比較醒目的位置上。

頂部做一個導航欄，假如網頁的整體背景使用的是公司圖片的話，最好建議導航欄設計的與眾不同一點，但是不要遮擋別的信息。欄目頁，和內容頁就比較簡單，頂部底部不變，中間按照自己的需求改一下就ok了。


除了頁面布局的規劃、色彩的搭配、字體的選取需合理得當，還應合理利用標簽、靜態網頁還是動態網頁的選擇上有一個篤定的規劃。標簽建議不要太少或太長，合理地利用網頁標題、描述、關鍵字才能在同行業中具有競爭力。網頁選擇上建議選擇靜態網頁，靜態網頁更容易被搜索引擎檢索。除此之外，網頁文件名的設置也格外重要，忌設置一些復雜、深奧的文件名。


總而言之，優秀的網站頁面設計需要明確設計思路、有條不紊的欄目設置、熟悉製作流程、重視鏈接的插入、標簽的設置、文件名的命名以及獨立性、關聯性的考量。只要遵循圍繞主題進行的設計理念，才可以擁有一個適合自己公司，對公司有幫助的網站~

以上就是設計小能手redtrans_cs小姐姐的意見了~以下提供點我做的某韓國公司網站的一小部分參考~


Ⅹ 製作一個小型的Web站點

可以把這個鴻馬網站http://www.ihongma.com/頁面另存下來，專就能實現了屬！