备案老域名

侦测iPhone/iPod
        开发特定设备的移动网站,首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA,然后转向到专属的URL。
        Code:
        if((navigator.userAgent.match(/iPhone/i))|| (navigator.userAgent.match(/iPod/i))) {
        if(document.cookie.indexOf(“iphone_redirect=false”) == -1) {
        window.location = “http://www.bdky.cn”;
        }
        }
        虽然Javascript是可以在水果设备上运行的,但是用户还是可以禁用。它也会造成客户端刷新和额外的数据传输,所以下面是服务器端侦测和转向:
        Code:
        if(strstr($_SERVER['HTTP_USER_AGENT'],’iPhone’)|| strstr($_SERVER['HTTP_USER_AGENT'],’iPod’)) {
        header(‘Location: http://www.bdky.cn/iphone’);
        exit();
        }
        设置viewpoint和屏幕等宽
        如果不设置viewpoint,网站在viewpoint就会显示成缩略形式。如果你专门为iPhone/iPod开发网站,这一条很有用,而且很简单,只需要插入到head里就可以:
        Code:
        <meta name=”viewport”content=”width=device-width; initial-scale=1.0; maximum-scale=1.0;”>
        使用iPhone规格图标
        如果你的用户将你的网站添加到home screen,iPhone会使用网站的缩略图作为图标。然而你可以提供一个自己设计的图标,这样当然更好。图片是57×57大小,png格式。不需要自己做圆角和反光,系统会自动完成这些工作。然后将下面这条加入head中:
        Code:
        <rel=”apple-touch-icon”href=”images/youricon.png”/>
        阻止旋转屏幕时自动调整字体大小
        -webkit-text-size-adjust是webkit的私有css:
        Code:
        html, body, form, fieldset, p, div, h1, h2,h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
        侦测设备旋转方向
        iPhone可以在横屏状态下浏览网页,有时候你会想知道用户设备的手持状态来增强可用性和功能。下面一段Javascript可以判断出设备向哪个方向旋转,并且替换css:
        Code:
        window.onload = function initialLoad(){updateOrientation();}
        function updateOrientation(){
        var contentType = “show_”;
        switch(window.orientation){
        case 0:
        contentType += “normal”;
        break;
        case -90:
        contentType += “right”;
        break;
        case 90:
        contentType += “left”;
        break;
        case 180:
        contentType += “flipped”;
        break;
        }
        document.getElementById(“page_wrapper”).setAttribute(“class”,contentType);
         }
        iPhone才识别的CSS
        如果不想设备侦测,可以用CSS媒体查询来专为iPhone/iPod定义样式。
        Code:
        @media screen and (max-device-width: 480px){}
        CSS3媒体查询
        对于CSS3的媒体(media)查询,iPhone和iPad是不同的。通过这个技术,可以对设备不同的握持方向应用不同的样式,增强功能和体验。
        iPhone是通过屏幕最大宽度来侦测的。是这样:
        Code:
        <link rel=”stylesheet” media=”screen and(max-width: 320px)” href=”portrait.css” />
        <link rel=”stylesheet” media=”screen and (min-width: 321px)”href=”landscape.css” />
        而iPad有点不同,它直接使用了媒体查询中的orientation属性。是这样:
        Code:
        <link rel=”stylesheet” media=”screen and(orientation:portrait)” href=”portrait.css” />
        <link rel=”stylesheet” media=”screen and (orientation:landscape)”href=”landscape.css” />
        之后只要将不同的样式分别定义出来就可以了。
        缩小图片
        网站的大图通常宽度都超过480像素,如果用前面的代码限制了缩放,这些图片在iPhone版显示显然会超过屏幕。好在iPhone机能还够,我们可以用CSS让iPhone自动将大图片缩小显示。
        Code:
        @media screen and (max-device-width:480px){
        img{max-width:100%;height:auto;}
        }
        注意如果原图片非常大,或一个页面非常多图,最好还是在服务器端缩放到480像素宽,iPhone只需要在正常浏览时缩略到320像素。这样不会消耗太多流量和机能。
        默认隐藏工具栏
        iPhone的浏览器工具栏会在页面最顶端,卷动网页后才隐藏。这样在加载网页完成后显得很浪费空间,特别是横向屏幕时。我们可以让它自动卷动上去。
        Code:
        <scripttype=”application/x-javascript”>
        addEventListener(“load”, function()
        {
        setTimeout(hideAddressbar, 0);
        }, false);
        function hideAddressbar()
        {
        window.scrollTo(0, 1);
        }
        </script>
        模拟:hover伪类
        因为iPhone并没有鼠标指针,所以没有hover事件。那么CSS:hover伪类就没用了。但是iPhone有Touch事件,onTouchStart类似 onMouseOver,onTouchEnd类似 onMouseOut。所以我们可以用它来模拟hover。使用Javascript:
        Code:
        var myLinks=document.getElementsByTagName(‘a’);
        for(var i=0; i < myLinks.length; i++){
        myLinks[i].addEventListener(’touchstart’,function(){this.className=“hover”;}, false);
        myLinks[i].addEventListener(’touchend’,function(){this.className=“”;}, false);
        }
        然后用CSS增加hover效果:
        Code:
        a:hover, a.hover { /* 你的hover效果 */ }
        这样设计一个链接,感觉可以更像按钮。并且,这个模拟可以用在任何元素上。
        iphone fixed positioning
        Code:
        关于漂浮定位,测试后发现 { position: fixed; } 不能为其用,
        可以改为 { position:absolute; } 来实现,可以使用iphone看下DEMO:iphone-fixed-positioning
        Touch Events
        iPhone 是使用触屏的方式,所以就需要有手触屏和离开的时候的事件机制,幸好,iPhone做好了这方面的工作,提供了四个处理touch的事件:touchstart,touchend,touchmove,touchcancel(when the system cancels the touch) 。
        Gestures
        即是指两只手指接触屏幕的时候缩放或者旋转的效果,对于侦听gestures,iPhone也有三个事件:gesturestart,gestureend,gesturechange。
同时事件参数event有两个属性:scale,rotate。Scale的中间值是1,大于1表示放大,小于1表示缩小。

1、以浏览者的习惯为中心。
        网站的受众为外国客商,因此必须认真、详细研究外国人浏览互联网站的习惯、爱好。网站的内容、色调、风格,应当参考欧美网站的风格和内容组织形式,而不是简单地以中国人的习惯和看法,来组织面向外国客商的网站内容。外国客商一旦感觉网站不好用或者浏览不方便,下次再让其访问就会变得困难。
      可以考虑在网站初步建设完成后,请几个联系密切的客商,访问、点击公司网站,提出改进意见,并加以完善。
        2、以产品展示为中心。
        客户访问公司网站的目的,就是为了看产品,对产品感兴趣了,才会继续看公司的其他背景资料。因此,整个网站的内容组织和首页排版,都需要从客户的角度,以产品吸引客户,以产品留住客户。
      产品目录的组织方式和产品的展示方式,也要按照外国客户的浏览习惯和喜好进行。并根据公司的业务进展,实现定期或者不定期更新。另外产品图片的拍摄、处理也非常重要,要从图片效果、网页效果上吸引客户点击。再好的产品,如果照片没有处理好,也是白搭。  
        3、以方便、快捷为指导。
        一个内容简单、浏览快速的网站,在互联网是很受欢迎的。因此,除了考虑外国客商的浏览习惯外,如何提高网站的搜索、导航、栏目设置、网页编码、主机设置等方面提高网站访问的便利性,也是重点考虑的内容。总的一个原则是,让客户能够迅速找到其感兴趣的内容;让客户能够迅速打开页面内容;让网站能兼容外国客户常见的各种浏览器版本而不出现乱码。另外考虑租用国外的虚拟主机,让客户就近访问。也是一个不错的选择。  
        4、专人管理、及时更新。  
        应当指派专人,负责网站的日常维护和产品资料的定期更新。一个没有人维护、产品资料没有及时更新的网站,是没有生命力的,更谈不上对客户的吸引力。当然,应当根据公司营销策略和市场开发的最新需要,指导网站的维护和更新动作。  
        5、重视网站的网络营销。
        网站建好以后,除了日常维护更新,还应当重视网站的推销,即网络营销工作。酒香也怕巷子深。做好外贸网站的网络营销、推广,可以成为公司外贸市场营销战略的重要补充。  
        6、建立企业邮箱
        企业邮局,太重要了,大量的Email产生业务,一封都不能丢失或出其它问题。保证全球收发正常,邮件系统尽量选择国外的邮件系统。同时最好选择有中继海外服务器转发功能,大陆的邮件发不过去,还可以通过境外的服务器来转发该电邮。