使用Axure做验证码之校验验证码（二） 本次作业，输入验证码，并校验验证码是否正确。上篇文章，介绍了如何获取验证码，本次作业在上次作业的基础上，做进一步的深究。1.在上次作业中，增加新的元件： 文本框，命名：输入验证码； 增加热区，命名为：具体提示信息，设置值为：正确，错误 热区样式，初始化为隐藏 元件设置完成，如下：实现步骤：设置输入框用例：主要的作用就是...
Axure10种非交互功能简介（引自人人都是产品经理） 一、notes：控件和页面注释越来越多的PM开始用Axure来写PRD，但行内并不存在约定成俗的文档规范。作者目前为止见过的Axure版PRD中，大部分采用原型+旁边文字标注的方法来表达产品逻辑。其实，notes才是Axure官方推荐的逻辑标注方式。Axure官网对notes的介绍：控件注释和页面注释是与控件和页面关联的文本元数据。它们可以用来记录规范，将控件和页面与项目...
存储过程十种语法 创建语法1 create proc | procedure pro_name2 [{@参数数据类型} [=默认值] [output],3 {@参数数据类型} [=默认值] [output],4 ....5 ]6 as7 SQL_statements创建不带参数的存储过程--创建存储过程if (e...
使用Axure做验证码之获取验证码（一） 本次作业，制作验证码，仅完成获取验证码操作，如下：分析：左图为矩形，主要展示验证码（本例设置4位验证码），其中验证码为字母和数字组合；右图为文本输入框，主要设置点击事件，即点击文本文字，矩形框中的验证码随机出现四位值；实现：1.准备相关部件：矩形1，命名为“验证码”，随意输入四个值，中间用空格隔开；文本标签，命名为“换一张”，字体随意设置，如下：...
WEB学习笔记13-高可读性的HTML之精简HTML代码/过时的块状元素和行内元素 1 <a id="more-intro">点击此处 <img src="down-arrow.png" /></a>（1）删除多余的容器1 <div id="container-up">2 <div id="signin_logo">3 <img alt="" src="images/si...
WEB学习笔记11-高可读性的HTML之如何设置网页标题层级 标题标签指的是<h1>~<h6>这6个标签，统称为<hx>标签。（1）在页面内容的标题部分使用<hx>标签 1 <h1 class="reader-title">Holman Christian Standard Bible</h1>（2）页面中只使用一个<h1>标签 为了...
WEB学习笔记14-HTML5新特性的使用 （1）定义文档类型声明 <!DOCTYPE html>（2）定义页面编码 <!—HTML 4.01中定义的设置页面编码的方式--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <!—HTML5中定义的设置页面编码的方式--> &...
WEB学习笔记12-高可读性的HTML之如何正确设计表单 网站中的用户登录、注册、用户调查等都是通过页面中的表单提交到网站服务器的。假设要实现让用户设置个人信息的一个表单。该表格为两栏布局，第一栏中的文本左对齐，第二栏的表单控件右对齐，构成了最容易实现的表单布局设计。<label>用于为输入控件定义文本标签（label）——即显示在输入控件旁边的说明性文字。要为<label>指定关联的输入控件，只需把相关控...
WEB学习笔记9-添加必要的<meta>标签 <meta>标签放置在HTML页面的head中，主要用于标示网站。其中主要包含网站的一些描述信息，如简介，作者等。这些信息有助于搜索引擎更准确地识别网页的内容，也有助于第三方工具抓取网站基本信息。<meta>元素有4个属性: name:页面文档的元信息 HTTP-equiv:设置HTTP请求指令 content charset:页面字符...
WEB学习笔记10-高可读性的HTML之HTML 语义化 实现如下所示工具栏：做到标签语义化，首先要尽量减少使用<div>和<span>这两个标签。分析：这是一个包含5个无序操作项的工具栏，因此应该使用符合语义的<ul>标签。如下：1 <ul id ="reader_main_action" class="reader-main-action">2 <li class...
WEB学习笔记7-样式与结构分离 CSS样式应用于HTML总共4种样式： （1）在HTML页面中链接一个CSS文件 文件以link形式添加到<head>部分，在link中可以设置media属性来表明样式使用的场景。例如，media值设置为screen标示正常浏览的CSS样式，设置为print标志打印时样式。 <link rel="stylesheet" href="defaul...
WEB学习笔记8-添加javascript禁用的提示 最常用的方式是使用<noscript>标签，此标签就是当javascript被禁用或者不被支持的时候提供一种代替方式，即<noscript>标签的内容会在此时被浏览器解析，作为javascript不可用时的备选方案。此标签的常规用法就是当javascript不可用时显示提示信息。<script type="text/javascript">...
WEB学习笔记6-正确闭合HTML标签 自闭合标签（空元素，即不能包含任何内容，这些元素对应的HTML标签成为自闭合标签）area/base/br/col/command/embed/hr/img/input/keygen/link/meta/param/source/track/wbr<!--非闭合标签必须有开始和结束标签--><a href="demo.html" title="demo"&g...
使用SQLsever批量查询TXT文本中的值 测试文档如下，需要查到case_no值为以下时，对应的单据信息分别是什么。步骤如下：在txt文本中 Ctrl+H,输入如下，点击“全部替换” 在word文本中，复制以上信息到word文本中，目的是去除回车键，使之成为一行。 Ctrl+H，输入如下，点击“全部替换” 结果如下： 删除前两个字符：', 在最后新增字符...
WEB学习笔记5-标准的HTML页面结构 完整的文档包含一下 <html> <head> </head> <body> </body> </html>在HTML5规范中简化了文档类型的声明，省略了DTD的引用，表明文档以标准模式解析，示例代码如下： <!DOCTYP html>head部分包括了文...
WEB学习笔记3-开发环境和工具 WEB前端集成开发环境：Aptana Studio和WebStormWEB前端代码调试：IE浏览器自带的IE Dev Toolbar，Chrome浏览器自带的Developer Tools，Firefox浏览器插件Firebug，Safari浏览器自带的Develop系列工具WEB前端性能分析：常用的Web前端性能分析工具有YSlow、PageSpeed及各浏览器自带开发工具，Ch...
WEB学习笔记4-前端代码基本命名规法和格式规范 1.HTML命名规范及格式规范 标签名和属性应该都小写，虽然HTML代码不区分大小写；属性值应该用双引号闭合。 <IMG src=demo.jpg alt='test'/>(N) <img src=demo.jpg alt="test"/>(Y) 给所有的关键元素定义元素的id和class,便于和CSS、javascript交互。推荐做法：...
WEB学习笔记2-结构组织和文件命名 常用的前端文件的组织结构：.js(放置javascript代码).lib(放置框架javascript文件).custom.js.css(放置CSS样式代码).lib(放置框架CSS文件).images(放置用于样式中的背景图).reset.css(统一元素默认样式的样式文件).custom.css(业务相关样式文件).resource(放置页面图片文...
关注
