Axure软件的学习

学习H5全栈的第一阶段（学习axure工具）一

一、axure:原型工具（网站雏形）
1、可行性分析（boss）
技术储备和利润
2、需求分析（产品经理）
报价（功能的分析）
1）需求的展现方式：
a.手绘
b. ps（使用难度大，专业性强）
c.axure（使用难度小，封装了很多元件（其他软件：墨刀）
d.html网页（复杂度大，返工成本高）
3、产品设计（细化）
设计师 PS 【美术专业】---->psd图片
4、网页开发阶段（静态网页）
psd/rp->html、css、js
5、数据对接阶段
数据库->JavaEE 数据服务---->html
职位：
产品经理（需求分析->使用axure绘制产品雏形）
ui设计师（根据axure设计页面）
大前端工程师（将设计图–>网页）
二.为什么学习axure
1.理论
块元素
行内元素
表单
布局
2.软件开发路线
前端三要素：
a.html：结构
b.css： 样式
c.js 交互
3. 元件（标签，元素）
盒子 box
4. 布局
使用块元素来进行布局，box 盒子, div【盒子模型】

		width：宽度
		height：高度
		background：背景色
		color：字体颜色
		border：边框
		border-radius：边框圆角
		border-left：左边框
		border-width：边框宽度
		border-color：边框颜色
		border-style ：边框样式
				solid：实线
				dotted：小圆点
				...
		padding：内边距
		margin：外边距

行级布局
box
列级布局
float
flex
position
5.样式添加
css
6. 元件（组件-> 标签）
box：盒子
image：图片
1) 基础元件
2) 表单元件
3) 表格元件
4) 图标元件
7. 交互
1）事件机制三要素
事件源
事件处理函数 .
事件对象
2）事件类型
click
dbclick
mouseover
mouseleave
mouseenter
mouseout

	let one = document.getElementById('one');
	one.onclick = function(event){
		event
		window.href= "https://www.baidu.com";
	}
	按钮

8. B/S架构：浏览器/服务器架构

9. 数据驱动：数据库