pc端網(wǎng)站制作
提問問題
列表
-
有誰(shuí)知道手機(jī)網(wǎng)頁(yè)設(shè)計(jì)尺寸。
查看答案>>
-
網(wǎng)頁(yè)設(shè)計(jì)中,最小的字號(hào)應(yīng)該是多少
查看答案>>
-
dedecms做的網(wǎng)站怎么生成移動(dòng)端頁(yè)面
查看答案>>
-
用dw做的普通網(wǎng)頁(yè)和wap網(wǎng)頁(yè),要怎么做才能讓pc瀏覽器和手機(jī)瀏覽器自動(dòng)識(shí)別并跳轉(zhuǎn)呢?
查看答案>>
-
關(guān)于網(wǎng)頁(yè)制作大小與分辨率的關(guān)系
查看答案>>
-
關(guān)于網(wǎng)頁(yè)制作大小與分辨率的關(guān)系
查看答案>>
有誰(shuí)知道手機(jī)網(wǎng)頁(yè)設(shè)計(jì)尺寸。
iPhone手機(jī)網(wǎng)頁(yè)的設(shè)計(jì)尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓網(wǎng)頁(yè)的設(shè)計(jì)尺寸320dp:一個(gè)普通的手機(jī)屏幕(240X320,320×480,480X800)480dp:一個(gè)中間平板電腦像(480×800)600dp:7寸平板電腦(600×1024)720dp:10寸平板電腦(720×1280,800×1280)ipad網(wǎng)頁(yè)的設(shè)計(jì)尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移動(dòng)端的尺寸,單獨(dú)的如果某一個(gè)移動(dòng)的網(wǎng)站的尺寸是沒有的,因?yàn)橐苿?dòng)網(wǎng)站的一半情況是按照%比的尺寸 來(lái)自動(dòng)適應(yīng)屏幕的大小,或者也通過設(shè)置,iphone執(zhí)行什么尺寸,安卓情況執(zhí)行什么尺寸的。
網(wǎng)頁(yè)設(shè)計(jì)中,最小的字號(hào)應(yīng)該是多少
W3C對(duì)網(wǎng)頁(yè)最小字體并沒有硬性的規(guī)定。只是我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候因?yàn)榭紤]到可閱讀性,最小一般為12px大小。1,常規(guī)文字 12px;2,標(biāo)題,頁(yè)頭 14px、16px3,大標(biāo)題,橫幅等 18px
dedecms做的網(wǎng)站怎么生成移動(dòng)端頁(yè)面
dedecms建站移動(dòng)化問題,從6.18織夢(mèng)更新手機(jī)站后問題就解決了,下面是對(duì)網(wǎng)站系統(tǒng)做的一些升級(jí)記錄(記得升級(jí)之前一定要備份,切記)以網(wǎng)站http://boaer.com為例:第一步:下載官方升級(jí)文件v57sp1-20150618.zip (記得升級(jí)之前一定要備份,切記)第二步:解壓覆蓋原來(lái)的文件。上傳到服務(wù)覆蓋之前的文件。第三步:對(duì)模板文件的修改。復(fù)制以前的老模板文件,分別加上一下代碼:首頁(yè):<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.html"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>欄目頁(yè)<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>文章頁(yè)面<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>建議把其中的{dede:global.cfg_mobileurl/} 修改為手機(jī)站網(wǎng)站,例如修改成http://m.boaer.com/ 。這代碼的主要含義是手機(jī)跳轉(zhuǎn)到手機(jī)頁(yè)面。對(duì)手機(jī)端模板修改,主要是添加統(tǒng)計(jì)代碼,對(duì)css的一些調(diào)整,手機(jī)模板也存在于默認(rèn)模板下.主要的有:header_m 頂部index_m 首頁(yè)footer_m 底部index_default_m 列表頁(yè)修改之后覆蓋。解決驗(yàn)證碼失效問題:直接取消驗(yàn)證碼1、打開 login.php 找到:if($validate==” || $validate != $svali)替換為:if( false )2、在模板文件dede/templets/login.htm里去掉以下驗(yàn)證碼的具體HTML代碼:<li><span>驗(yàn)證碼:</span> <input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ /> <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清?點(diǎn)擊更換” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” /></li>第四步:把二級(jí)目錄變?yōu)槎?jí)域名,就可以方位手機(jī)站了。網(wǎng)址:http://www.boaer.com/m/ 為了更友好,可以把二級(jí)目錄變?yōu)槎?jí)域名。1、解析二級(jí)域名到服務(wù)器IP。2、解決圖片不顯示的問題。把圖片變成絕對(duì)地址改目錄include下的文件extend.func.php,在最后面添加一個(gè)函數(shù)方法function replaceurl($newurl){$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);return $newurl;}另外調(diào)用文章正文內(nèi)容的標(biāo)簽{dede:field.body/}需要改成: {dede:field.body function='replaceurl(@me)'/}此方法可以適用于任何調(diào)用絕對(duì)路徑圖片的頁(yè)面。手機(jī)訪問網(wǎng)站時(shí)就會(huì)自動(dòng)跳轉(zhuǎn)到手機(jī)站網(wǎng)址了。其他問題可以去DEDECMS官方論壇看看,或者百度搜索基本上都能找到答案。
用dw做的普通網(wǎng)頁(yè)和wap網(wǎng)頁(yè),要怎么做才能讓pc瀏覽器和手機(jī)瀏覽器自動(dòng)識(shí)別并跳轉(zhuǎn)呢?
手機(jī)版網(wǎng)站(或者叫wap網(wǎng)站),是指用WML編寫的專門用于手機(jī)瀏覽的網(wǎng)站,通常以文字信息和簡(jiǎn)單的圖片信息為主?! ∪缃瘢壕W(wǎng)絡(luò)流量,移動(dòng)流量呈上升趨勢(shì),很多領(lǐng)域,移動(dòng)流量已經(jīng)超過pc端流量。 而由于移動(dòng)設(shè)備和電腦設(shè)備分辨率不同,電腦端網(wǎng)頁(yè)和wap網(wǎng)頁(yè)要分別制作?! ∪绾巫屃饔[器自動(dòng)識(shí)別,pc端用戶,手機(jī)段用戶,而自動(dòng)加載相應(yīng)的頁(yè)面呢: 用dw打開你的主頁(yè)頁(yè)面, 在<head></head>之間加上如下代碼: <script type="text/javascript"> function browserRedirect() { var sUserAgent= navigator.userAgent.toLowerCase(); var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp= sUserAgent.match(/midp/i) == "midp"; var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid= sUserAgent.match(/android/i) == "android"; var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { window.location.href= '手機(jī)網(wǎng)站地址'; } else { window.location= '電腦網(wǎng)站地址'; } } browserRedirect(); </script> 保存,通過ftp軟件上傳至網(wǎng)頁(yè)空間相應(yīng)位置。
關(guān)于網(wǎng)頁(yè)制作大小與分辨率的關(guān)系
呵呵,我來(lái)回答你的問題吧。1:分辨率的問題?,F(xiàn)在PC端大部分的網(wǎng)站都采用固定寬度、高度自適應(yīng)、并居中的布局方法,寬度一般都是1000PX左右。這已經(jīng)兼容絕大部分的分辨率了,至于極個(gè)別的分辨率的兼容性,要么舍棄掉,要么就對(duì)該分辨率重新設(shè)計(jì)一個(gè)版面??偟膩?lái)說(shuō),PC端的分辨率,樓主不需要其有多大的疑慮,感覺有點(diǎn)太過憂慮。當(dāng)你對(duì)網(wǎng)頁(yè)制作更加深入以后,你會(huì)發(fā)現(xiàn)你的擔(dān)心是多余的。2:你說(shuō)自動(dòng)鋪滿全屏。他沒采用第一種布局方式,而是采用定位的方式布局的。3:網(wǎng)頁(yè)在瀏覽器和DW軟件顯示有差異,你無(wú)需管網(wǎng)頁(yè)在DW軟件中的顯示結(jié)果,顯示結(jié)果均由瀏覽器顯示結(jié)果為基準(zhǔn)。因?yàn)橛脩羰褂脼g覽器訪問你的網(wǎng)站。至于為什么會(huì)有差異,DW畢竟只是一個(gè)軟件而不是瀏覽器。
那么定位的方式布局步驟是什么?我怎么設(shè)置。
用position這個(gè)屬性來(lái)定位,絕大部分應(yīng)該是用到的absolute;但也不一定全部,這個(gè)需要根據(jù)效果來(lái)布局的。網(wǎng)站不一樣,方法肯定不一樣。多多練習(xí)你就會(huì)知道了。~~
關(guān)于網(wǎng)頁(yè)制作大小與分辨率的關(guān)系
呵呵,我來(lái)回答你的問題吧。1:分辨率的問題。現(xiàn)在PC端大部分的網(wǎng)站都采用固定寬度、高度自適應(yīng)、并居中的布局方法,寬度一般都是1000PX左右。這已經(jīng)兼容絕大部分的分辨率了,至于極個(gè)別的分辨率的兼容性,要么舍棄掉,要么就對(duì)該分辨率重新設(shè)計(jì)一個(gè)版面??偟膩?lái)說(shuō),PC端的分辨率,樓主不需要其有多大的疑慮,感覺有點(diǎn)太過憂慮。當(dāng)你對(duì)網(wǎng)頁(yè)制作更加深入以后,你會(huì)發(fā)現(xiàn)你的擔(dān)心是多余的。2:你說(shuō)自動(dòng)鋪滿全屏。他沒采用第一種布局方式,而是采用定位的方式布局的。3:網(wǎng)頁(yè)在瀏覽器和DW軟件顯示有差異,你無(wú)需管網(wǎng)頁(yè)在DW軟件中的顯示結(jié)果,顯示結(jié)果均由瀏覽器顯示結(jié)果為基準(zhǔn)。因?yàn)橛脩羰褂脼g覽器訪問你的網(wǎng)站。至于為什么會(huì)有差異,DW畢竟只是一個(gè)軟件而不是瀏覽器。
那么定位的方式布局步驟是什么?我怎么設(shè)置。
用position這個(gè)屬性來(lái)定位,絕大部分應(yīng)該是用到的absolute;但也不一定全部,這個(gè)需要根據(jù)效果來(lái)布局的。網(wǎng)站不一樣,方法肯定不一樣。多多練習(xí)你就會(huì)知道了。~~
熱門問答
- 模版還是模板
- 免費(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é)那些