網頁設計製作

㈠ 網頁前端製作和後端製作的區別

前端
Web應用按照客戶-服務體系結構分類為分布式應用。所以我們的代碼有一部分運行於客戶端，還有一部分運行於服務端。運行於客戶端部分的應用（大多數情況下，客戶端是指我們的Web瀏覽器）被成為前端。最常見的用於前端開發的技術組合是HTML+CSS+JavaScript，設計人員通常使用這些技術開發專業知識來創建Web應用的前端。HTML這個超文本標記語言，主要用來展示一些文本、圖片、表格、鏈接等；其次是CSS——層疊樣式表，CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化；最後一門重要的技術叫做JavaScript——腳本語言，常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。
後端
後端一般指的就是我們網站的伺服器程序，他們決定了我們網站的運行邏輯，業務核心，我們通過它來處理業務，操作資料庫。後端開發者編寫運行於伺服器上的代碼。通常情況下，這部分工作需要為讀/寫數據、讀/寫文件、製作業務邏輯等連接資料庫。有些情況下，業務邏輯是駐留在客戶端的，這時客戶端通常以Web服務的形式被用以服務來自資料庫的數據。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。後端入門稍困難，每天關注的是業務邏輯的處理，數據的增刪改查、性能的優化。對應jsp、javaBean 、層、action層和service層的業務邏輯代碼。（包括資料庫）

㈡ 網頁製作步驟有哪些

第一步、在製作一個網頁的時候，會用到代碼，如果是自己會寫的話就可以直接用記事本就能夠做出網頁了，如果要是不會寫代碼的話可以先在電腦里安裝上的網頁里製作，目前比較流行的網頁製作軟體有很多，最好的是Macromedia Dreamweaver這個軟體是目前為止製作網頁方便的軟體中功能強大的，也可以安裝其他的軟體製作，最好是選擇功能強大又方便的軟體進行網頁製作。
第二步、要在電腦中選擇出一個盤來，這個盤用來新建一個存放的網頁文件夾，但是這里要注意的是不要選擇使用c盤，新建了一個文件夾以後，文件夾的名字是可以隨便取的，因為只是存一下這個新建的網頁，名字什麼的不是特別的重要，然後完成了以後在存放的網頁的文件夾裡面再建立幾個文件夾，方便後期的使用，可以建立圖片文件夾，聲音文件夾，視頻文件夾，等等一些根據自己需要進行建立。
第三步、打開網頁製作軟體，新建一個站點，新建站點步驟按系統提示操作。新建主頁、布局主頁、製作導航欄、添加欄目，輸入想要的內容。在製作子頁，並與主頁導航欄欄目鏈接。製作完成後打開主頁進行一個全面的預覽，有不好的地方進行修改完善。如果要想網頁漂亮且有個性，就需要圖像、動畫等元素來裝飾。

㈢ 如何製作HTML頁面

1、首先我們需要在桌面上，新建一張記事本

㈣ 製作網頁可以用什麼軟體

製作網頁可以用如下軟體：

1、Coolsite360。特點有可復制模板，更可任性DIY，無需編回程，在線創建，自動答適配桌面及移動端。

2、Adobe Dreamweaver。簡稱「DW」，中文名稱 "夢想編織者"，最初為美國MACROMEDIA公司開發，2005年被Adobe公司收購。

3、Flash。是由macromedia公司推出的互動式矢量圖和 Web 動畫的標准，由Adobe公司收購。做Flash動畫的人被稱之為閃客。

4、Fireworks。是由Macromedia推出的一款網頁作圖軟體，軟體可以加速 Web 設計與開發， 是一款創建與優化 Web 圖像和快速構建網站與 Web 界面原型的理想工具。

5、Frontpage。Frontpage，是微軟公司出品的一款網頁製作入門級軟體。FrontPage使用方便簡單，會用Word 就能做網頁，因此相對Dreamweaver等軟體更容易上手。

㈤ 網頁設計製作流程是什麼樣的

網頁設計的兩大要點是：整體風格和色彩搭配。
確定網站整體風格
在這里，我提供給內大家一些參容考經驗：
1．將你的標志logo，盡可能的放在每個頁面上最突出的位置。
2．突出你的標准色彩。
3．總結一句能反映貴站精髓的宣傳標語！
4．相同類型的圖像採用相同效果，比如說標題字都採用陰影效果，那麼在網站中出現的所有標題字的陰影效果的設置應該是完全一致的！

㈥ 製作網頁一般用什麼軟體啊

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，並能在預覽模式中以正常速度觀看。

㈦ 網頁設計製作詳細流程

分析如下：

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

(7)網頁設計製作擴展閱讀：

網頁設計

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

風格

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

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

色彩搭配

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

網頁配色小技巧：

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

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

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

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

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

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