学习笔记随笔day1,day2,day3

职能职务分析
1.可行性分析 分析项目是否可行,公司是否有能力承担此项业务,即是否有足够的技术储备以及参与此项目是否能为公司带来足够的利润。
2.需求分析 根据客户需求做出高保真ui,可以利用Axure,墨刀等工具,需求分析将会占用一个项目不少的时间,将客户的需求具体化并制作出大概轮廓。
3.产品设计 可以用ps中的吸管等工具提色 切片 测量
4.网页开发 Psd/rp->css/js html
5.数据对接
数据库->javaEE 数据服务 -->html
产品经理(需求分析->使用axure绘制产品雏形)
Ui设计师(根据axure设计页面)
大前端工程师(将设计师->网页)

2.Axure
1.理论
块元素(box),行内元素,表单,布局
2.软件开发路线
承上启下,团队协作
3.职业规划
程序员->产品经理/管理层,概念 java微服务/架构师,架构搭建/非技术岗
4.必备技术

Rp->psd_->html/css/js->网页

入门:axure 软件应用(1.官方软件2.英文原版3.英文归档)
应用:
(1.鼠标点击
2.键盘/触摸板)
Mac air(商务)
Mac book
Mac pro(专业)
类linux操作系统

5.axure基本应用
1)工程创建
Ctrl+n
->内存->Ctrl+s->持久化保存磁盘
4G——512G机械硬盘
桌面->右击->新建 文本文档 ->桌面出现文本文档
Hello.txt

磁盘 持久化保存

2)软件熟悉
菜单栏 file edit window
工具栏
快速属性栏
页面导航
页面->page
元件库/组件库
盒子,标题,图片,段落,表单,表格
工作台
属性区
图层

6.打字
金山打字通 英文 指法 30~40分钟
训练下自己的指法,虽然还是敲代码的效果最好,这样也可以稍微锻炼一下,略微的训练

Axure
长宽w h 坐标 图层 颜色 元件
Ctrl c复制 ctrl v黏贴
基本常识

今日作业
1.将newbalance中国的列表页完善
2.将newbalance中国的首页完善

Day2
态度端正,做细致
前端三要素:
Html 结构 身材
Css-样式 化妆
Js-交互 才艺
1.axure的界面介绍
2.2.文件创建以及归档
Briup/
1axure
2htmlcss
3Js

3.元件(标签,元素)
盒子 box
4.布局
使用块元素进行布局,box 盒子 div
Width
Height
Background
Color
Border
Border-width
Border-color
Border-style

Padding内边距
Margin 外边距
行级布局
Box
列级布局
Float
Flex
Position
5.样式添加
6.元件(组件->标签)
Box
Image
1)基础元件
2)表单原件
3)表格原件
4)图标
7.交互
事件机制三要素
事件源 巴城镇中国农业银行
事件处理函数 巴城派出所出警
事件对象 事件细节

事件类型
Click
Mouseover

Let one = Doucument.getElementById()
Paragraph 段落 heading标题 button按钮
动态面板
Inline frame 内嵌框架
Repeater重复器遍历模板
8.B/S架构
9.数据驱动
备忘录
数据库
数组
列表

高保真ui

Day3
做动态面板(跑马灯)

1.axure后台页面设计(模态框),rplib元件库 母版
Antdesign(react)
Elementui(vue)

2.Ps
测量 选框工具
取色 滴管
切片
抠图 设计 去背景色
3.axure 团队合作 svn账号

1.根据用户需求->绘制原型
2.需求列表 原型体现需求

Subversion(版本控制)
1.选取一个项目进行原型绘制
2.组长创建

个人信息
博客地址www.segmentfault.com/xxx

职业技能
1.Axure
2.Html5 css3 javascript

项目经验
1.绘制newbalance原型
Xxx axure svn团队

源码地址:github(sub)

Offer
试用期薪资
实习期薪资
转正薪资

你可能感兴趣的:(HTMLcss)