網(wǎng)頁設(shè)計(jì)模板+
提問問題
列表
-
怎么學(xué)Axure網(wǎng)站原型設(shè)計(jì)的問題
查看答案>>
-
我有一個(gè)英文的網(wǎng)頁模版,我想把他轉(zhuǎn)換成中文的,該怎么操作?是設(shè)計(jì)HTML網(wǎng)頁,不是翻譯
查看答案>>
-
網(wǎng)頁制作的中有DWT是什么文件
查看答案>>
-
急求一份html、css、JavaScript的“個(gè)人主頁”網(wǎng)頁設(shè)計(jì)模板代碼。
查看答案>>
-
網(wǎng)頁制作中如何使用PSD模版
查看答案>>
-
什么是模板?什么是庫?模板和庫在制作網(wǎng)頁時(shí)有什么作用?
查看答案>>
-
急求一份html、css、JavaScript的“個(gè)人主頁”網(wǎng)頁設(shè)計(jì)模板代碼。
查看答案>>
-
求html網(wǎng)頁模板制作學(xué)習(xí)過程經(jīng)驗(yàn)
查看答案>>
-
現(xiàn)在主流的網(wǎng)頁設(shè)計(jì)都是用什么軟件?
查看答案>>
怎么學(xué)Axure網(wǎng)站原型設(shè)計(jì)的問題
學(xué)習(xí)axure rp可以分為以下幾個(gè)階段:一、新手級(jí):是指剛剛接觸原型設(shè)計(jì),這個(gè)時(shí)期主要是打基礎(chǔ)。先熟悉AxureRP的工作臺(tái),有哪些功能及組件,以及一些基本的操作,弄清楚每個(gè)組件是干什么用的。在新手階段,主要還是以熟悉為主,可以去網(wǎng)上找點(diǎn)前人總結(jié)的經(jīng)驗(yàn)。再者就是要自己嘗試著去用一遍里面的功能,可以做一些簡(jiǎn)單的頁面原型,可以是沒有任何交互的,也可以是帶點(diǎn)交互的。二、學(xué)徒級(jí):等到熟悉了AxureRP的所有功能之后,要開始實(shí)際應(yīng)用其去設(shè)計(jì)一般的中低保真的原型了。光知道組件怎么用了還不夠,還要配合交互事件,交互動(dòng)作,條件判斷,甚至是變量一起去實(shí)現(xiàn)某個(gè)交互的功能。如果說新手階段是打基礎(chǔ)的階段,那么這個(gè)階段其實(shí)就是一個(gè)融會(huì)貫通的過程,把所掌握的知識(shí)活學(xué)活用,真正的結(jié)合起來去實(shí)現(xiàn)一個(gè)整體的原型設(shè)計(jì)要求,這樣才能掌握AxureRP的核心功能。這個(gè)階段的學(xué)習(xí)前期主要是模仿為主,首先要能看懂別人做的原型實(shí)例,看看人家是怎么設(shè)計(jì)的,然后依樣畫葫蘆,自己動(dòng)手做一個(gè)。三、大師級(jí)AxureRP自身所帶的交互事件和動(dòng)作已經(jīng)能實(shí)現(xiàn)現(xiàn)有產(chǎn)品層面上的大部分交互效果,只要做基本上都可以用原型來實(shí)現(xiàn)。這個(gè)階段可以試著做一些實(shí)現(xiàn)起來比較困難的實(shí)例,并可以嘗試著開始做一些整站或者整體產(chǎn)品的效果,前面都大多停留在單個(gè)頁面,單個(gè)實(shí)例的原型設(shè)計(jì)上,這里就要求能完成更整體的效果,出來的是一個(gè)產(chǎn)品的完整的原型。最后要說明一下的就是,AxureRP只是一種原型設(shè)計(jì)工具而已,做交互設(shè)計(jì)最重要的還是想法,工具只是用來幫實(shí)現(xiàn)想法的。不必過于追求技術(shù),不必過于追求視覺表現(xiàn)。把握好整個(gè)產(chǎn)品方向的同時(shí),應(yīng)專注于交互流程、頁面內(nèi)交互、布局結(jié)構(gòu)的創(chuàng)新和優(yōu)化。按照上面堅(jiān)持下去,學(xué)習(xí)axure不在難!
我有一個(gè)英文的網(wǎng)頁模版,我想把他轉(zhuǎn)換成中文的,該怎么操作?是設(shè)計(jì)HTML網(wǎng)頁,不是翻譯
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">這句去掉然后用dreamvear 打開 選擇 修改---頁面屬性---標(biāo)題/編碼---再選擇簡(jiǎn)體中文編碼 ---執(zhí)行重新載入就行了
網(wǎng)頁制作的中有DWT是什么文件
dwt 文件是網(wǎng)頁模板文件(Dreamweaver Template), 在創(chuàng)建網(wǎng)站的多個(gè)網(wǎng)頁的時(shí)候,通??梢詫⒕W(wǎng)頁的共同部分創(chuàng)建成為一個(gè)模板, 然后給多個(gè)網(wǎng)頁調(diào)用, 以實(shí)現(xiàn)網(wǎng)頁代碼的重復(fù)利用· 制作模板的時(shí)候, 用戶可以自定義的模板可編輯區(qū)域和非可編輯區(qū)域, 可編輯區(qū)域?qū)⒃谡{(diào)用模板的網(wǎng)頁中再次填充代碼·dwt: 是CAD的模板文件,把圖層、標(biāo)注樣式等等都設(shè)置好后另存為DWT格式;可以根據(jù)自己的習(xí)慣保存在電腦的路徑。默認(rèn)是在CAD安裝目錄下,以后在制圖時(shí)找到DWT模板文件放置的文件夾,把剛才創(chuàng)建的DWT文件放進(jìn)去,以后使用時(shí),新建文檔時(shí)提示選擇模板文件選那個(gè)就好了,或者干脆把那個(gè)文件取名為acad.dwt(為CAD默認(rèn)模板),替換默認(rèn)模板,以后只要打開就可以了。
急求一份html、css、JavaScript的“個(gè)人主頁”網(wǎng)頁設(shè)計(jì)模板代碼。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960<!--這個(gè)模版來自[最好模版-http://BestMoban.Com],需要模版請(qǐng)?jiān)L問http://BestMoban.Com--><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>┆假想敵┆- 頹廢模板</title><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script><style type="text/css"><!--BODY { SCROLLBAR-FACE-COLOR: #3F2413; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3F2413; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #3F2413; SCROLLBAR-DARKSHADOW-COLOR: #3F2413; background-color: #FFFFFF; background-image: url(bg.jpg);}--></style></head> <body><div id="Layer1" style="position:absolute; width:1000px; height:628px; z-index:1; left: 0px; top: 0px;"> <div align="center"> <p> </p> <p> </p> <p> </p> <p> </p> <p><img src="1.jpg" width="650" height="400" border="0" usemap="#Map2"> <map name="Map2"> <area shape="rect" coords="321,379,490,399" >http://www.mb8.cn</a></span>
網(wǎng)頁制作中如何使用PSD模版
其實(shí)標(biāo)準(zhǔn)的網(wǎng)制作完成的工作實(shí)際是:psd to html,一般情況下,我們會(huì)拿到美工的psd,這時(shí)候不同的人會(huì)有不同的做法: 1.打開fireworks將圖片切割導(dǎo)出為html。 2.直接在dreamweaver之類的工具去拖拉布局,導(dǎo)入相關(guān)的圖片,flash資源。 3.先在ps中完成切圖后,在文本編輯器中看著效果圖一步步的制作。 以上是大多被采用的方法,但都不好: 第一種方法最為不好,這樣的代碼根本不具維護(hù)性和可讀性。 第二種方法也不好,代碼難免會(huì)有冗余,做出來的東西基本需要排查一遍。 第三種方法也不好,因?yàn)槟阈枰葱Ч麍D一點(diǎn)點(diǎn)的拼,也就是說寫html標(biāo)簽的時(shí)候,你在不斷的假設(shè)這塊要怎么去顯示。 正確的做法是: 1.拿到psd后,先不要做別的,直接在文本編輯器中將網(wǎng)頁的框架寫出來,不要假設(shè)這塊將來css要去怎么渲染,完全自然化的標(biāo)簽,不加任何的css。 2.寫完之后在各個(gè)瀏覽器運(yùn)行之后確保大體定位都沒有問題。 3.書寫總體css,這里的css只負(fù)責(zé)大塊的定位及樣式。 4.切出需要的圖片資源,在寫好的框架中一點(diǎn)點(diǎn)的去構(gòu)造,不斷的調(diào)試,最終為成品。 5.最后,為自己的代碼添加注釋,在css,html中都要合適的為自己的代碼添加注釋。 要想做出能靈活切換皮膚,讓css主導(dǎo)表現(xiàn),還有很多要注意的地方,但大體的流程就是這樣的,當(dāng)然我們一開始不能直接就做到先寫html,但起碼要有這個(gè)意識(shí),循序漸進(jìn)。。。謝謝熱心會(huì)員"linxz"提供實(shí)際經(jīng)驗(yàn),我貼上來供大家參考:PSD出網(wǎng)站從兩個(gè)大點(diǎn)考慮一、一個(gè)獨(dú)立的頁面1、分析這個(gè)頁面,先在腦袋中或者草稿紙上描繪大概的結(jié)構(gòu)2、根據(jù)設(shè)計(jì)稿的的情況,分析背景圖的分布、ICO圖的分布等3、切割相應(yīng)的圖片,導(dǎo)出、合并圖片4、在編輯器中寫整體結(jié)構(gòu)XHTML代碼,包括頁面中出現(xiàn)的所有元素的結(jié)構(gòu)5、編寫CSS樣式中的整體以及模塊代碼6、細(xì)節(jié)調(diào)整7、收工,瀏覽器驗(yàn)證是否正確二、由多個(gè)頁面組成的小站點(diǎn)或者大站點(diǎn)1、瀏覽所有設(shè)計(jì)稿,統(tǒng)一規(guī)劃站點(diǎn)模塊、圖片、文件分布2、開始第一點(diǎn)的操作,但規(guī)劃站點(diǎn)的內(nèi)容分布很重要整體考慮點(diǎn):圖片的合并,減少請(qǐng)求量結(jié)構(gòu)的合理性,語義化樣式的簡(jiǎn)潔,便于后期維護(hù)多為后期的維護(hù)以及程序開發(fā)著想,如何簡(jiǎn)單實(shí)現(xiàn)效果
參考資料:
http://www.wzsky.net/html/Website/Experience/107671.html
什么是模板?什么是庫?模板和庫在制作網(wǎng)頁時(shí)有什么作用?
模板只別人設(shè)計(jì)制作好的html文件,也可能包括psd文件,可以直接拿過來用,修改一下,變成你自己的東西,如果是DW里的模版的話,那就是你制作好的一個(gè)html頁面,設(shè)置成模板后,可以直接在其他有相同內(nèi)容的頁面里進(jìn)行調(diào)用,這樣做的好處是,修改一個(gè)模板文件,然后所有調(diào)用過此模版的文件都可以修改過來.
庫的定義一般是:資料庫 資源庫 素材庫,就是你平時(shí)積累的素材,可以放到固定的,自己定義的庫里去,下次用的時(shí)候很方便的就能找到,比如你有個(gè)圖片的素材庫,庫可以在軟件里進(jìn)行操作,是個(gè)單獨(dú)的文件集合.比如flash里的庫,就是放一些圖片素材,元件,影片剪輯之類的東西.
急求一份html、css、JavaScript的“個(gè)人主頁”網(wǎng)頁設(shè)計(jì)模板代碼。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960<!--這個(gè)模版來自[最好模版-http://BestMoban.Com],需要模版請(qǐng)?jiān)L問http://BestMoban.Com--><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>┆假想敵┆- 頹廢模板</title><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script><style type="text/css"><!--BODY { SCROLLBAR-FACE-COLOR: #3F2413; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3F2413; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #3F2413; SCROLLBAR-DARKSHADOW-COLOR: #3F2413; background-color: #FFFFFF; background-image: url(bg.jpg);}--></style></head> <body><div id="Layer1" style="position:absolute; width:1000px; height:628px; z-index:1; left: 0px; top: 0px;"> <div align="center"> <p> </p> <p> </p> <p> </p> <p> </p> <p><img src="1.jpg" width="650" height="400" border="0" usemap="#Map2"> <map name="Map2"> <area shape="rect" coords="321,379,490,399" >http://www.mb8.cn</a></span>
求html網(wǎng)頁模板制作學(xué)習(xí)過程經(jīng)驗(yàn)
學(xué)得差不多了是什么程度? 我給你舉一個(gè)實(shí)例吧 首先 這個(gè)網(wǎng)站 布局 就是分塊 你能分出來不 如果能 你的 div+css 關(guān)于布局這塊沒問題然后 每一個(gè)模塊中的css 能夠模仿出來不 如果能 那么 css沒問題然后 就是特效了 特效有點(diǎn)難度 要從簡(jiǎn)單上手 因?yàn)? js 是緊緊關(guān)聯(lián)著 div+css的 但又要求一定的邏輯能力 所以 如果你學(xué)過別的 編程語言稍微好點(diǎn) 建議你 這樣學(xué) 單純的做效果 就是先不要綜合使用 就單js特效 比如定時(shí)切換 比如 懸浮切換選項(xiàng)卡 之類的 都熟練以后 就好了 關(guān)于 jq jquery的最大特點(diǎn)在于定位方便 想知道入門了沒有 很簡(jiǎn)單 任意結(jié)構(gòu) 能夠用 $("xxx").mouseove(function(){alert("1")}) 定位 并測(cè)試成功 以上的這些 步驟 也是實(shí)際開發(fā)一個(gè) 前臺(tái)頁面的步驟
您在學(xué)的時(shí)候有沒有模仿其他人的模板呀(或者完整的模仿其他人的模板,和他做的一摸一樣)我在學(xué)模仿他人的模板,這樣學(xué)是不是有點(diǎn)走偏了????????; 單獨(dú)的一個(gè)別人寫過方法的jq腳本 會(huì)用,但在模仿其他人的完整的模板時(shí),找不清楚他人的jq怎么用的,尤其是在《模仿他人完整的網(wǎng)頁模板》時(shí),一個(gè)header的腳本內(nèi)容我都搞不出來。學(xué)的有點(diǎn)鬧心了: (
那絕對(duì)沒走偏 因?yàn)橹挥邢饶7? 才知道基本的套路 你想再創(chuàng)新 才有一定的基礎(chǔ) 現(xiàn)在能被廣泛應(yīng)用的肯定是 經(jīng)典的 要學(xué)習(xí)的 另外 整體項(xiàng)目的時(shí)候 就要一個(gè)個(gè)去分析 把大的js特效拆成小的 不過有些實(shí)現(xiàn)不了的 可能是腳本 這點(diǎn)你自己注意
現(xiàn)在主流的網(wǎng)頁設(shè)計(jì)都是用什么軟件?
網(wǎng)頁設(shè)計(jì),不知道你是單純的設(shè)計(jì)還是設(shè)計(jì)加制作。現(xiàn)在來說,設(shè)計(jì)軟件越來越多,可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客:Dreamweaver、firework、flash?,F(xiàn)在來說,個(gè)人還是喜歡:設(shè)計(jì)類:Photoshop(數(shù)字)、illustrator(矢量)、flash(動(dòng)畫)。網(wǎng)頁編程類:Dreamweaver(html+div+css)myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。
熱門問答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些