Web设计第16页

幕艺传奇·2020-07-12 06:44

响应式web设计体会

暗黑小白·2020-07-12 00:38

进行可用性测试的8个指南

引言:在专业的web设计圈，可用性测试会议已经成为任何重点项目的一个基本组成部分。

szstc·2020-07-12 00:21

WEB设计

最近写一个通过页面控制服务器自动下载代码，烧机测试的框架，虽然以前写过纯xhtml的手机端浏览器，但是发现要在服务器上动态生成页面水还挺深的。初步用tomcat，不带mysql，自己写个基于文件的小数据库和log管理，还要多用户并发请求数据的互斥保护。目前前段直接用javascript和html后端用jsp和serverlet，暂时不考虑php，主要还是没时间去学习新语言，服务器控制手机暂时用py

此昵称已经存在吗·2020-07-12 00:21

响应式布局中响应式图片如何处理

以下介绍几种方式:1、静态布局（StaticLayout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；意思就是不管浏览器尺寸具体是多少，网页布局就按照当时写代码的布局来布置

smilexxp·2020-07-11 23:58

HTML学习笔记4

&Html响应式设计：什么是响应式Web设计？RWD指的是响应式Web设计（ResponsiveWebDesign）RWD能够以可变尺寸传递网页RWD对于平板和移动设备是必需的How实现响应式设计？

佩然于心·2020-07-11 23:13

响应式设计的现状与趋势

从2012年开始到2014年，各大家对Web设计的趋势预测中，都提到响应式设计；2015年网页设计趋势预测中，响应式仍在继续。

杰夫JF·2020-07-11 21:08

web前端开发之几种布局方式之响应式布局

一理解几种布局的概念1、静态布局（StaticLayout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；意思就是不管浏览器尺寸具体是多少，

浪单快手·2020-07-11 19:24

javaweb设计动态表格

