这几天都在忙着做一个小网站,从网页美工到后台处理程序都要自己来,弄得我晕头转向的。还好,已经接近尾声了。我也可以停下来,稍事休息一下,跟各位侃侃这几天建站的一些感受。
1、需要有一套好的配色方案;在网站的美工设计当中,最麻烦的当属配色了。一个网站是极少只使用一种颜色的,因此总会存在几种颜色搭配的问题。面对这个问题,或许真的是需要一些美工的天赋了,不过,我们还是可以通过一些办法去做得更好的。首先,我们要根据网站的内容确定好主色调;接着就围绕这个主色调去寻找可搭配的颜色,通常我们可以借助DreamWeaver或者是其他绘图工具所带的调色板去寻找自己喜欢的颜色。这种方式需要比较耐心地去尝试,才能找到独特而且吸引人的配色方案。除此之外,多参考其他网站的配色方案并加以改进也是不错的办法。象#003399,#6699CC,# E6F3FF这样的组合就是比较不错的配色;
2、使用CSS去美化页面元素。通常,页面元素都是以默认的形式显示出来的,会有千篇一律的感觉,而且默认的形式本来就不好看。在这种情况下,我们就可以通过设定页面元素的style属性值来改变其显示的样式。譬如说,一个按钮显示出来的时候,按钮上文字的左右两边离按钮的边缘都有比较大的距离,如果想让按钮显得紧凑一点,怎么办呢?可以通过下面的代码实现:
<input type="button" style="text-align:left;width:100px" value="Check Duplication" />
在这里,设定text-align为left,就使得按钮上的文字从最左边开始显示了,同时我们在相应的改变按钮的长度至一个合适的值即可;
3、使用Javascript做好表单的校验;尽管客户端的校验通常都要在服务器端重写一遍,但是并代表着客户端的校验不需要了。一个良好的Client side validation可以给善意的用户以最快的反馈,让用户能够尽快完成操作,尤其是面对很多输入框的时候;
4、尽量多考虑用户的误操作的情况;提到用户的误操作,最容易想到的就是同一个表单的多次提交了。防止用户多次提交表单,首先是通过客户端脚本进行控制,如定义一个布尔型的变量,然后根据这个变量来决定是否可以提交表单;接着就是服务器端需要使用Token去判断这个用户提交的表单是否已经被处理;
5、当用户操作失败的时候,提供足够详细的提示信息;网站后台的程序一般都会涉及数据库操作,那么数据库操作产生exception的可能性是很大的,譬如说用户注册这个功能,操作失败了会几种可能性呢?连接数据库失败,主键重复,操作数据超过列值定义的范围等等。在这种情况下,应该根据exception的不同,为用户提供不同的提示,便于用户做相应的修改。
分享到:
相关推荐
在微信小程序中,实现“tips消息滚动轮播”是一项常见的需求,它可以帮助用户接收和展示重要的提示信息。这里我们将深入探讨如何使用JavaScript(js)在微信小程序环境下构建一个从右开始循环轮播的tips消息系统。 ...
abap tips abap tips abap tips abap tips abap tips
在网页开发中,提示信息框(Tips)是一种常见的交互元素,用于向用户显示临时或辅助性的信息。在JavaScript中,我们可以轻松实现这种自动动态的tips提示信息框效果,以提高用户体验。下面将详细介绍如何利用...
本文将详细讲解如何使用基于jQuery的Tips插件,该插件允许提示框自动消失或由用户手动消失,从而为用户提供更加友好的交互体验。 首先,我们来了解jQuery Tips插件的基本概念。Tips插件主要用于在网页上显示临时...
### 应届毕业生找工作小Tips详解 对于即将或刚刚离开校园的同学们来说,步入职场不仅是人生的一个新阶段,更是一次重要的转变。这篇文章将基于“应届毕业生找工作小tips”这一主题,为大家提供一系列实用建议,帮助...
【标题】中的“精品软件工具--Tips”是一款专为办公环境设计的任务管理软件,它旨在帮助用户有效地组织和管理日常的工作事务。通过该软件,用户可以对各项任务进行分类,以便于区分不同的工作内容和责任领域。此外,...
性能测试小Tips软件测试1、性能测试的目的:通过测试确认软件是否满足产品的性能需求,同时发现系统中存在的性能瓶颈,起到优化系统的目的。2、性能测试指标的来源:测试的依据是产品的需求规格说明书;如果用户没有...
它的主要优势在于其自适应屏幕宽度的特性,这意味着无论用户是在大屏桌面还是小屏移动设备上浏览,提示信息都能保持良好的可读性和视觉效果。这种响应式设计有助于提高网站的可用性和兼容性。 二、自适应屏幕宽度...
FPGA(现场可编程门阵列)设计中,正确使用时钟资源是保证设计性能和稳定性的关键步骤之一。时钟资源在FPGA设计中占据着核心地位,因为几乎所有的数字逻辑设计都与时钟信号息息相关。良好的时钟设计可以确保数据稳定...
* $(selector).tips({ //selector 为jquery选择器 * msg:'your messages!', //你的提示消息 必填 * side:1, //提示窗显示位置 1,2,3,4 分别代表 上右下左 默认为1(上) 可选 * color:'#FFF', //提示文字色 默认...
本资源“jquery tips提示图片信息.rar”显然聚焦于利用jQuery实现一种图片提示信息的功能,这通常涉及到图片展示、用户交互以及可能的动画效果。以下是关于这个主题的详细知识点: 1. jQuery选择器:jQuery的选择器...
**KTH-TIPS灰度纹理数据集详解** KTH-TIPS(KTH-Texas Institute of Photography and Shape)是一个广泛使用的图像数据库,特别是针对纹理分析和图像分类任务。这个数据集包含了大量的灰度纹理图像,是计算机视觉...
《KTH-TIPS纹理材质数据集详解》 纹理和材质是计算机图形学中不可或缺的元素,它们赋予虚拟世界中的物体以真实感和视觉吸引力。KTH-TIPS纹理材质数据集,作为一个广泛使用的资源库,为研究者和开发者提供了丰富的...
这份名为“产品经理入门小tips”的压缩包文件,显然是一份为初入产品经理领域的新人准备的指南。PDF文档可能包含了对这个职位的基本理解、核心技能、工作流程、市场分析、用户研究、项目管理以及产品设计等多个方面...
在编程领域,特别是GUI(图形用户界面)设计中,"Tips对话框"是一种常见的功能,它用于向用户提供简短的提示信息。这个例子是关于如何在应用程序中实现Tips对话框的教程,主要针对控件使用的类。让我们深入探讨一下...
jQuery_Tips插件就是这样一个工具,它为开发者提供了创建美观且可自定义的小贴士功能,使得用户体验更加友好。 **jQuery插件基础** jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和...
Tips,也称为Tooltip,是ECharts中用于显示数据详情的小窗口,当鼠标悬停在图表元素上时,Tips会显示该元素的相关信息,帮助用户更好地理解数据。在地图图表中,Tips通常会展示与地理位置相关的数据指标。 实现Tips...
标题中的“小程序源码 Protips.zip”表明这是一个包含小程序源代码的压缩文件,而描述中的内容与标题相同,没有提供额外的信息。由于标签为空,我们无法根据标签来推测更多的信息。压缩包内的文件名为“Protips.rar...
在Android开发中,有一些实用的小技巧可以提升应用的用户体验和功能。以下是一些关键知识点的详细解释: 1. **APP自动升级**: 当需要实现APP自动升级时,首先需要在`AndroidManifest.xml`文件中添加`INSTALL_...