如何製作一個漂亮網頁,超簡單
製作一個漂亮網頁
操作方法
(01)我們需要先製作背景圖片。也就是網頁背景那塊藍色的部分。我們需要單獨做出來。
(02)新建一個1920px*400px的檔案
(03)我們拉一個一個藍色(#506dbb)到白色的一個漸變
(04)效果圖
(05)然後我們儲存這張圖片爲gif格式這時候我們新建一個1000*800的檔案我們把網頁效果圖製作出來。這裏都是用到ps製作的。沒有寫任何代碼。這個過程我就不講了大家制作好網頁效果圖完成的時候一定要注意把網頁背景圖層刪掉,保持透明
(06)下一步我們使用切片工具。把頁面進行切片。如下圖所示注意每一個連結都要切片一下。切片工具和矩形選區工具一樣,拉一下就是一個切片爲了區分我這裏加了背景。我們一會一定要記得去掉
(07)我們再使用切片選擇工具選擇單個切片。然後右鍵
(08)我們再逐個爲切片添加連結
(09)我們現在儲存爲web所用格式
(10)我們把這裏選擇png—8
(11)儲存
(12)儲存完成後效果圖
(13)儲存完成後。會生成一個目錄和一個html檔案。我們用瀏覽器開啟這個html檔案可以看看效果。由於我們儲存時選擇的是png格式的所以看到的效果不美觀,且網頁靠左邊。我們要做的就是讓網頁有一個背景就是我們剛剛製作的藍色背景。且頁面居中爲了方便,這裏我們使用 Dreamweaver。這個軟件破解版和安裝教程問度娘要這裏就不多說。開啟 Dreamweaver介面我們新建一個站點
(14)我們先要給網頁居中。我們用Dreamweaver開啟ps生成的html檔案進入Dreamweaver的設計視圖。注意看
(15)我們用鼠標點一下最外邊的這根線。(把鼠標放在四個角上單擊一下就可以選中)選中
(16)然後把下邊的屬性設定爲居中。注意看
(17)這樣網頁就居中了。我們再添加一個背景我們先把鼠標在旁邊空白地方單擊一下,然後點擊下面的頁面屬性
(18)把背景圖片設定爲我們剛剛製作的背景圖。重複選擇no開頭的那個。其他的不用管。
(19)然後我們按ctrl+s儲存好網頁。然後即可使用瀏覽器預覽效果了
(20)ps製作網頁就是這麼簡單
特別提示
多學點東西自己娛樂還是不錯的
-
旅遊景區網站建設規劃方案
現在,隨着互聯網的興起,很多傳統線下的交易都漸漸轉移到線上來,從日常生活用品、食品、服裝到在線訂票等虛擬產品服務。據報告顯示,2016年我國在線度假市場交易規模達到962.9億元,景區網絡購票市場規模爲137.4億元,隨着全民旅遊時代的到來以及景區的互聯網化,未來在線...
-
無法定位程序輸入點 於動態連結庫上怎麼辦
很多朋友在系統軟件啓動時出現無法定位程序輸入點於動態連結庫上,提示的dll檔案也是多種多樣,那麼該怎麼去處理無法定位程序輸入點於動態連結庫上?小編給大家帶來了處理方法。操作方法(01)我們首先在網上找一下出錯的那個程序,找到目標並進入網站。(02)將下載的dll檔案...
-
怎樣使用qq空間中的共享相冊?
QQ空間個人中心裏的共享相冊主要用來與親密好友共存照片,透過它我們可以與好友進行互動,下面爲您講解一下!1、進入QQ空間的個人中心,左側列表找到共享相冊,點擊進去;2、第一次進入“親友相冊”時,彈出新手引導浮層,依次點擊“下一步”,即可看見其他功能介紹頁;...
-
AVI格式視頻怎麼轉MP4
平時工作或者是生活中,有些視頻是AVI格式的,想要將它轉換爲MP4格式,那麼AVI格式視頻怎麼轉MP4呢?操作方法(01)要轉換視頻的格式,一般可以使用第三方軟件,如格式工廠,在桌面上找到它的捷徑,開啟它。(02)開啟之後,來到如下圖所示的介面。(03)因爲是要將AVI格式的視頻轉換爲M...