当前位置:w88优德官网网文章中心网站设计WEB标准 → 文章列表
文章标题关闭所有内容预览 | 展开所有内容预览
  • Html5文档声明和头部信息 [内容预览] 2 | 2017-07-17 09:10:05
    <!DOCTYPE>声明Web世界中存在许多不同的文档。只有了解文档的类型,浏览器才能正确地显示文档。HTML也有多个不同的版本,只有完全明白页面中使用的确切HTML版本,浏览器才能完全正确地显示出HTML页面。这就是<!DOCTYPE>的用处。<!DOCTYPE>不是HTML标签。它为浏览器提供一项信息(声明),即H...

    [阅读全文]

  • CKEditor 4.x 部署和配置方法 [内容预览] 0 | 2017-07-17 09:09:29
    把下载下来的CKEditor解压到自己设定的网站目录下,一定要注意调用的路径问题!在html的head中引入以下文件:<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script><scripttype="text/javascript"src="ck...

    [阅读全文]

  • 百度编辑器(ueditor)自动排版首行缩进四个字符的方法 [内容预览] 0 | 2017-07-17 09:09:18
    百度开源在线编辑器ueditor从用户来说非常的好用,如果网站使用了这个编辑器那网站的体验度会增加很多。但是ueditor是通用在线编辑器,不是对某网站定制的,所以难免有一些不符合用户习惯的地方。我们网站添加了百度在线编辑器后编辑们一直反应自动排版功能经常出现缩进四个字符的情况。经过分析是编辑们从别的网页复制过来内容后...

    [阅读全文]

  • form表单提交时,action url中参数无效的解决方法 [内容预览] 0 | 2017-07-17 09:07:46
    今天提交一个表单,内容参考如下:<formaction="add.php?a=123&b=456"><inputtype="hidden"name='user_id'value="46"/><inputtype="hidden"name='user_name'value="snsgou"/>...<inputt...

    [阅读全文]

  • div中文字内容溢出常见的解决方法 [内容预览] 0 | 2017-07-17 09:07:41
    由于文字内容的长度不确定性和页面布局的固定性,常常会遇到文字溢出的状况,有一下解决方法:1:规定文字父容器的宽高,设置超出隐藏:overflo:“hidde”---缺点是会经常遇到最后一行文字显示不全的情况,建议在只控制一行文字显示的时候使用2:css+div防止文字溢出,超出部分变成省略号,折...

    [阅读全文]

  • Textarea输入字数限制实例(兼容iOS&安卓) [内容预览] 0 | 2017-07-17 09:01:45
    最近在做一个微信公众号的页面,其中有对textarea做输入字数限制,而且需要兼容iOS和安卓手机,下面直接贴代码:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>textarea输入字数限制(兼容ios和安卓)</title></head>...

    [阅读全文]

  • [组图] 你不知道的5个Web技术秘密 [内容预览] 9 | 2017-06-06 10:03:35
    本文围绕如何使用最新的Web技术来进行实际操作,并且在网页中展示最新的最炫的Web效果。毕竟,拥有华丽的外表才会吸引人的关注,没有人会去访问一个无序的,乱糟糟的网站。在本文中,我们将会钻研“TheWebCanDoThat!?”中五种最神奇的Web效果。备注:本文讨论的技术都非常新,最好在Chro...

    [阅读全文]

  • [组图] 10个步骤让你成为高效的Web开发者 [内容预览] 7 | 2017-05-23 08:43:37
    要成为高产、高效的Web开发者,这需要我们做很多工作,来提高我们的工作方式,以及改善我们的劳动成果。下面是10个提高效率的步骤,虽然不能保证解决你在开发中的所有问题,但至少是非常实用的,可以简化你的Web开发流程,使开发的每一个环节快速、流畅。还可以帮助你节省大量的时间,以便开发更多、更好的项目。1.使用Web开发框架...

    [阅读全文]

  • [组图] Web前端:11个让你代码整洁的原则 [内容预览] 10 | 2017-05-23 08:43:26
    写Web页面就像我们建设房子一样,地基牢固,房子才不会倒。同样的,我们制作Web页面也一样,一个良好的HTML结构是制作一个美丽的网站的开始,同样的,良好的CSS只存在同样良好的HTML中,所以一个干净的,语义的HTML的优点很多,那么平时制作中,我们做到了这一点吗?我们一起来看一张图片:上图展示了两段代码,我想大家都...

    [阅读全文]

  • [图文] 解读如何为我们的站点选择一个合适的色彩基调 [内容预览] 5 | 2017-04-30 08:20:03
    对于一个站点的色彩基调可能你还没有意识到多么的重要。你可能会觉得一个站点的色彩基调为绿色跟蓝色并没有多大的差别,无所谓。但是在笔者建设网站的过程中笔者发现色彩的基调在网页的制作中扮演着重要的角色。网页的色彩基调往往可以改变很多东西,让你的访客差生不同的感观。且每种色彩基调的背后都有着能给访客带来不同心理感受的效应。下面...

    [阅读全文]

  • 关于视觉设计原则需遵循原则的一点看法 [内容预览] 3 | 2017-04-30 08:18:26
    之前,笔者分享了一篇文章,《全面解析网页视觉设计原则的重要性》,文中简单的介绍下网页视觉设计原则的重要性。有一位朋友加我的QQ,一起讨论到视觉设计原则究竟是遵循哪些原则?其实,关于这一点,我并非是行家,只是能简单的汇总了一些知识,来简单的说明我自己的观点,不足之处还是希望各位看官指正,谢谢。视觉设计原则就不必要去说了,...

    [阅读全文]

  • [图文] 图文搭配,网页不累 [内容预览] 15 | 2016-12-26 08:30:05
    从过去到现在,设计师们总是对方位性的问题格外敏感,可能还有些轻微的强迫症。比如有的网页设计师特别偏好黄金比例的使用,从而忽视了用户的视觉感官体验。其实,所有的法则或规律都需要设计师们的弹性使用,生搬硬套可能只会适得其反。以下是我们为大家搜集的值得借鉴的图文混排案例,供大家评论欣赏。1、第一个案例是AnyForWeb为N...

    [阅读全文]

  • [图文] 如何为你的网站挑选适宜的Web开发框架? [内容预览] 13 | 2016-12-26 08:30:03
    古语云工欲善其事,必先利其器,对于工程师而言,选择一款合适而强大的开发框架对开发工作是大有裨益的。那么我们该从什么角度来进行衡量和挑选呢?首先对于一家创业公司而言,这更像是一个商业抉择而不仅仅是技术选择,时间人力物力等开销都必须要考虑周全。一旦公司规模上来了资金不成问题了,可选择的空间就更大了甚至可以进行迁移或重新架构...

    [阅读全文]

  • [图文] Web开发中最致命的8个小错误 [内容预览] 5 | 2016-12-18 19:56:23
    现在,有越来越多所谓的“教程”来帮助我们提高网站的易用性。本文收集了一些在Web开发中容易出错和被忽略的小问题,并且提供了参考的解决方案,以便于帮助Web开发者更好的完善网站。通过避免下面这些小错误,可以使得我们的网站变得更为友好。错误1:表单的label标签跟表单字段没有关联利用“...

    [阅读全文]

  • [图文] Web前端性能优化教程07:精简JS 移除重复脚本 [内容预览] 4 | 2016-12-13 09:02:01
    本文是Web前端性能优化系列文章中的第七篇,主要讲述内容:精简Javascript代码,以及移出重复脚本。完整教程可查看:Web前端性能优化一、精简javascript基础知识精简:从javascript代码中移除所有的注释以及不必要的空白字符(空格,换行和制表符),减少javascript文件的大小。混淆:和精简一样...

    [阅读全文]

  • [图文] 2015年16个最佳的免费响应式HTML5框架 [内容预览] 37 | 2016-12-13 08:59:35
    HTML5框架是一类有助于快速轻松创建响应式网站的程序包。这些HTML5框架有着能减轻编程任务和重复代码负担的神奇功能。关于免费的HTML5框架,种类繁多,并且大多很受欢迎,因为它们能够允许我们用更少的时间和精力去创建一个令人惊艳的网站。下面这些既是响应式的HTML5框架,又跨浏览器兼容。而且这些免费的HTML5框架非...

    [阅读全文]

  • [图文] Web开发必备:20款免费的HTML5网站模板 [内容预览] 47 | 2016-12-12 08:25:57
    作为近来最热门的语言之一,HTML5的关注度与日俱增,它的出现不仅为Web开发者们提供了更多的选择,也大大提高了Web开发的便利性。为了帮站长们节省时间,缩短开发进程,下面就为大家分享20款免费的HTML5网站模板。AfreeHTML5andCSS3themeFreeHTML5TemplateforDesignComp...

    [阅读全文]

  • [图文] 18个最好的响应式Web设计工具和库 [内容预览] 33 | 2016-12-02 09:20:55
    现在在网上,响应式Web设计的工具和库资源玲珑满目,应有尽有。下面我将讲一讲其中最好的18个工具和库。1)GetBootstrap如果你想用HTML、CSS和JavaScript开发响应式网页,Bootstrap是最受网页设计师和开发人员欢迎的框架。它适合所有技能水平的人,不管你的项目规模如何。官方网站:http://...

    [阅读全文]

  • [图文] 涨姿势!20个设计新手常见的排版设计误区 [内容预览] 31 | 2016-11-26 12:35:04
    排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单。然而,制作优秀的排版并不容易,雷区遍布,稍不注意就流于平庸。过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象。所以,今天我们总结了排版设计中常见的20个误区,帮你逐个梳理日常设计中容易碰到的排版问题。1...

    [阅读全文]

  • [图文] 不一样的极简风!细腻有趣的三色极简图标设计案例 [内容预览] 36 | 2016-11-25 08:44:37
    配色是设计中永恒的话题。许多设计师都认为三种色彩构成的配色是最平衡也是最漂亮的,多一色显得太花,少一色又过于朴素,这也是为什么许多配色方案的构成多为3种色彩。如果将这种配色美学运用在最小的UI元素上会是什么效果呢?这就是今天我们要探讨的案例:三色图标设计。三种色彩能够让网页拥有奢华的视觉效果,也可以让极简的图标拥有细腻...

    [阅读全文]

  • [图文] 你应该知道的未来web设计7大趋势 [内容预览] 31 | 2016-11-24 09:33:27
    1.手势取代点击还记得曾经是如何滚动网页的吗?将鼠标移到屏幕的右边缘,然后拖动古代称为“滚动条”的玩意儿:稍微专业点的可能会使用鼠标滚轮,光标键或触控板,这已经领先于大多数的用户了。但是2015年,滚动比点击更受欢迎。在移动设备上,你可以用你的手指随意滑动来滚动页面。精确点击目标实际上是很难的&...

    [阅读全文]

  • [图文] 三分钟帮你快速入门极简色彩学 [内容预览] 39 | 2016-11-23 08:34:03
    相信很多不懂配色星人(尤其是汉子们),收到女朋友的<秘密花园>涂色指令时内心是奔溃的。“到底要肿么配色啊……”(╯‵□′)╯︵┴─┴“辛辛苦苦涂了半天还是土得掉渣肿么破……”(╯‵□′)╯︵┴─┴那就来看一下我们的极简色彩学教程吧~必GET点1.色彩的组成关键词:原色间色复色色环所有的色彩都是源自红黄蓝三种“原色”。两...

    [阅读全文]

  • [图文] 揭秘UI设计发展趋势|大众点评UED总监对话Apple设计专家 [内容预览] 33 | 2016-11-23 08:33:22
    近日,大众点评UED高级总监贾云Sibyl近距离接触了UI领域当之无愧的领军人物RachelRoth。双方就LBS未来发展进行了深入探讨,还针对IOS9系统背后的设计意义、UI发展趋势等问题进行了交流。贾云Sibyl与RachelRoth在Apple公司合影以下为访谈要点记录。采访人:(S)=贾云Sibyl被采访人:(...

    [阅读全文]

  • [图文] 超越响应:满足用户需求的网站设计 [内容预览] 27 | 2016-11-23 08:33:21
    有人说,谷歌“喜欢”响应的网站设计,并奖励响应网站以更高的搜索排名。我认为,谷歌喜欢能满足用户需求的网站,无论使用什么样的技术。两则消息第一则:Google宣布从2015年4月21日开始正式实施移动搜索算法调整,当用户在手机上搜索时,网页的移动友好性将成为移动搜索结果排序的影响因素之一。一个移动...

    [阅读全文]

  • [图文] 消失的界面!未来的设计师该从这四方面提升竞争力 [内容预览] 24 | 2016-11-22 08:30:05
    鸿影:以前看到过一句话:『UI发展的最终阶段就是消灭UI』,而这周在Medium上看到的文章《NoUIisthenewUI》也再次阐述了这一观点,这一两年来各种智能助理类产品层出不穷,它们不再使用传统的UI作为主要交互形式,仅仅通过一个简单的对话界面和用户交流,甚至完全不具备独立的NativeApp形态,而是基于像微信...

    [阅读全文]

  • [图文] 常规or创意?别让网页中的文字禁锢了你 [内容预览] 24 | 2016-11-22 08:27:04
    先和大家分享两个关于网页的中文文字设计现象。现象1:公司前端技术同事看到我上周写的《好的字体让你的网站“倾国倾城”》后,主动和我聊了排版网站文字的各种心得体会,他提到的一个现象让人很意外:除了设计师、前端技术、策划、排版印刷等职位的人员对文字有一定的敏感度外,实际上大多数用户对文字的字体和字号没...

    [阅读全文]

  • [图文] 开挂ing——UI设计师的七种武器 [内容预览] 24 | 2016-11-21 09:43:03
    在UI设计中一样存在这样的七种武器,如果能拥有这七种武器,必定能让你设计如同“开挂”一般事半功倍!小编特选出七大设计神器,希望能够对你的设计有所帮助!长生剑—排版神器MaterialDesignGrids栅格化设计就是按照一定的规则把页面的宽度分成固定的相同宽度,然后列出各种组合的可能,以方便在进行页面呈现...

    [阅读全文]

  • [图文] 赶紧!!停止不必要的UI动效设计吧 [内容预览] 21 | 2016-11-21 09:42:52
    UI动效设计的反面案例(线上Demo)注:这个反面案例并非假设,而是来自近期的真实客户案例。概述自从70、80年代首个光栅图像在CRT屏幕出现以来,人们对于(数字)视觉设计的态度一直在不断进化。与其他艺术领域不同,在数字设计领域显露的趋势,与使用设备的发展史紧密相关。设备能力的提升有目共睹,显示器技术使分辨率从CGA3...

    [阅读全文]

  • [图文] 做运营怎么能不懂排版设计?看完这25个技巧,告别设计师 [内容预览] 20 | 2016-11-21 09:40:20
    不论你是要为自己的微博做个有趣的图片,还是为自己的活动做PPT和邀请函,专业的平面设计的技巧总能给你的设计极大的帮助。平面排版设计的技巧很多,但是核心的就那么多。字体的选取和搭配,排版布局的规则,留白的规律,说起来复杂,梳理起来也不是特别多。那么就让这25个史诗级的技巧帮你绕过设计上的坑,帮你打造真正令人难以忘怀的好作...

    [阅读全文]

  • [图文] 结合实际案例告诉你何谓隐形设计 [内容预览] 12 | 2016-11-21 09:40:08
    设计并不总是耀眼夺目的艺术。它讲究微妙、实用,而且常常是不确定的。很简单,好的设计往往是隐形的。明确一点——隐形的设计并非在项目中增加图层、透明度或是隐藏含义。它是为了打造用户为中心的项目,使之功能齐备,视觉愉悦。当我还是个年轻的设计师时,就一遍遍听到这句话。如果你不得不“装饰”画布,那就是在过度设计。最好的设计——真...

    [阅读全文]

 WEB标准   810   30   1/27页   首页   1   2   3   4   5         GO