摘要: 1.标题 # 文字 2.斜体 文字 3.粗体 文字 4.引号 >文字 5.无序列表 -文字 *文字 +文字 6.有序列表 1.文字 2.文字 3.文字 7.链接 文字链接 [百度]:http://www.runoob.com/ [runoob]: http://www.runoob.com/ 图片链 阅读全文
posted @ 2021-03-13 12:42 faval 阅读(27) 评论(0) 推荐(0)
摘要: 6.1网站设计风格 拟物化:画面贴近真实,更易懂,精美,需要交互,显示比较慢 扁平风:平面化,简约,抽象,取消了复杂的交互,显示更快 6.2网站配色 colorhunt.co 1.必须有一种或两种主题色,才能不单调、乏味。 2.不使用超过3-4种颜色 3.不要配色 6.2.1场景分析 黄色:吸引注意 阅读全文
posted @ 2021-03-13 11:36 faval 阅读(39) 评论(0) 推荐(0)
摘要: 五.ps简单处理 注意:需要掌握会切片处理 5.1ps简介 主要用于图片文字,处理视频很少使用Ps处理,一般视频使用Ae,Pr使用 5.2ps工作区划分 菜单区,工具区,工作区,窗口 5.3像素 图片是由很多的像素点组成,像素是个相对单位,像素点颜色不一样,屏幕大小不变,分辨率越高,代表像素点越多, 阅读全文
posted @ 2021-03-13 11:34 faval 阅读(25) 评论(0) 推荐(0)
摘要: 七.Axure使用 7.1Axure页面布局 Axure画网页原型:低保真、高保真 低保真:只要框架结构,不需要细节 高保真:要求和网页一摸一样 网页大小结构布局: 分辨率:1024x768、1366x768(用的多) 网页大小:1348(1366-17取偶数)x768 中间内容大小:800-120 阅读全文
posted @ 2021-03-13 11:32 faval 阅读(121) 评论(0) 推荐(0)
摘要: 8.1B/S四部分 客户端、web、htttp协议、网页 web服务器:php语言对应apache,jsp语言对应tomcat,asp.net/asp对应iis,nodejs对应node.js,服务器需运行才能访问 http协议,request/response web网页:结构(html)、样式( 阅读全文
posted @ 2021-03-13 11:29 faval 阅读(93) 评论(0) 推荐(0)
摘要: 1.Chinese汉化 2.open in browser在浏览器打开 3.beautify代码格式化 4.power mode 鼠标效果 阅读全文
posted @ 2021-03-13 11:28 faval 阅读(22) 评论(0) 推荐(0)
摘要: 1.什么是盒子模型 盒子模型是网页设计中常用的思维模型,是指每个标签都可以看成一个矩形盒子,一个页面由很多的盒子组成 2.盒子模型分类 w3c标准盒子模型 IE和盒模型(怪异盒模型)低版本ie浏览器解析方式 3.标准盒子模型 content(content):内容由width,height宽高组成, 阅读全文
posted @ 2021-03-13 11:22 faval 阅读(75) 评论(0) 推荐(0)
摘要: 3.1网站结构类型 封面型(迪拜介绍) 只有一页,简洁,炫酷 国字型 很方正那种 拐角型 有拐角,后台 标题正文型 标题,正文,标题,正文 左右框架型 左右分布 上下框架型 上下结构, 综合变化型 上面几种综合 3.2总结: 1,1-1,1-1-1,1-2-1,1-3-1 垂直布局,水平布局,流式布 阅读全文
posted @ 2021-03-13 10:46 faval 阅读(67) 评论(0) 推荐(0)
摘要: 1.什么是css? css即层叠样式表的首字母简写 2.css三大特性 层叠性,即为同意元素设置多个一样的样式,如颜色,同级的会是最后出现的颜色 继承性:当子标签没设置样式时,会继承父级的样式 优先级:!importan>行内样式>id选择器>类选择器>标签选择器>通配符>继承 3.css的语法 c 阅读全文
posted @ 2021-03-13 10:43 faval 阅读(35) 评论(0) 推荐(0)
摘要: 1.三种布局方式 1.标准流:块级元素纵向排列,行内元素横向排列 2.浮动流:横向排列 3.定位流:不动 2.什么是浮动? 元素浮动后会脱离文档流,不占据位置,浮在文档流上,元素在水平方向上左右排列。 用来布局,用于图片,文字环绕 3.float属性 左浮动:float:left 右浮动:float 阅读全文
posted @ 2021-03-13 10:42 faval 阅读(29) 评论(0) 推荐(0)
摘要: 1.什么是定位? 去改变元素的原来的位置 2.定位分类 static:普通文档流,无定位 absolute:绝对定位 relative:相对定位 fixed:固定定位 3.语法 定位=定位模式+偏移 定位模式: static:普通文档流,无定位 absolute:绝对定位 relative:相对定位 阅读全文
posted @ 2021-03-13 10:37 faval 阅读(38) 评论(0) 推荐(0)
摘要: 1.animation animation:动画名称 时间 速度曲线 延迟时间 播放次数 是否循环播放2.关键帧 @keyframes 动画名 { 时间点1{ css属性:属性值; } 注意之间无符号 时间点1{ css属性:属性值; } } <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2021-03-13 10:35 faval 阅读(23) 评论(0) 推荐(0)
摘要: 精灵图 也叫雪碧图(css sprite),将多图合并为1张图片,然后通过背景图进行引入。 优势: 减少资源加载的次数和大小。 劣势: 合并图片复杂,使用图片时必须按照实际大小使用。 语法: 1.元素固定宽度、高度; 2.background-image: url(); 3.background-p 阅读全文
posted @ 2021-03-13 10:09 faval 阅读(25) 评论(0) 推荐(0)
摘要: xmind6软件,用于绘制流程结构图 4.1功能流程 功能分析,流程图 1.浏览商品 2.查看商品详情 3.加入购物车 3.1没登陆,跳转登陆界面 3.2已登录,加入购物车,页面不跳转 4.点击购物车,查看购物清单 5.选择购买商品 6.点击购买商品 7.生成订单(查看订单信息,添加,选择地址,显示 阅读全文
posted @ 2021-03-13 09:35 faval 阅读(25) 评论(0) 推荐(0)
摘要: 2.1经典网站 huaban.com sqool.com uplabs.com design.alipay.com upsplash.com 老师:doubleyoung 2.2注意点 文字尽量少,图片多一点,布局简单合理,有层次感 页面全是图片时候,瀑布流网页,注意有错觉感,凸显 点金色的选择,鲜 阅读全文
posted @ 2021-03-13 09:33 faval 阅读(18) 评论(0) 推荐(0)
摘要: 一.web开发流程 1.1web应用程序 运行在web上的应用程序 C/S架构: Client:客服端 S:服务端 B/S架构: Brower:浏览器 S:服务端 1.2特点 B/S架构维护方便,使用方便简洁,适用多平台 C/S架构需下载客户端,麻烦,对于多平台维护复杂 1.3web开发流程 需求分 阅读全文
posted @ 2021-03-13 09:32 faval 阅读(49) 评论(0) 推荐(0)