pc端网站制作

有谁知道手机网页设计尺寸。

iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓网页的设计尺寸320dp:一个普通的手机屏幕(240X320,320×480,480X800)480dp:一个中间平板电脑像(480×800)600dp:7寸平板电脑(600×1024)720dp:10寸平板电脑(720×1280,800×1280)ipad网页的设计尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移动端的尺寸,单独的如果某一个移动的网站的尺寸是没有的,因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小,或者也通过设置,iphone执行什么尺寸,安卓情况执行什么尺寸的。

网页设计中,最小的字号应该是多少

W3C对网页最小字体并没有硬性的规定。只是我们在设计网页的时候因为考虑到可阅读性,最小一般为12px大小。1,常规文字 12px;2,标题,页头 14px、16px3,大标题,横幅等 18px

dedecms做的网站怎么生成移动端页面

dedecms建站移动化问题,从6.18织梦更新手机站后问题就解决了,下面是对网站系统做的一些升级记录(记得升级之前一定要备份,切记)以网站http://boaer.com为例:第一步:下载官方升级文件v57sp1-20150618.zip (记得升级之前一定要备份,切记)第二步:解压覆盖原来的文件。上传到服务覆盖之前的文件。第三步:对模板文件的修改。复制以前的老模板文件,分别加上一下代码:首页:<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>栏目页<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>文章页面<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/} 修改为手机站网站,例如修改成http://m.boaer.com/ 。这代码的主要含义是手机跳转到手机页面。对手机端模板修改,主要是添加统计代码,对css的一些调整,手机模板也存在于默认模板下.主要的有:header_m 顶部index_m   首页footer_m  底部index_default_m  列表页修改之后覆盖。解决验证码失效问题:直接取消验证码1、打开 login.php 找到:if($validate==” || $validate != $svali)替换为:if( false )2、在模板文件dede/templets/login.htm里去掉以下验证码的具体HTML代码:<li><span>验证码:</span>   <input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ />   <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清?点击更换” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” /></li>第四步:把二级目录变为二级域名,就可以方位手机站了。网址:http://www.boaer.com/m/ 为了更友好,可以把二级目录变为二级域名。1、解析二级域名到服务器IP。2、解决图片不显示的问题。把图片变成绝对地址改目录include下的文件extend.func.php,在最后面添加一个函数方法function replaceurl($newurl){$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);return $newurl;}另外调用文章正文内容的标签{dede:field.body/}需要改成: {dede:field.body function='replaceurl(@me)'/}此方法可以适用于任何调用绝对路径图片的页面。手机访问网站时就会自动跳转到手机站网址了。其他问题可以去DEDECMS官方论坛看看,或者百度搜索基本上都能找到答案。

用dw做的普通网页和wap网页,要怎么做才能让pc浏览器和手机浏览器自动识别并跳转呢?

  手机版网站(或者叫wap网站),是指用WML编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主。  如今:网络流量,移动流量呈上升趋势,很多领域,移动流量已经超过pc端流量。  而由于移动设备和电脑设备分辨率不同,电脑端网页和wap网页要分别制作。  如何让流览器自动识别,pc端用户,手机段用户,而自动加载相应的页面呢:  用dw打开你的主页页面,  在<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= '手机网站地址';  } else {  window.location= '电脑网站地址';  }  }  browserRedirect();  </script>  保存,通过ftp软件上传至网页空间相应位置。

关于网页制作大小与分辨率的关系

呵呵,我来回答你的问题吧。1:分辨率的问题。现在PC端大部分的网站都采用固定宽度、高度自适应、并居中的布局方法,宽度一般都是1000PX左右。这已经兼容绝大部分的分辨率了,至于极个别的分辨率的兼容性,要么舍弃掉,要么就对该分辨率重新设计一个版面。总的来说,PC端的分辨率,楼主不需要其有多大的疑虑,感觉有点太过忧虑。当你对网页制作更加深入以后,你会发现你的担心是多余的。2:你说自动铺满全屏。他没采用第一种布局方式,而是采用定位的方式布局的。3:网页在浏览器和DW软件显示有差异,你无需管网页在DW软件中的显示结果,显示结果均由浏览器显示结果为基准。因为用户使用浏览器访问你的网站。至于为什么会有差异,DW毕竟只是一个软件而不是浏览器。 那么定位的方式布局步骤是什么?我怎么设置。 用position这个属性来定位,绝大部分应该是用到的absolute;但也不一定全部,这个需要根据效果来布局的。网站不一样,方法肯定不一样。多多练习你就会知道了。~~

关于网页制作大小与分辨率的关系

呵呵,我来回答你的问题吧。1:分辨率的问题。现在PC端大部分的网站都采用固定宽度、高度自适应、并居中的布局方法,宽度一般都是1000PX左右。这已经兼容绝大部分的分辨率了,至于极个别的分辨率的兼容性,要么舍弃掉,要么就对该分辨率重新设计一个版面。总的来说,PC端的分辨率,楼主不需要其有多大的疑虑,感觉有点太过忧虑。当你对网页制作更加深入以后,你会发现你的担心是多余的。2:你说自动铺满全屏。他没采用第一种布局方式,而是采用定位的方式布局的。3:网页在浏览器和DW软件显示有差异,你无需管网页在DW软件中的显示结果,显示结果均由浏览器显示结果为基准。因为用户使用浏览器访问你的网站。至于为什么会有差异,DW毕竟只是一个软件而不是浏览器。 那么定位的方式布局步骤是什么?我怎么设置。 用position这个属性来定位,绝大部分应该是用到的absolute;但也不一定全部,这个需要根据效果来布局的。网站不一样,方法肯定不一样。多多练习你就会知道了。~~

建站需求填写

采购需求填写

采购需求

采购产品:
联系人:
* 联系电话:
公司名称:
补充说明:
* 验证码:
提交