今天花了一个小时对页面略做了一些美化,看起来更专业了点, 主要是一些背景图片之类的样式调整,初学者可以看下,如何切分spirit图片,遇到问题主要是LI中的元素如何垂直居中的问题(解决方案是li设置height和line-height相同),增加了一个span用于显示图片,但它的对齐花了不少时间。 ...
分类:
Web程序 时间:
2018-09-30 20:07:04
阅读次数:
280
关键字:设计器源代码,Web设计器,工作流设计器,jQuery插件,组态设计器,SCADA系统设计器,流程图设计,表单设计建模,报表设计,可视化,设计时,运行时,轻量级开放平台。 前面示例都只是展示在桌面浏览器显示,当用手机浏览器打开时发现无法拖动元素,虽然实际业务上,手机也只是用来查看的,但为了论 ...
分类:
移动开发 时间:
2018-09-29 17:38:26
阅读次数:
305
关键字:设计器源代码,Web设计器,工作流设计器,jQuery插件,组态设计器,SCADA系统设计器,流程图设计,表单设计建模,报表设计,可视化,设计时,运行时,轻量级开放平台。 前面章节已讲到如何在两个组件间通过曲线(贝塞尔曲线)进行连接,一般在实际应用中,贝塞尔曲线在数据流图、思维导图中应用比较 ...
分类:
Web程序 时间:
2018-09-27 15:35:20
阅读次数:
310
一、静态布局(static layout) 即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。 1、布局特点 不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚 ...
分类:
其他好文 时间:
2018-09-07 20:16:05
阅读次数:
219
1.什么是响应式网页? 通过CSS3 Media Query实现响应式Web设计 响应式Web设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 具体的实践方式由多方面组成,包括弹性网格和布 ...
分类:
其他好文 时间:
2018-09-07 11:10:24
阅读次数:
193
1.什么是响应式 Web 设计? 响应式 Web 设计让你的网页能在所有设备上有好显示。 响应式 Web 设计只使用 HTML 和 CSS。 响应式 Web 设计不是一个程序或Javascript脚本。 2.响应式的作用:设计最好的用户体验 友好的用户体验是网页可以在任何设备上展示和操作,设备包括桌 ...
分类:
移动开发 时间:
2018-08-13 16:59:27
阅读次数:
225
静态web设计=结构层+表现层=html+css,那么动态web网站的设计呢=结构层+表现层+行为层=html+css+asp/jsp/php 1. 页面制作: 实现的结构层如下 2. 结构层设计如上, 然后给他渲染一下,变成下面这个。 3. 可供参考。 ...
分类:
其他好文 时间:
2018-07-02 11:02:05
阅读次数:
233
说明:1. 开发板Web服务器的设计可以看我们之前发布的史诗级网络教程:链接。2. 需要复杂些的Web设计模板,可以使用我们V6开发板发布的综合Demo:链接。3. 教程中使用的是花生壳免费版,免费版仅支持电信用户,每个月1GB的流量,实际测试几天,稳定性还行。收费版没有这些限制。4. 现在已经用了 ...
分类:
移动开发 时间:
2018-06-09 18:52:23
阅读次数:
235
问题 斜切角在Web设计和印刷中是相当受欢迎的样式。它通常是在一个或多个元素的角落切一个45°的角(也就是所谓的斜切角)。特别是最近,扁平化设计的势头压过了拟真设计,也使这种效果更加流行。当斜切角只存在元素的一侧,并且每个都占据元素的50%高度的时候,一个箭头的形状产生了,这在按钮和面包屑导航中非常 ...
分类:
Web程序 时间:
2018-06-06 15:37:19
阅读次数:
550
在制作网页中,我们经常会碰到min/max-width,min/max-height在IE6底下是无效的,这也是web设计师最头疼的问题之一,以下的方法可以解决这些难题,并且比较简约。当然,如果你还有更好的方法,希望能在主页留言给我:<div style="max-width:250px;">这段文 ...
分类:
Web程序 时间:
2018-05-17 16:49:46
阅读次数:
246