Web第一天——准备篇

W240第一天——准备篇

Axure设计bootstrap首页线框图

安装软件

Axure（原型图绘制）、notepad++、FileZille、FSCapture（截屏录屏软件）、inletexEMC（共享屏幕）

Axure（原型图绘制）：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201009142758758.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1oyNjk1NzE2Mjc=,size_16,color_FFFFFF,t_70#pic_center)
汉化：将lang文件夹放在Axure所在目录下（属性打开）。

FSCapture（截屏录屏软件）：
在这里插入图片描述
注册码：
USER NAME:TEAM_BRAiGHTLiNG_2007

CODE:XPNMF-ISDYF-LCSED-BPATU

inletexEMC（共享屏幕）：
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201009140144485.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1oyNjk1NzE2Mjc=,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201009140833750.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1oyNjk1NzE2Mjc=,size_16,color_FFFFFF,t_70#pic_center)

参考文档

w3school：html、html5、css、css3

Axure基本使用

1.背景大图的配置![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201009165719269.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1oyNjk1NzE2Mjc=,size_16,color_FFFFFF,t_70#pic_center)
2.Bootstrap导航栏
在这里插入图片描述

  • 动态面板
    在这里插入图片描述

  • 矩形框

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20201009170900303.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1oyNjk1NzE2Mjc=,size_16,color_FFFFFF,t_70#pic_center)

posted @ 2020-10-12 18:54  SuperITZ  阅读(196)  评论(0)    收藏  举报