预览加载中,请您耐心等待几秒...
1/8
2/8
3/8
4/8
5/8
6/8
7/8
8/8
在线预览结束,喜欢就下载吧,查找使用更方便
如果您无法下载资料,请参考说明:
1、部分资料下载需要金币,请确保您的账户上有足够的金币
2、已购买过的文档,再次下载不重复扣费
3、资料包下载后请先用软件解压,在使用对应软件打开
第PAGE\*MERGEFORMAT8页共NUMPAGES\*MERGEFORMAT8页自适应网页设计存在的问题自适应〔网页〔制定〕〕存在的问题在制定自适应网站页面时图片自动适应大小是一个非经常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制。下面介绍自适应网页制定存在的问题,希望可以为您带来帮助。1、将网页修改为百分比布局当某个浏览窗口处于媒体查询固定的范围之外,网页就必须要水平滚动才干完整浏览,而通过百分比布局可以页面元素依据窗口大小在一个又一个媒体查询之间灵活修正样式,具体来讲,就是css代码不会指定具体像素宽度:width:xxxpx;而是会指定一个百分比宽度:width:xx%;或者直接就是width:auto;这里大家可以依据一个简易的公式将固定像素宽度转换成对应的百分比宽度:目标元素宽度上下文元素宽度=百分比宽度2、要阻止移动浏览器自动调整页面大小iOS和Android浏览器都基于webkit核心,这两种浏览器以及其他的很多浏览器都支持viewportmeta元素覆盖默认的画布缩放设置,只必须在HTML的标签中插入一个标签,标签中可以设置具体的宽度(如像素值)或者缩放比例2.0(设备实际尺寸的两倍),下面是将一个页面扩大到设备实际尺寸两倍显示的meta标签示例:3、用CSS如何控制网页中图片自适应大小在制定自适应网站页面时图片自动适应大小是一个非经常用的功能,在进行制作的时候为了防止图片撑开容器而对图片的尺寸进行必要的控制,我们可不可以用CSS控制图片使它自适应大小呢?4、用em替换px目标元素宽度上下文元素宽度=百分比宽度这个公式也适用于将文字的像素单位转换为相对单位,值得注意的是,现代浏览器的默认文字都是16像素,因此一开始给body标签应用以下任何一条规则所产生的效果都一样:5、要主要流动布局(fluidgrid)的使用"流动布局'指的是各个区块的位置都浮动,不是固定不变的。.main{float:right;width:70%;}.leftBar{float:left;width:25%;}这么做的好处是,如果宽度太小,放不下两个元素,后面的元素会自动滚动到前面元素的下方,不会在水平方向溢出,避免了水平滚动条的出现,大大提升了用户的阅读体验。另外,绝对定位(position:absolute)的使用,也要非常当心。自适应网站制定的优缺点二、自适应网站制定的优点自适应网站制定可以在网页地址不变的状况下满足用户在不同设备上浏览访问的必须求,同时方便网站内容的〔管理〕与更新、针对搜索引擎友好等特点,这也是自适应网站制定的最大优点。三、自适应网站制定的缺点通过众多的网站制定公司和网页制定师我们了解到自适应网站制定的主要有制定难、实现难、成本大三个缺点,也被大家称作通往自适应网站制定的三座大山。下面唯艺互动-高端网站制定就以我们网站制定的经验具体说说自适应网站制定中的一些缺点。1、制定难在自适应网站建设过程中,必须要合计的内容更为广泛,而且还有合计其他方面的一些问题。比如可读性、区域面积及不同设备下运行的状态等。这关于制定师的要求甚高,这样导致要做一个完美自适应网站变得很难。2、实现难响应式网站主要是一HTML5、CSS3为基础,必须要精通这两种技术的高手。现在能够将这两种技术运用到恰到好处的网站制定师并不多见,如果制定师对这两种技术不够精通,会导致就算制定师做出很棒的页面,但是实现以后,不会完全一模一样。3、成本大因为自适应制定必须要对多个界面兼容、功能调试,导致整个制作过程必须要UI制定师和前端工程师要不断磨合制作。而测试人员也要在不同的设备下对网站进行测试。自适应的网站必须要有很多功能,比如界面的融合、功能的调试等,这些都是必须要不断磨合才干实现,而这样的网站成本也就自然的比较高了。以上就是自适应网站制定的优缺点分析,当然通过努力都是能够克服的,毕竟必须求性高的网站成本都不低。网页制定菜鸟必须要注意的细节问题1.用户浏览网页时,首先观察网页的左上部和上层部分,之后再往下阅读,浏览右边的内容用户普遍的浏览方式浮现出"F'的形状。确保网站内容的重要要素集中于这些关键区域,以此保证读者的参加。在此放置头条,副题,热点以及重要文章,这样可以吸引到读者进行阅读。2.读者会忽视横幅广告研究说明,读者常忽视大部分的横幅广告。无论你以此维持网站生计但是浏览者的视线往往只停留几分之一秒。如果你想通过广告挣钱,那么必须革新你的广告位以及合理配置网站广告形式。3.花哨的字体和格式被忽视为什么呢?那是因为用户会认为这些是广告,并非他们所必须要的信息。事实上,研究说明用户很难在充满大量颜色的花哨字体格式里寻找到所必须的信息,因为视觉线索告诉他们把这些忽略吧。坚持网站的清爽,不要因为