网站的访问速度由服务器速度、网页本身反应速度和大小、浏览者网速三个关键因素所决定。而网页本身大小主要由页面的html代码、CSS文件、JS文件、图片构成,其中图片占比一般都是在50%以上,因此页面所有图片的加载大小直接影响网页的速度。《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一3.3图片大小控制一般我们直观的认为,网页上图片看起来很小,那么图片的容量应该也会比较小,其实这是一种误
2018-10-22 metinfo 263
网站页面大小直接影响网站的加载速度,页面图片、文件和html代码越大,加速速度就会越慢。如何查看网页的大小呢?方法很简单,使用谷歌或360浏览器,打开网页地址,按下键盘F12或FN+F12键,刷新网页,并可以查看网页的大小了!如下图:你也可以参考我们的视频教程:《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一3.1F12查看加载速度网站验收时需要重点关注网站的html代码和网页图片是
2018-10-21 metinfo 989
网站验收时,很多人会忽略地址栏的小图标,从而给用户浏览造成困扰,当同一个浏览器打开多个网页时,就会傻傻分不清。什么是地址栏小图标favicon.ico?如下图:主要用于让用户通过地址栏标识区分网页品牌。如何才能显示地址栏小图标?有些网站打开更不没有小图标,这是因为网页的html代码没有加入favicon.ico引入代码,如:<linkhref="https://www.
2018-10-21 metinfo 730
CSS是什么:英文全称CascadingStyleSheets,中文名“层叠样式表”,是一种用来表现HTML或XML等文件样式的计算机语言,通俗易懂的讲就是用来控制网页样式(颜色、尺寸、位置等)。JS是什么:Js(JavaScript)是一种直译式的脚本语言,用来给HTML网页增加动态效果,譬如我们经常看到的图片轮播、下拉菜单、图片滑动加载等等,都是JS控制的。网站尤其是响应式网站,css和j
2018-10-19 metinfo 366
验收网站时,我们一般只会去查看网站漂不漂亮,有没有什么BUG,很少去关注网站前台的HTML代码是否规范。规范的html代码不仅能提高网站的兼容性和访问速度,更重要的是对于SEO有着决定性的作用。规范的网页HTML代码一般由如下结构组成:
2018-10-19 metinfo 496
越来越多的人使用移动终端浏览网站,你的网站在手机、微信、平板电脑中能正常显示么?你可以在相应的浏览终端打开网站,查看网站是否支持各种设备;同时你还可以使用谷歌或360浏览器的F12功能,模拟手机、平板、微信访问网站,具体方法可以参考:《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一1.3手机、平板、微信兼容兼容手机、平板等终端设备传统的做法是针对于不同的浏览设备制作不同的网站,如经常
2018-10-18 metinfo 306
用宽屏台式机打开网站,很大气!很漂亮!于是乎把网址发给领导,本想邀功一回,没想到领导居然发回来一张显示不全的banner图。。。尴尬的一幕经常在网络公司中发生!没错,网站验收时必须使用不同像素的电脑检测是否都能正常显示,当然你可以使用屏幕像素高(1920px)的电脑F12功能任意模拟切换屏幕宽度像素访问网站,具体方法请参考:《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一1.2宽屏、
2018-10-17 metinfo 313
你习惯用什么浏览器呢?谷歌?360?IE?火狐?Edge?Safari?Opera还是其他的浏览器?有没有想过网站在你用的浏览器打开正常,其他浏览器或许不正常呢?没错!网站验收时请务必测试各种主流浏览器的兼容性!每个浏览器对于html代码的渲染在细节上存在差异,如果开发网站前端代码时没有考虑浏览器兼容,就会导致部分网页在其他浏览器中不能正常显示。检测浏览器兼容靠谱的办法目前只能是下载不同的浏览器打
2018-10-17 metinfo 478
网站的访问速度由服务器速度、网页本身反应速度和大小、浏览者网速三个关键因素所决定。而网页本身大小主要由页面的html代码、CSS文件、JS文件、图片构成,其中图片占比一般都是在50%以上,因此页面所有图片的加载大小直接影响网页的速度。《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一3.3图片大小控制一般我们直观的认为,网页上图片看起来很小,那么图片的容量应该也会比较小,其实这是一种误
2018-10-22 metinfo 263
网站页面大小直接影响网站的加载速度,页面图片、文件和html代码越大,加速速度就会越慢。如何查看网页的大小呢?方法很简单,使用谷歌或360浏览器,打开网页地址,按下键盘F12或FN+F12键,刷新网页,并可以查看网页的大小了!如下图:你也可以参考我们的视频教程:《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一3.1F12查看加载速度网站验收时需要重点关注网站的html代码和网页图片是
2018-10-21 metinfo 989
网站验收时,很多人会忽略地址栏的小图标,从而给用户浏览造成困扰,当同一个浏览器打开多个网页时,就会傻傻分不清。什么是地址栏小图标favicon.ico?如下图:主要用于让用户通过地址栏标识区分网页品牌。如何才能显示地址栏小图标?有些网站打开更不没有小图标,这是因为网页的html代码没有加入favicon.ico引入代码,如:<linkhref="https://www.
2018-10-21 metinfo 730
CSS是什么:英文全称CascadingStyleSheets,中文名“层叠样式表”,是一种用来表现HTML或XML等文件样式的计算机语言,通俗易懂的讲就是用来控制网页样式(颜色、尺寸、位置等)。JS是什么:Js(JavaScript)是一种直译式的脚本语言,用来给HTML网页增加动态效果,譬如我们经常看到的图片轮播、下拉菜单、图片滑动加载等等,都是JS控制的。网站尤其是响应式网站,css和j
2018-10-19 metinfo 366
验收网站时,我们一般只会去查看网站漂不漂亮,有没有什么BUG,很少去关注网站前台的HTML代码是否规范。规范的html代码不仅能提高网站的兼容性和访问速度,更重要的是对于SEO有着决定性的作用。规范的网页HTML代码一般由如下结构组成:
2018-10-19 metinfo 496
越来越多的人使用移动终端浏览网站,你的网站在手机、微信、平板电脑中能正常显示么?你可以在相应的浏览终端打开网站,查看网站是否支持各种设备;同时你还可以使用谷歌或360浏览器的F12功能,模拟手机、平板、微信访问网站,具体方法可以参考:《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一1.3手机、平板、微信兼容兼容手机、平板等终端设备传统的做法是针对于不同的浏览设备制作不同的网站,如经常
2018-10-18 metinfo 306
用宽屏台式机打开网站,很大气!很漂亮!于是乎把网址发给领导,本想邀功一回,没想到领导居然发回来一张显示不全的banner图。。。尴尬的一幕经常在网络公司中发生!没错,网站验收时必须使用不同像素的电脑检测是否都能正常显示,当然你可以使用屏幕像素高(1920px)的电脑F12功能任意模拟切换屏幕宽度像素访问网站,具体方法请参考:《如何检测验收网站》系统视频教程:第二节:网站风格与细节一一1.2宽屏、
2018-10-17 metinfo 313
你习惯用什么浏览器呢?谷歌?360?IE?火狐?Edge?Safari?Opera还是其他的浏览器?有没有想过网站在你用的浏览器打开正常,其他浏览器或许不正常呢?没错!网站验收时请务必测试各种主流浏览器的兼容性!每个浏览器对于html代码的渲染在细节上存在差异,如果开发网站前端代码时没有考虑浏览器兼容,就会导致部分网页在其他浏览器中不能正常显示。检测浏览器兼容靠谱的办法目前只能是下载不同的浏览器打
2018-10-17 metinfo 478