设计动态表格，当前面行表格输入好数据后，可以新增新行表格。动态表格body{background-color:#9CC;text-align:center}table{margin:10pxauto;}trth{border:1pxsolid#096;}td{border:1pxsolid#096;}/*在函数的外部只能声明一些变量之类的，不能用操作方法，因为没有函数去调用执行它。*///在载入页

Laura_Wangzx·2020-07-11 18:49

CSS3之媒体查询（响应式布局）

为啥有媒体查询：移动设备的快速普及完全颠覆了Web设计领域。用户不再仅在传统桌面系统上查看Web内容，他们越来越多地使用具有各种尺寸的智能电话、平板电脑和其他设备。

很小白的小白·2020-07-11 17:16

01 “响应式Web设计”——概述

“响应式Web设计”的出现背景在很早之前（或者在目前也存在此情况），我们写出来的前端页面可能都还是固定宽度的，这种页面如果仅仅是在我们的笔记本电脑或者一般的台式机来加载浏览的话可能差别不是很大，虽然有较小的差别

X北辰北·2020-07-11 17:19

CSS之响应式Web设计（横屏/竖屏提醒）

方向：横屏/竖屏结合CSS媒体查询,可以创建适应不同设备的方向(横屏landscape、竖屏portrait等)的布局。语法：orientation：portrait|landscapeportrait：指定输出设备中的页面可见区域高度大于或等于宽度landscape：除portrait值情况外，都是landscape实例：/*竖屏*/@mediaonlyscreenand(orientation

羽筠·2020-07-11 15:42

2019Web前端开发中响应式布局的6个技巧

响应式Web设计可以让一个网站同时适配多种设备和多个屏幕，可以让网站的布局和功能随用户的使用环境(屏幕大小、输入方式、设备/浏览器能力)而变化。本文主要介绍一些响应式布局容易忽略但又很重要的知识点。

首席前端开发深套·2020-07-11 13:15

用3个步骤实现响应式Web设计

load_life·2020-07-11 11:54

响应式Web设计读书笔记与实践

前段时间在微博上看到了几个在当今前端圈中的大牛的撕逼大战，作为一个前端小白来说就只是看热闹的，热闹中看到了两本书，《无懈可击的Web设计》和《响应式Web设计》，前者没有买到纸质版，后者刚好在快要缺货的时候买到了

liujianhuan0622·2020-07-11 11:23

《响应式Web设计实践》学习笔记

第1章无处不在的Web1.4成为响应式的EthanMarcotte利用三种已有工具：媒介查询（mediaqueries）、流动布局（fluidgrids）和自适应图片（scalableimages）创建了一个在不同分辨率屏幕下都能漂亮地显示的站点。设备无关：所有的东西（组件、布局等）都能与不同类型的设备和平台相兼容。“未来友好宣言”，http://futurefriend.ly激光般专注：我们需要

jiangtaozy·2020-07-11 09:35

什么是响应式Web设计？怎样进行？

准备在近期的几篇里集中翻译学习一下“响应式Web设计”的相关话题，包括概念、实践方式、案例及观点讨论等方面。相比于从前做的

iteye_5904·2020-07-11 08:39

响应式WEB设计 - 基本技术要素

响应式WEB设计模式基于“移动第一”的原则而提出。

陈小峰_iefreer·2020-07-11 08:21

HTML 响应式 Web 设计

1、什么是响应式Web设计？

WILD_POINTER·2020-07-11 06:18

60秒解释：UI 和 UX

60秒解释：UI和UX在Web设计这个疯狂的领域，UX和UI这样的词语总是被挂在嘴边。那他们到底是什么意思？

刘子谦·2020-07-11 05:52

响应式Web设计怎么做

响应式Web设计介绍响应式Web设计-Viewport设置Viewport响应式Web设计–网格视图创建网格式布局响应式Web设计–媒体查询响应式Web设计-图片响应式Web设计–视频(Video)响应式

万万君·2020-07-11 05:28

web页面uri唤醒应用_带有数据URI的高性能Web设计

web页面uri唤醒应用我们最近在Webdesigntuts+上介绍了Web设计中的数据URI的内容，原因和方式，在其中研究了使用数据URI进行性能友好的界面设计的一些可能性。

daique1908·2020-07-11 04:37

无懈可击的web设计

这样的规则同样适用于Web设计。通过增加网页的灵活性,以及采用必要的步骤来保证它在尽可能多的场景中都具备可读性，我们就给自己的作品赋予了一些与众不同的特色。

cuibianzhen7802·2020-07-11 04:08

开发响应式web页面的经验

响应式web设计开发，使用媒体查询来适应不同的手机屏幕样式开发时，我们需要写不同的样式，为此我们来分享下我个人开发响应式web页面的经验；针对目前手机的独立像素有320，360，384，400，还有iphone6

coii67591·2020-07-11 04:37

十大前端开发框架

随着互联网的不断成熟以及我们越来越多的用各种移动端的设备访问互联网，Web设计师和Web开发者的工作也变得越来越复杂。十年前，一切都还简单得多。

cangyingaoyou·2020-07-11 03:47

Graphviz 中文教程

在网络、生物信息学、软件工程、数据库和Web设计、机器学习、可视化接口等众多其他技术领域都有着重要的应用。

bluebird_shao·2020-07-11 02:08

《响应式web设计》读书笔记（五）CSS3过渡、变形和动画

趁着阅读《响应式web设计》这本书，来把这部分知识学习一下。Javascript动画VSCSS动画用js写的动画大家都不陌生了，使用jQuery或

aigenglong0649·2020-07-11 01:38

困扰于Tomcat和Eclipse的相对路径

由于经验不足，做Web设计时的一个相对路径问题，被困扰了半天。

小轶·2020-07-10 23:06

浅谈响应式Web设计与实现思路

是否还在为你的应用程序适配PC端，移动端，平板而苦苦思索呢，是否在寻找如何一套代码适配多终端方式呢，是否希望快速上手实现你的跨终端应用程序呢，是的话，那就看过来吧，本文阐述响应式UI设计相关理论基础，包括：屏幕尺寸，物理，设备独立，CSS像素，dpr，视口等相关概念，还有响应式设计基础，常见设计模式，及响应式UI实现基本思路，希望能加深对响应式的理解和实践思路。欢迎访问我的个人博客响应式（Resp

weixin_33896726·2020-07-10 19:53

Velocity入门

当Velocity用于Web开发时，Web设计人员可以与Java程序员并行工作，以根据模型-视图-控制器（MVC）模型开发Web站点，这意味着网页设计人员可以专注于创建一个看起来很好的

lily_lee1213·2020-07-10 18:16

Web开发人员与Web设计人员

你已经尽力了。呼吸。经过数周（或数月）的计划和准备，进行市场研究，与其他企业家交谈之后，现在是时候将你的商业想法转变为更多的Web应用程序了。终于是时候用它来制造产品了。如果你做了所有正确的计划，那么你应该能够回答我们的第一个问题：你将如何实现这一切？你的第一步是什么？好吧，为了制作一个Web应用程序，你需要有人将这个想法变成代码并“使其变得漂亮”，以便用户喜欢他们所看到的内容。从这里我们站着，好

欲诺轻狂·2020-07-10 18:27

Web设计规范----控件、组件

什么是控件？什么组件？组件控件分类可以根据组件控件属性进行分类，也可以根据组件控件的功能进行划分。一般按功能划分，例如表单类就可以划分为：单文本输入，多文本输入、日历时间选择器、下拉选择列表、单选多选等。控件（Control）：单一元素组合而成。组件（Component）：组件为多个元素组合而成。组件控件和功能分类的目录（移动端）一、导航类导航的作用有哪些？1.结构化产品内容和功能导航系统相当于A

weixin_33834075·2020-07-10 07:32

Goodbye, Alipay

《猫哥网页设计视频教程》将会重启，推出连载，相信会对那些对WEB设计感兴趣的初学者有很大的帮助。Twitter上会提高更新频率，以技术为主，

weixin_30654583·2020-07-10 06:37

HTML核心系列1之DTD与实体

一旦理解了SGML、HTML和XML在web设计中的作用，就会看到这些不同语言之间的相互关系。简而言之，SGML、HTML和XML是一系列有助于使

mt811·2020-07-09 20:37

10个优秀视差滚动插件

“ParallaxScrolling”这个词在2012年下半年的Web设计上越来越流行，一开始并不知道他是什么东东，只是字面上译为“视差滚动”，但对于实质上的东西，了解的并不是太多。

iteye_5904·2020-07-09 17:14

新课程：Vue.js的设计师简介

与EnvatoTuts+课程一样，您将通过为一家虚构的餐厅设计一个简单的Web设计项目，以非常实用的方式学习。观看介

daique1908·2020-07-09 15:38

新课程：如何创建3个有用的古腾堡自定义块

您将从Web设计中的一些相对复杂的模式开始，然后将它们转换为Gutenberg自定义模块

daique1908·2020-07-09 15:37

视差滚动(Parallax Scrolling)概念及10个实用插件

这也是“ParallaxScrolling”具有吸引力，让很Web设计师亲眯的原因。而且现在很多网站已经开始在使用了，并且在今年将会更容易看到这样的网站诞生。视差滚动效果简单点理解就是指用户让

dai0941·2020-07-09 15:04

shields 徽标_响应标题和徽标–提示和陷阱

响应式Web设计的概念已经渗透到整个Web中，并成为前端开发人员的必备条件。在现代世界中，不可否认响应式设计的价值，但是要完全理解如何正确设计响应式布局存在一些困难。

cune1359·2020-07-09 15:05

响应式Web设计的9项基本原则

响应式web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。

絮飘·2020-07-09 14:49

developer中文版 Firefox插件 For web developer

火狐浏览器的插件很多，前面我也介绍过很多火狐浏览器的插件，有很多在web设计开发中很优秀的插件，web-developer就是最出名的一个，使用过微软的developer就知道。

fasfdsaf345423·2020-07-09 13:54

web设计尺寸规范

网页设计标准尺寸:1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右4、在PS里做的图到了网上就不一样了，颜色等等方面

JCchervy·2020-07-09 11:13

最流行的五大CSS框架，你都知道哪些？

专为前端开发而设计，有助于构建web设计理念、移动优先项目、网格系统、排版和按钮等。Bootstrap没有任何附加功能，但是有第三方插件可用，除了常规的HTML元素，还具有其他常见的UI元素。

weixin_45919347·2020-07-08 23:09

Web开发技术选型、分层、分包以及类与方法设计——大数据开发实战项目（六）

目录Web设计：一、大家一起完成的部分参考：1.技术选型：springboot，前端bootstrap，数据库Mysql，数据库访问JDBCTemplate。2.分层：四层结构。

爱做梦的鱼·2020-07-08 21:00

《响应式Web设计：HTML5和CSS3实战(第2版)》09章 - 学习笔记

响应式Web设计:HTML5和CSS3实战(第2版)第九章表单9.1-2理解HTML5表单中的元素每一个输入元素都有一个对应的label元素然后一并被包裹在div元素中（我们也可以把用label把input

Revontulet·2020-07-08 19:44

静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别

一、静态布局（StaticLayout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。

weixin_33936401·2020-07-08 16:48

布局的几种方式（静态布局、自适应布局、流式布局、响应式布局、弹性布局）...

一、静态布局（staticlayout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。

weixin_33814685·2020-07-08 15:37

常用到代码片段

1.IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。

weixin_30565199·2020-07-08 14:31

5种布局方式