html網(wǎng)頁(yè)制作
提問(wèn)問(wèn)題
列表
-
ps圖片如何生成html
查看答案>>
-
誰(shuí)有網(wǎng)頁(yè)制作模板?。亢?jiǎn)單的div+css的?急求~最好是個(gè)人風(fēng)采展示或自我介紹一類(lèi)的
查看答案>>
-
怎樣修改免費(fèi)網(wǎng)頁(yè)模板里的內(nèi)容?
查看答案>>
-
Dreamweaver靜態(tài)網(wǎng)頁(yè)制作步驟有哪些?
查看答案>>
-
如何用只用html 制作圖片輪播效果?
查看答案>>
-
有哪些不用編寫(xiě)代碼就能輕松制作生成HTML5頁(yè)面的工具
查看答案>>
-
網(wǎng)頁(yè)模板怎么使用?
查看答案>>
-
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)步驟
查看答案>>
-
怎么制作html5手機(jī)頁(yè)面?
查看答案>>
-
html是什么意思
查看答案>>
ps圖片如何生成html
其實(shí)ps有很多功能是你沒(méi)有用過(guò)的哦,你是不是還在羨慕別人可以寫(xiě)出一個(gè)簡(jiǎn)單html靜態(tài)頁(yè),別羨慕啦,看完這個(gè),你也可以寫(xiě)簡(jiǎn)單的頁(yè)面啦!打開(kāi)ps軟件,選中你要轉(zhuǎn)換成html靜態(tài)頁(yè)的圖片,這邊我就以百度經(jīng)驗(yàn)的頁(yè)面為例!打開(kāi)百度經(jīng)驗(yàn)頁(yè)面的保存為一張圖片;看清楚是圖片是jpg的;用ps打開(kāi)這張圖片;html靜態(tài)網(wǎng)頁(yè)一般都是圖片、文字和效果組成的,這邊主要是教你用ps生成html靜態(tài)頁(yè),就是把圖片轉(zhuǎn)換成靜態(tài)頁(yè);因?yàn)榫W(wǎng)頁(yè)為了保證網(wǎng)速都不會(huì)把圖片裁減的太大,所以這邊我就按照正常的圖片切圖片;首頁(yè)選擇“切片工具”,如果沒(méi)有就右擊工具那邊的右下角箭頭,選擇切片工具;切完圖片,下面就是見(jiàn)證奇跡的時(shí)刻啦,右擊菜單欄“文件——選擇存儲(chǔ)為web和設(shè)備所用格式”;彈出“存儲(chǔ)頁(yè)面”;點(diǎn)擊“存儲(chǔ)”;
誰(shuí)有網(wǎng)頁(yè)制作模板???簡(jiǎn)單的div+css的?急求~最好是個(gè)人風(fēng)采展示或自我介紹一類(lèi)的
一般情況下,是不會(huì)在手里留著這樣的模板,一般都是用到的時(shí)候,再去專(zhuān)門(mén)制作頁(yè)面
怎樣修改免費(fèi)網(wǎng)頁(yè)模板里的內(nèi)容?
首先,學(xué)會(huì)網(wǎng)站模板構(gòu)架找準(zhǔn)修改主題。準(zhǔn)備工作:修改網(wǎng)站模板必須要懂一些基本的技術(shù):1.HTML語(yǔ)言 2.DIV+CSS 3.圖片制作方法:Photoshop/Fireworks網(wǎng)站模板的三大構(gòu)架:1.網(wǎng)頁(yè)的HTML文件 2.CSS文件 3.圖片文件然后,學(xué)會(huì)網(wǎng)站模板可視化便捷修改思路??梢暬庉嬈髦邪艘粋€(gè)編輯模板的輔助接口,但為了要讓這個(gè)界面更加有用,接口需要向用戶顯示關(guān)于每個(gè)模板的特定信息,例如模板目的地簡(jiǎn)要說(shuō)明,以及其中個(gè)參數(shù)的意義等。這些信息即是通過(guò)模板數(shù)據(jù)提供。一般情況默認(rèn)的網(wǎng)頁(yè)模板路徑是系統(tǒng)自帶的標(biāo)簽,將HTML文件放入Dreamweaver里時(shí)會(huì)是一推的代碼,修改下CSS和圖片路徑,就可將程序模板轉(zhuǎn)換為可視化界面。最后,學(xué)會(huì)修改網(wǎng)站模板圖片替換獨(dú)特風(fēng)格??蚣軜?gòu)建好后,Logo和Banner等相關(guān)圖片,就是需要做的工作。對(duì)于修改網(wǎng)站模板中的圖片推薦使用Fireworks,因?yàn)槠洳粌H可以打開(kāi)圖片源文件,還可以打開(kāi)PSD源文件,而photoshop無(wú)法打開(kāi)PSD源文件。如遇到未提供源文件的模板,比如修改logo,無(wú)論是JPG格式還是其他格式,都建議用Fireworks打開(kāi),在原基礎(chǔ)上進(jìn)行修改,保存后即可看到效果,加上一些PS的技巧,就沒(méi)有任何問(wèn)題了。
Dreamweaver靜態(tài)網(wǎng)頁(yè)制作步驟有哪些?
1、在Dreamveaver中“文件—新建—常規(guī)—基本頁(yè)—HTML”,這就建好了一個(gè)頁(yè)面,英文版的默認(rèn)為文件名untitled.htm。中文版的默認(rèn)為文件名“無(wú)標(biāo)題文檔”。htm表示的是這個(gè)網(wǎng)頁(yè)文件是一個(gè)靜態(tài)的HTML文件??梢越o它改名為index.htm。2、在標(biāo)題空格那里輸入網(wǎng)頁(yè)的名稱,點(diǎn)擊—頁(yè)面屬性,打開(kāi)這個(gè)窗口后在這里可以設(shè)置網(wǎng)站標(biāo)題、背景顏色還有背景圖像,超級(jí)鏈接顏色,其他都保持默認(rèn)值就可以了。3.這個(gè)時(shí)候光標(biāo)在左上角,你可以輸入一句話,如“歡迎大家來(lái)到我的主頁(yè)”,用文字,用菜單“窗口/屬性”打開(kāi)屬性面板,取文字的大小,再把文字設(shè)置為居中,然后在文字的前面敲幾下回車(chē)就位于頁(yè)面中間了。4.要選取字體,即選擇字體中的最后一項(xiàng):即編輯字體列表。然后在對(duì)話框中選+號(hào),接著在“可用字體”欄中選擇需要加入到字體,點(diǎn)擊中間的按鈕就可以加入了。
如何用只用html 制作圖片輪播效果?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""><html xmlns="" xml:lang="zh" lang="zh"><head><title>完全利用CSS實(shí)現(xiàn)圖片切換特效_網(wǎng)頁(yè)代碼站()</title><meta http-equiv="content-type" content="text/html;charset=gb2312" /><style> dl { position:absolute;width:240px;height:170px;border:10px solid #eee; } dd { margin:0;width:240px;height:170px;overflow:hidden; } img { border:1px solid black } dt { position:absolute;right:3px;top:50px; } a { display:block;margin:1px;width:20px;height:20px;text-align:center;font:700 12px/20px "宋體",sans-serif;color:#fff;text-decoration:none;background:#666;border:1px solid #fff;filter:alpha(opacity=40);opacity:.4; } a:hover {background:#000}</style></head> <body> <dl$amp;>amp;$lt;dt$amp;>amp;$lt;a #a" title="">1</a> <a #b" title="">2</a> <a #c" title="">3</a> </dt> <dd$amp;>amp;$lt;img src="" alt="" id="a" /> <img src="" alt="" id="b" /> <img src="" alt="" id="c" /> </dd> </dl></body></html>
有哪些不用編寫(xiě)代碼就能輕松制作生成HTML5頁(yè)面的工具
HTML5頁(yè)面制作工具,大體分為兩類(lèi):基于HTML5的網(wǎng)站工具和手機(jī)APP工具(當(dāng)然還有一些其他的,例如基于微信公眾號(hào)的等,下面也會(huì)介紹)?! ∠瓤偟恼f(shuō)一下個(gè)人感受1.基于HTML5的工具網(wǎng)站:功能較強(qiáng)大,單頁(yè)面的操作性較強(qiáng),可完成各種頁(yè)面交互效果;但是某些時(shí)候會(huì)有操作“失靈”的現(xiàn)象,如上傳圖片失敗,點(diǎn)擊保存失敗,生成失敗等。原因你懂得~2.手機(jī)工具APP:相比起工具網(wǎng)站來(lái)講,顯得比較順手,有大量模板套用,制作簡(jiǎn)單快捷;但是拘泥于現(xiàn)有的模板,使得單頁(yè)面不會(huì)有較大的可操作空間,從而無(wú)法實(shí)現(xiàn)DIY交互效果?! ∠旅嬲归_(kāi)說(shuō)下每個(gè)使用過(guò)的工具吧基于HTML5的工具網(wǎng)站:【兔展】 優(yōu)點(diǎn):頁(yè)面DIY程度較高,動(dòng)效實(shí)現(xiàn)起來(lái)也簡(jiǎn)易方便,可制作比較任性的H5頁(yè)面。缺點(diǎn):屏幕界面大小不可調(diào)節(jié),上傳的圖會(huì)比例失調(diào);生成后到各尺寸屏上頁(yè)面會(huì)存在拉伸現(xiàn)象。(此圖意在說(shuō)明上傳的圖片的尺寸都是網(wǎng)站自己默認(rèn)的一個(gè)尺寸,不是圖片本身的尺寸,不利于使用者調(diào)整)【MAKA.im】 可以具體編輯,單頁(yè)操作性較高,有新手(有模板)和高階(無(wú)模板)兩種編輯模式;翻頁(yè)效果比兔展多,模板也更強(qiáng)大一些?!揪痈呋?dòng)刊】 優(yōu)點(diǎn):最簡(jiǎn)單易上手的工具之一,根據(jù)提示一步一步的添加,共4步,最后生成微雜志。相比其他在線工具,較穩(wěn)定。缺點(diǎn):目前沒(méi)試通制作單頁(yè)上的交互效果,沒(méi)找到開(kāi)啟pro功能的入口?!続NIMATRON】 優(yōu)點(diǎn):像flash的在線版,功能強(qiáng)大,可以創(chuàng)建HTML5動(dòng)畫(huà)。適合有動(dòng)畫(huà)基礎(chǔ)的人做演示制作。缺點(diǎn):需要?jiǎng)赢?huà)制作基礎(chǔ);工作界面響應(yīng)時(shí)間長(zhǎng);貌似只能分享到twitter、Facebook、google+、tumblr?【iSpring 7】 噱頭是PPT轉(zhuǎn)HTML5工具,完美與PPT兼容,可制作Html5移動(dòng)課件。不過(guò),目前我只能連著VPN再用Safari才能打開(kāi)網(wǎng)站鏈接。【秀制作】 優(yōu)點(diǎn):版式輕松,制作快捷,寬帶穩(wěn)定。缺點(diǎn):對(duì)圖片和文字在各種屏幕上的顯示沒(méi)有做很好的適配;不能對(duì)模板中文字的編輯調(diào)整位置。手機(jī)工具APP:【初頁(yè)】?jī)?yōu)點(diǎn):模板質(zhì)量高,套用模板編輯時(shí)效率高,操作簡(jiǎn)單快捷,效果和體驗(yàn)在制作H5頁(yè)面的APP工具里面算是出類(lèi)拔萃。缺點(diǎn):?jiǎn)雾?yè)面可操作性較低,僅支持套用模板?!究煅s】快速制作邀請(qǐng)函優(yōu)點(diǎn):易上手,省時(shí)高效,便于統(tǒng)計(jì)。缺點(diǎn):頁(yè)面簡(jiǎn)陋,只能選擇固有模板創(chuàng)建文字和添加圖片?!疽灼笮恪恐行∥⑵髽I(yè)的移動(dòng)場(chǎng)景營(yíng)銷(xiāo)管家優(yōu)點(diǎn):套用模板,創(chuàng)建快捷,用來(lái)做企業(yè)介紹、產(chǎn)品推薦。擁有強(qiáng)大的推廣統(tǒng)計(jì)、客戶管理功能。嗯,這里應(yīng)該贊一個(gè)。缺點(diǎn):只能用模板,DIY程度低;統(tǒng)計(jì)數(shù)據(jù)是否準(zhǔn)確需要進(jìn)一步確認(rèn),目前看來(lái)可能有遺漏數(shù)據(jù)的現(xiàn)象(在小范圍測(cè)試中,統(tǒng)計(jì)到的數(shù)量小于應(yīng)有的數(shù)量)?!疚①N】:通過(guò)微信公眾號(hào)創(chuàng)建H5頁(yè)面優(yōu)點(diǎn):手機(jī)公眾號(hào)內(nèi)直接創(chuàng)建簡(jiǎn)單頁(yè)面,根據(jù)提示創(chuàng)建即可,無(wú)腦方便快捷。缺點(diǎn):只是單頁(yè)面展示,承載不了交互效果等特效和內(nèi)容?! 】偨Y(jié) 工具網(wǎng)站做的H5頁(yè)面,多注重單獨(dú)頁(yè)面的自定義交互方案,DIY程度高,相對(duì)來(lái)說(shuō)用時(shí)較長(zhǎng),又受制于帶寬因素,故影響操作;工具APP做的H5頁(yè)面,多注重效率,目前都是套用模板,因而對(duì)單頁(yè)面的DIY程度較低,交互效果受限。作為我個(gè)人而言,移動(dòng)互聯(lián)的新任PM,我平時(shí)常用到的是【MAKA】和【兔展】,這兩個(gè)相對(duì)來(lái)說(shuō)更適合半天時(shí)間來(lái)完成;如想快速制作展示頁(yè)面就用【初頁(yè)】,這個(gè)在功能效率與設(shè)計(jì)感方面更突出一些;組織活動(dòng)、制作邀請(qǐng)函、分發(fā)活動(dòng)通知等用【快邀約】;平時(shí)推廣新產(chǎn)品、聯(lián)絡(luò)客戶和招聘新人用【易企秀】。轉(zhuǎn)載
網(wǎng)頁(yè)模板怎么使用?
首先你要看你是什么格式的模板, 模板分為好幾種。給你看一個(gè)文檔。對(duì)你應(yīng)該有所幫助 一、關(guān)于部分模版無(wú)法使用的問(wèn)題 很多朋友反應(yīng)我站的模版下載下來(lái)卻不知道怎么使用,說(shuō)用不起來(lái),其實(shí)是大家誤解了,在這里我給大家解答下。 我站每個(gè)模版都?jí)嚎s成rar文件包,你需要先使用winrar或者zip解壓縮,如果沒(méi)有安裝解壓軟件,請(qǐng)先下載。 我站模版目前有四種類(lèi)型: 1、psd模版 2、flash模版 3、html模版 4、PNG模版 5.v5shop模板,(此模板要用在v5shop程序上才可以使用,初學(xué)者可以不用考慮這些模板。) PSD模版需要專(zhuān)業(yè)的軟件打開(kāi),不能像html模版那樣直接使用。后綴名是.psd;這種類(lèi)型的模版是最好的,也是我們重點(diǎn)推薦的。因?yàn)樗涯0嫔系脑胤譃橐粋€(gè)一個(gè)的層,設(shè)計(jì)起來(lái)十分方便。同時(shí)也可以任意切割成自己喜歡的布局!常用的打開(kāi)軟件fireworks、photoshop。 對(duì)于初學(xué)者來(lái)說(shuō),使用Html模板更簡(jiǎn)單易學(xué)一些!那個(gè)可以直接修改文字就搞定。 flash模版如果包含.fla源文件,那么打開(kāi)就需要flash軟件。 html模版就是平常的模版了,直接使用Frontpage或者Dreamwaver打開(kāi)即可,這里就不介紹了。 PNG模版的處理方法跟PSD模版類(lèi)似,推薦使用Fireworks處理。 另外,網(wǎng)站上有一些矢量素材,為AI格式,需要AdobeIllustrator才能打開(kāi)! 二、無(wú)法輸入中文,或者輸入的中文是亂碼的問(wèn)題。 這種問(wèn)題是由于編碼方式不當(dāng)造成。歐美模版都按照iso-8859-1編碼,韓國(guó)的是euc-kr。一般源碼中含有: <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> 只需把上面那句中的“euc-kr”修改成“gb2312”:即可! 對(duì)于FLASH中的亂碼問(wèn)題,這個(gè)需要用FLASH軟件修改,由于鄙人技術(shù)有限,在此無(wú)法提供幫助了。 三、模板沒(méi)有后臺(tái),不可以后臺(tái)注冊(cè)登錄,發(fā)貼問(wèn)題! 模板只是一個(gè)網(wǎng)頁(yè)的顯示頁(yè)面,要實(shí)現(xiàn)其中的調(diào)用,后臺(tái)添加刪除文章,那些是程序所能實(shí)現(xiàn)的功能,我們站主要是提供的是網(wǎng)站,網(wǎng)頁(yè)模板,程序方面請(qǐng)大家自己解決! 模板下載總地址: http://www.mbsky.com/SoftList/Catalog_172_SoftTime_Desc_1.html 相關(guān)的一些學(xué)習(xí)程序地址: http://www.mbsky.com/SoftList/Catalog_1_SoftTime_Desc_1.html
學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)步驟
首先要了解HTML(超文本設(shè)計(jì)語(yǔ)言),記住使用原理;接著用兩三天的時(shí)間學(xué)習(xí)CSS(層疊樣式表單);進(jìn)而再花些時(shí)間了解一下javascript軟件。掌握這些基礎(chǔ)性知識(shí)后,就可試著用“記事本”編寫(xiě)網(wǎng)頁(yè),在初試階段千萬(wàn)不要用那些可視化工具,如FrontPage、Dreamweaver,否則將不利于鍛煉實(shí)際能力。
怎么制作html5手機(jī)頁(yè)面?
Html5和以前html,jsp寫(xiě)法一樣的,基本上區(qū)別不大,如果要寫(xiě)手機(jī)頁(yè)面的話,可以用dw然后在里面用手機(jī)版塊看效果
html是什么意思
HTML是網(wǎng)絡(luò)的通用語(yǔ)言,一種簡(jiǎn)單、通用的全置標(biāo)記語(yǔ)言。它允許網(wǎng)頁(yè)制作人建立文本與圖片相結(jié)合的復(fù)雜頁(yè)面,這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到。html的基本語(yǔ)法是<html><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>網(wǎng)頁(yè)標(biāo)題</title> <meta name="keywords" content="關(guān)鍵字列表" /> <meta name="description" content="網(wǎng)頁(yè)描述" /> <link rel="stylesheet" type="text/css" href="" /> <style type="text/css"></style> <script type="text/javascript"></script></head><body><P>www.hxzkpcb.com</P><P>www.baidu.com</P></body></html>以上的代碼會(huì)在網(wǎng)頁(yè)中輸出www.baidu.com 等
熱門(mén)問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(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)頁(yè)制作學(xué)那些