网站开发工具都有哪些?你是否也常用这些软件那
制作网页一般都用什么软件呢?记事本?notepad?DW?firework?UltraEdit?FrontPage?相信写过网页代码的人见到这些软件都不生疏,其实这些专业的软件以为,还有一些比较小巧的软件,应用起来也是很方便了,当然功能性可能会欠缺一些,比如说DW的联想功能,只需要输入一部分标签就可以出现下拉选择自己要书写的代码,但是作为辅助功能还是很好用的,下面就来讲一下。综合开发工具综合的网站开发工具几乎都是浏览器的插件,提供了许许多多的功能,例如:开关 CSS、开关 Javascript、开关 Cache:可以马上看到你的网页在浏览器中没有 CSS、没有 Javascript 或没有快取时的是长怎么样子。为什么要看没有 CSS 和 Javascript 的状况呢?一切都是为了 Accessibility 啊!检视页面中文件的 DOM 结构和指定范围的原始码。检视每个元素或 DIV 的ID、Class、目前的CSS样式(包括继承的样式),也可以将元素或 DIV 的外框显示出来。对于找出 CSS 和 Javascript 的问题十分有用。检验 HTML 和 CSS 语法是否正确、符合 W3C 的标准。因为这些工具是属于浏览器的插件,所以又分为给 IE 和 Firefox (缩写为FF) 所使用的版本,包括有:Internet Explorer Developer Toolbar (IE)Web Developer Extension (FF)Firebug (FF)HTTP 呼叫检视工具让你可以很容易看到任何由浏览器所发出的 HTTP Request 的一切细节,包括档头资讯、所传递的参数、档案大小、传输速度和时间…等等。用来观察 Ajax 呼叫的行为和排错最方便。HttpWatch (IE)Firebug (FF)原始码工具其实大部分的综合开发工具就已经有这样的提供功能,让你单独检视网页中某个区域的原始码,或是帮你检查语法的正确性,另外也有单独小巧的原始码相关工具可以使用。想要鼠标滑过去就立刻看到该范围的原始码吗?而不需要在茫茫“码“海中捞针。Instant Source (IE, 不是免费的)HTML VALIDATOR (FF)图形相关工具除了用 Photoshop、Fireworks 这类标准的大型软件来切图以外,对于平常一些简单的工作,杀机焉用牛刀呢?C
移动网站设计要注意这些
移动手机网站设计布局由于网页本身和外在的因素影响,用手机浏览网页可能会是一件比较耗时的事情。因此,将您的移动网站设计得方便使用者。比如,把所有你想让手机用户看到的最重要的信息放到页面顶部;最大限度的避免在界面的左右两侧放置导航,因为为了方便浏览,我们更多需要把页面内容设计成单一的分栏形式。也应该减少表格的使用,如果一定要加入表格,也不应超过2列,同时避免行与列的融合。由于屏幕大小的限制,很多情况下铺天盖地的菜单是不被允许的。菜单可能必须采用垂直的方式,但如果每一个单页都需要用户去向下滚动菜单才能看清所有的内容,这可能又会很不舒服。所以,一个适合移动网络营销的网站如果只有三个或者更少的链接,可以采用一直浮在可视窗口形式的菜单,在这种情况下,它恰巧可以是横向的。比如,在第一页使用导航,在其他页面的顶部使用链接或者面包屑连接到首页。移动手机网站设计内容因为用户在浏览你的网页时可能正处于行走的状态,所以合理的移动网站策划应该确保网站上的信息很容易阅读和浏览,并且让用户快速的识别并轻松的找到想要的信息。要确定好最终要在移动界面上展示的内容,合理地规划好的菜单和文本,避免由此造成的不合理缩放变化。至于所呈现文本的版式,可以考虑用标题来控制字体大小。移动手机网站设计编码在实际手机网站制作中对于编码应该没有什么特殊的需求,使用XML或者XHTML编码就很方便。也可以用最基础的HTML和CSS编码。标题标签,描述meta标签,头部标签和文件名应该用目标关键词精心地制作,以使得小优化内容可用性的最大化。移动手机网站图片正常情况下大多数手机载入的图片对它们来说都非常繁重,我们在进行网站推广之后,可能造成网站打不开或打开速度慢。所以在相关地方使用的图像要尽可能的小。而且图片应该是JPEG,GIF或者是PNG格式的,因为这些格式的图片很轻盈。另外确保你的图片被压缩过,以免图片在页面中变得很大。还有值得一提一点是:用户经常会浏览到没有打开的图片。因此,最好始终使用alt文本,这是一个值得推荐的做法。页面大小为一个移动网站设计风格时,保持所有的东西简洁,尽量追求小页面是非常有必要的。移动网站页面最大容量是20KB,所以要确保一切尽量满足这一点。如果可能的话,页面的大小可以小于10KB。要知道,用户在移动网络上的数据费用是以KB为单位收取的。网页链接手机网站制作时要特别注意网页的链接。一个好的移动