文章分类 -  web学习

六.网站风格
摘要：6.1网站设计风格 拟物化：画面贴近真实，更易懂，精美，需要交互，显示比较慢 扁平风：平面化，简约，抽象，取消了复杂的交互，显示更快 6.2网站配色 colorhunt.co 1.必须有一种或两种主题色，才能不单调、乏味。 2.不使用超过3-4种颜色 3.不要配色 6.2.1场景分析 黄色:吸引注意 阅读全文
posted @ 2021-03-13 11:36 faval 阅读(61) 评论(0) 推荐(0)
五.ps
摘要：五.ps简单处理 注意：需要掌握会切片处理 5.1ps简介 主要用于图片文字，处理视频很少使用Ps处理，一般视频使用Ae,Pr使用 5.2ps工作区划分 菜单区，工具区，工作区，窗口 5.3像素 图片是由很多的像素点组成，像素是个相对单位，像素点颜色不一样，屏幕大小不变，分辨率越高，代表像素点越多， 阅读全文
posted @ 2021-03-13 11:34 faval 阅读(49) 评论(0) 推荐(0)
七.axure使用
摘要：七.Axure使用 7.1Axure页面布局 Axure画网页原型：低保真、高保真 低保真：只要框架结构，不需要细节 高保真：要求和网页一摸一样 网页大小结构布局： 分辨率：1024x768、1366x768（用的多） 网页大小：1348（1366-17取偶数）x768 中间内容大小：800-120 阅读全文
posted @ 2021-03-13 11:32 faval 阅读(151) 评论(0) 推荐(0)
八.Web基础
摘要：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 阅读(109) 评论(0) 推荐(0)
十.盒子模型
摘要：1.什么是盒子模型 盒子模型是网页设计中常用的思维模型，是指每个标签都可以看成一个矩形盒子，一个页面由很多的盒子组成 2.盒子模型分类 w3c标准盒子模型 IE和盒模型（怪异盒模型）低版本ie浏览器解析方式 3.标准盒子模型 content（content）：内容由width，height宽高组成， 阅读全文
posted @ 2021-03-13 11:22 faval 阅读(85) 评论(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 阅读(73) 评论(0) 推荐(0)
九.css样式
摘要：1.什么是css？ css即层叠样式表的首字母简写 2.css三大特性 层叠性，即为同意元素设置多个一样的样式，如颜色，同级的会是最后出现的颜色 继承性：当子标签没设置样式时，会继承父级的样式 优先级：！importan>行内样式>id选择器>类选择器>标签选择器>通配符>继承 3.css的语法 c 阅读全文
posted @ 2021-03-13 10:43 faval 阅读(49) 评论(0) 推荐(0)
十一.浮动
摘要：1.三种布局方式 1.标准流：块级元素纵向排列，行内元素横向排列 2.浮动流：横向排列 3.定位流：不动 2.什么是浮动？ 元素浮动后会脱离文档流，不占据位置，浮在文档流上，元素在水平方向上左右排列。 用来布局，用于图片，文字环绕 3.float属性 左浮动：float:left 右浮动：float 阅读全文
posted @ 2021-03-13 10:42 faval 阅读(43) 评论(0) 推荐(0)
十二.定位
摘要：1.什么是定位？ 去改变元素的原来的位置 2.定位分类 static:普通文档流，无定位 absolute：绝对定位 relative：相对定位 fixed:固定定位 3.语法 定位=定位模式+偏移 定位模式： static:普通文档流，无定位 absolute：绝对定位 relative：相对定位 阅读全文
posted @ 2021-03-13 10:37 faval 阅读(49) 评论(0) 推荐(0)
十五.动画
摘要：1.animation animation：动画名称 时间 速度曲线 延迟时间 播放次数 是否循环播放2.关键帧 @keyframes 动画名 { 时间点1{ css属性:属性值； } 注意之间无符号 时间点1{ css属性:属性值； } } <!DOCTYPE html> <html lang=" 阅读全文
posted @ 2021-03-13 10:35 faval 阅读(32) 评论(0) 推荐(0)
十三.其他使用
摘要：精灵图 也叫雪碧图（css sprite），将多图合并为1张图片，然后通过背景图进行引入。 优势： 减少资源加载的次数和大小。 劣势： 合并图片复杂，使用图片时必须按照实际大小使用。 语法： 1.元素固定宽度、高度； 2.background-image: url(); 3.background-p 阅读全文
posted @ 2021-03-13 10:09 faval 阅读(50) 评论(0) 推荐(0)
四.网页结构
摘要：xmind6软件，用于绘制流程结构图 4.1功能流程 功能分析，流程图 1.浏览商品 2.查看商品详情 3.加入购物车 3.1没登陆，跳转登陆界面 3.2已登录，加入购物车，页面不跳转 4.点击购物车，查看购物清单 5.选择购买商品 6.点击购买商品 7.生成订单（查看订单信息，添加，选择地址，显示 阅读全文
posted @ 2021-03-13 09:35 faval 阅读(34) 评论(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 阅读(21) 评论(0) 推荐(0)
一.web开发流程
摘要：一.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 阅读(69) 评论(0) 推荐(0)