建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
如何用PS來(lái)設(shè)計(jì)簡(jiǎn)單的網(wǎng)頁(yè)？
用PS做出一張大圖片，為了能夠快速下載，必須作成切片，然后導(dǎo)出為網(wǎng)頁(yè)！程序自動(dòng)保存圖片！做好的方法是：用PS做素材，用Macromedia Dreamweaver 8作網(wǎng)頁(yè)！畢竟后者才是做網(wǎng)頁(yè)的首選利器！PS只是美化網(wǎng)頁(yè)！
設(shè)計(jì)師可以去哪里找素材？
要說(shuō)值得推薦的設(shè)計(jì)網(wǎng)站，在我看來(lái)一定要同時(shí)具備以下幾個(gè)功能：設(shè)計(jì)感強(qiáng)，直出作品圖質(zhì)量高，操作簡(jiǎn)單快捷，如果還免費(fèi)使用當(dāng)然最好啦。
推薦幾個(gè)不錯(cuò)的平面設(shè)計(jì)網(wǎng)站吧~
一、大師助手(這是我一直在用的一個(gè)網(wǎng)站，看我把它放在第一位，就知道它在我心目中的地位了，這是全網(wǎng)唯一一個(gè)可以免費(fèi)登錄pinterest和behance的網(wǎng)站）
網(wǎng)址：
大師助手是全網(wǎng)唯一免費(fèi)快速登錄國(guó)外優(yōu)秀設(shè)計(jì)網(wǎng)站的工具，內(nèi)容涵蓋平面設(shè)計(jì)、工業(yè)設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、CG、設(shè)計(jì)教程、環(huán)藝設(shè)計(jì)、藝術(shù)、素材等。經(jīng)常看看別人的優(yōu)秀設(shè)計(jì)作品，也可以提高自己的設(shè)計(jì)水平哦。
二、ibaotu（包圖網(wǎng)）
網(wǎng)址：www.ibaotu.cn
ibaotu是一個(gè)專(zhuān)注原創(chuàng)商用設(shè)計(jì)模板的網(wǎng)站，有廣告設(shè)計(jì)、UI、電商淘寶、辦公文檔、插畫(huà)、配圖等，每一張?jiān)O(shè)計(jì)圖質(zhì)量都很高，專(zhuān)業(yè)性強(qiáng)，非常適合職場(chǎng)和有關(guān)專(zhuān)業(yè)的學(xué)生使用。
除了平面設(shè)計(jì)模板，還有視頻片頭封面、配樂(lè)等素材可以直接套用。
三、gaoding（稿定設(shè)計(jì)）
網(wǎng)址：www.gaoding.com
gaoding是一款專(zhuān)業(yè)在線(xiàn)平面設(shè)計(jì)網(wǎng)站，直接套用現(xiàn)有模板就可以制作屬于自己的設(shè)計(jì)，模板場(chǎng)景包括ppt、海報(bào)、長(zhǎng)圖等。
四、懶設(shè)計(jì)
網(wǎng)址：www.fotor.com
懶設(shè)計(jì)是一款在線(xiàn)平面設(shè)計(jì)、圖片編輯網(wǎng)站，操作簡(jiǎn)單，模板素材豐富。直接拖放設(shè)計(jì)模板，或使用全能的修圖工具，就可以完成設(shè)計(jì)。專(zhuān)為懶人設(shè)計(jì)~
五、chuangkit（創(chuàng)客貼）
網(wǎng)址：www.chuangkit.com
一個(gè)專(zhuān)業(yè)的平面設(shè)計(jì)工具網(wǎng)站，功能強(qiáng)大、全面，操作十分簡(jiǎn)單，有超過(guò)10w+的各種場(chǎng)景模板，支持在線(xiàn)多人、多終端協(xié)作，關(guān)鍵還免費(fèi)！
即使是沒(méi)有設(shè)計(jì)基礎(chǔ)的小白，也可以借助chuangkit制作出專(zhuān)業(yè)的設(shè)計(jì)作品。
1、包括海報(bào)、ppt、新媒體圖片、簡(jiǎn)歷、名片、插畫(huà)等超過(guò)10w+的不同模板。操作簡(jiǎn)單，高效便捷，設(shè)計(jì)小白也可以做出精美設(shè)計(jì)。先找到使用的模板，再根據(jù)需求做改動(dòng)。我自己使用頻率最高的是海報(bào)、ppt和新媒體圖片。
2、免費(fèi)使用優(yōu)質(zhì)版權(quán)圖片、文字素材
現(xiàn)在版權(quán)意識(shí)越來(lái)越強(qiáng)，設(shè)計(jì)中使用的圖片、文字素材一不小心就侵權(quán)。創(chuàng)客貼提供的圖片、文字都是購(gòu)買(mǎi)了版權(quán)的，可以放心大膽使用。網(wǎng)站內(nèi)有圖片、圖標(biāo)、300多款字體，在設(shè)計(jì)過(guò)程中不用再另外下載圖片、字體，使用起來(lái)特方便~
html什么是模板文件？
HTML網(wǎng)頁(yè)模板其實(shí)就是把網(wǎng)站頁(yè)面制作模板，而網(wǎng)站頁(yè)面開(kāi)發(fā)所使用的技術(shù)是“HTML5”，這就是一個(gè)HTML網(wǎng)頁(yè)模板，網(wǎng)頁(yè)模板建站有一個(gè)好處，就是不需要我們自己去一步一步去設(shè)計(jì)網(wǎng)頁(yè)然后再到開(kāi)發(fā)網(wǎng)頁(yè)，再到去測(cè)試網(wǎng)頁(yè)等。
如果我們?cè)诰W(wǎng)上下載一個(gè)HTML網(wǎng)頁(yè)模板，我們開(kāi)發(fā)網(wǎng)站就會(huì)比較簡(jiǎn)單很多，省去了我們編寫(xiě)開(kāi)發(fā)網(wǎng)頁(yè)的步驟，這樣的話(huà)我們只需要去專(zhuān)心開(kāi)發(fā)網(wǎng)站的后臺(tái)管理系統(tǒng)就好，當(dāng)然我們也可以選擇一些專(zhuān)業(yè)的網(wǎng)站后臺(tái)管理系統(tǒng)
制作網(wǎng)頁(yè)教程？
分析如下：
1、首先下載安裝Dreamweaver，打開(kāi)后，新建一個(gè)網(wǎng)頁(yè)，一般選擇“HTML”建立網(wǎng)頁(yè)。選擇“經(jīng)典”界面，有助于我們更便捷使用這個(gè)軟件。
2、下面選擇這三個(gè)界面，代碼、拆分、設(shè)計(jì)，一般默認(rèn)設(shè)計(jì)界面，對(duì)于新手這個(gè)功能具有可視化，能更好的制作網(wǎng)頁(yè)。
3、下面我們來(lái)制作網(wǎng)站站點(diǎn)，在電腦上建一個(gè)文件作為根目錄。我們所建網(wǎng)站的所有文件和網(wǎng)頁(yè)都保存在這個(gè)文件中。站點(diǎn)的作用就是使你的網(wǎng)站網(wǎng)頁(yè)之間框架清晰。同時(shí)給站點(diǎn)起個(gè)名字。
4、然后再在站點(diǎn)根目錄下建立一個(gè)專(zhuān)門(mén)儲(chǔ)存網(wǎng)站圖片的文件，并設(shè)置默認(rèn)。這樣你添加到這個(gè)網(wǎng)站的所有圖片都自動(dòng)保存到這個(gè)文件，不會(huì)丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網(wǎng)）來(lái)介紹，點(diǎn)擊右下方籃球資訊網(wǎng)——下拉點(diǎn)擊管理站點(diǎn)——點(diǎn)擊高級(jí)設(shè)置——設(shè)置默認(rèn)圖像文件夾為剛建立的images。保存。
5、下面我們來(lái)制作這個(gè)網(wǎng)站首頁(yè)，先學(xué)習(xí)添加圖片。插入——圖像——選擇素材添加。點(diǎn)擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示范。
6、下面學(xué)習(xí)添加文本。編輯“籃球資訊網(wǎng)”，下面屬性可以設(shè)置文本字體、添加超鏈接等等，點(diǎn)擊頁(yè)面屬性，可以詳細(xì)編輯文本屬性。
7、網(wǎng)頁(yè)基本就是文字和圖片的組合，添加視頻還需要學(xué)習(xí)者好好搜索Dreamweaver 的使用視頻加以學(xué)習(xí)。最后制作完一個(gè)網(wǎng)頁(yè)要記得保存。左上角文件——保存。
8、最后我們學(xué)習(xí)添加超鏈接。我用建立的第二個(gè)網(wǎng)頁(yè)來(lái)做示范。選中籃球資訊網(wǎng)文本，點(diǎn)擊頁(yè)面下方屬性——鏈接——點(diǎn)文件小按鈕——選中第一個(gè)網(wǎng)頁(yè)，這樣籃球資訊網(wǎng)文本變成藍(lán)色。這是網(wǎng)站內(nèi)部鏈接，相反就有外部鏈接。添加如圖，一定要寫(xiě)。
9、最后我們?yōu)g覽網(wǎng)頁(yè)。左上角文件——在瀏覽器中瀏覽網(wǎng)頁(yè)，點(diǎn)擊網(wǎng)頁(yè)中兩個(gè)鏈接都能到達(dá)指定網(wǎng)頁(yè)。
當(dāng)前標(biāo)題：如何用PS來(lái)設(shè)計(jì)簡(jiǎn)單的網(wǎng)頁(yè)？（設(shè)計(jì)師可以去哪里找素材？）
網(wǎng)站網(wǎng)址：http://www.dlmjj.cn/article/cdoicge.html
