網(wǎng)頁模版,個人網(wǎng)站建設入門知識

來源:站酷 作者:Becky趙 學習:23471人次

本文講述了一個靜態(tài)網(wǎng)站的設計到重構到架設全部流程,教程需要懂一點HTML代碼,沒有這個基礎的可以簡單看一下,了解別人如何把你的圖片運用到網(wǎng)站上。

我又粗現(xiàn)了,是不是被大大的驚喜了一個,哎喲我去那滿臉憤怒的表情是神馬情況,咳咳咳我知道我知道,太久沒有獻上我寶貴的節(jié)操了是不是。

www.theoat.com.cn_021Ta138-0.jpg

 

啊,嗯,閑話少敘,各位五湖四海三山五岳的好漢和姑娘們,你們真的沒被我驚喜到嗎?啊哈啊哈啊哈哈哈哈~~~啊~~~別打臉~~~

好吧,吶,休息了這么一段時間,就讓本盟主帶大家繼續(xù)八卦一下東邪DIV和西毒CSS之間那些猥瑣的事吧。來來,關門,放狗哦不,放DW。。。

www.theoat.com.cn_021T93234-1.jpg
<點圖片看大圖>www.theoat.com.cn


嘛,上次咱們折騰出了這么一個奇葩的東西,是不是感覺很慘,嗯,感覺很正確。不過沒關系啦,咱們這次就讓她“豐滿”起來。下面的童鞋有木有跟我一起想歪的,有木有有木有。

www.theoat.com.cn_021T91006-2.jpg

 

上次咱們建立了。。。嘛。。。等我數(shù)一下。。。啊是9個區(qū)域,有可能童鞋們建了678個,不過不要在意這些細節(jié),按照自己的設計來就是了。

下面按照之前說的區(qū)域,我們要把設計好的東西放進這些DIV里,正所謂切圖是也,江湖人稱最高武功秘籍《葵花寶典》,切得越深入功夫越高潮,只是錯別字而已表想多嘿嘿嘿。

在切圖前,首先得說一下其實這個功夫也有分級的,低級的部分叫做“神速一刀切”,高級的部分叫做“雕花神手”,其間難度不可同日而語,自然學成后功力也天差地別,望各位江湖好友慎重選擇。

是不是特有盟主風范,呵呵呵,呵呵呵呵呵

www.theoat.com.cn_021T94148-3.gif

 

OK,先從低級別的講起,這個簡單內容少嘎嘣脆。

先貼個我的設計稿。

www.theoat.com.cn_021T94415-4.jpg
<點圖片看大圖>


我們可以看到,區(qū)域一一對應,設計的時候我們應該要想到,做成網(wǎng)頁的時候要怎么去分區(qū)域實現(xiàn),而且能夠保證設計質量的情況下能夠盡量簡單的實現(xiàn)出來。嘛,當然對于新手來說現(xiàn)在說這個貌似然并卵,不過這很重要,請牢記,這也是為神馬設計師要學習這些鬼代碼的原因。

www.theoat.com.cn_021T9C20-5.gif

 

好的,現(xiàn)在打開你的設計稿,我們來“神速一刀切”。

在PS中,選擇“切片工具”,和剪切圖標在一個組里

www.theoat.com.cn_021T93S5-6.jpg

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
孤芳不自賞2019-01-21 12:58
太棒了
小螞蟻2018-07-20 08:11
必須支持
獅子的星空吧2017-05-28 09:49
想看看
深深的海洋2017-05-28 04:07
好復雜的趕腳

關注大神微博加入>>

網(wǎng)友求助,請回答!