页面制作学习笔记：D1.概述

一、Web发展历史

　　Web1.0 ：早期HTML页面；例：网易的门户网站163.com。

　　Web2.0：AJAX技术规模应用；例：网易邮箱126.com。

　　Web3.0：HTML5技术规模应用；例：网易云音乐。

二、Web前端开发的协作流程

　　Web协作流程：策划→交互→视觉→前端（前端工程师）→后端→测试

　　Web前端工程师的工作职责：将Web系统的交互稿+视觉稿转换为用户UI

三、Web前端工程师的知识结构

　　将视觉稿转换为用户UI→页面制作→知识结构：PS+HTML+CSS，（PS：从视觉稿中将页面元素切图；HTML：页面结构；CSS：页面样式）

　　将交互稿转换为用户UI→页面逻辑开发→知识结构：Javascript+DOM编程，（Javascript：与用户交互；DOM编程：操作CSS的接口）

四、Web前端微专业的课程体系

时间： 2024-08-04 14:26:56

页面制作学习笔记：D1.概述的相关文章

页面制作学习笔记：D2.Photoshop切图

一.什么是切图? 切图就是从网页设计稿中切出网页素材,比如一些小的按钮.小的图片.页面的LOGO.网页的背景图片等. 然后就是页面编码,引入图片资源在HTML里通过 img 标签引入图片资源 <img src="images/avatar.jpg" alt="头像"> 在CSS里面通过background属性引入图片资源 .icon { background-image:url(../images/avtar.jpg); background-posi

学习笔记-性能测试-概述

性能测试的目的,什么是性能测试? 目的主要有四点:1评估系统能力,2寻找系统弱点(瓶颈),3系统调优,4验证系统可靠性,稳定性. 通俗的来说,性能测试的目的就是验证系统好不好用,就像功能测试验证系统是否可以用. 比较官方点的定义是: 是指在某个特定的硬件.软件.网络环境下通过自动化的测试工具模拟多种正常.峰值以及异常负载条件来对系统的各项性能指标进行测试. 性能测试的步骤? 设计测试方案选择测试工具搭建测试环境设计测试场景执行测试分析测试结果性能选择的标准? 达到客户的需求新系统至

iOS原生App与H5页面交互笔记

iOS原生App与H5页面交互笔记字数390 阅读2204 评论1 喜欢25 最近在做一个项目用到了原生App与H5交互,之前有做过简单的H5页面直接调用原生方法的例子,就是利用UIWebView中的代理方法 //webview每次加载之前都会调用这个方法,利用该代理方法截取JS的href来调用原生的方法 - (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigatio

转载 TCPIP学习笔记之概述

1.分层网络协议通常分不同层次进行开发,每一层分别负责不同的通信功能.一个协议族,比如 T C P / I P,是一组不同层次上的多个协议的组合. T C P / I P通常被认为是一个四层协议系统,其示意图如下: (图1)TCP/IP协议族的四个层次每一层负责不同的功能: 1) 链路层: 有时也称作数据链路层或网络接口层,通常包括操作系统中的设备驱动程序和计算机中对应的网络接口卡.它们一起处理与电缆(或其他任何传输媒介)的物理接口细节. 2)网络层: 有时也称作互联网层,处理分组在网络中的

Struts2 学习笔记（概述）

Struts2 学习笔记 2015年3月7日11:02:55 MVC思想 Strust2的MVC对应关系如下: 在MVC三个模块当中,struts2对应关系如下: Model: 负责封装应用的状态,并实现应用的功能.通常分为数据模型和业务逻辑模型,数据模型用来存放业务数据,比如订单信息.用户信息等:而业务逻辑模型包含应用的业务操作,比如订单的添加或者修改等. 封装应用状态:某些应用数据封装起来,使得视图只能通过接口获取对应的数据响应状态查询:对应用的状态改变进行处理暴露应用功能:暴露接口通

JNDI 笔记(一) 概述

很多地方都会用到JNDI,一大堆的缩写加上一大堆不清不楚的概念描述,使得在看到的时候都不认识,更不要说使用了. JNDI,Java Naming Directory Interface,J2EE的标准之一,所有的J2EE容器都必须提供一个JNDI的服务,但是,我一直都没用过,至少是没有刻意地去用过.因为,我也曾经把数据源配置在Tomcat的JNDI服务中,但那时,我也只是刚刚涉足JAVA,有人告诉我应该这么干而已.后来,我开始使用自定义的数据库连接配置文件,就再也没有跟JNDI打过交道了,直

"Javascript高性能动画与页面渲染"笔记

前言:好久没翻阅我的gmail邮箱了,午休时就打开看了一下,看到InfoQ推荐的一篇名为“Javascript高性能动画与页面渲染”文章,粗略的看了一下,很赞!讲的很详细,对好些细节讲的都很好,很通俗易懂.so……笔记诞生 1.fps -frame per second 帧页面是每一帧变化都是系统绘制出来的(GPU或者CPU).但这种绘制又和PC游戏的绘制不同,它的最高绘制频率受限于显示器的刷新频率(而非显卡),所以大多数情况下最高的绘制频率只能是每秒60帧(frame per second,

Java基础学习笔记-Java概述与环境配置

第一篇 Java 概述与环境配置一.基础常识: 1.软件开发: <1>什么是软件? 软件:一系列按照特定顺序组织的计算机数据和指令的集合. 常见的软件: 系统软件:如DOS,windows, Linux等. 应用软件:如扫雷,迅雷,QQ等. <2>什么是开发? 制作软件 <3>人机交互软件的出现实现了人与计算机之间的更好的交互. 交互方式: 图形化界面:这种方式简单直观,使用者易于接受,容易上手操作. 命令行方式:需要有一个控制台,输入特定的指令,让计算机完

mongodb 学习笔记 01 -- 概述，安装，运行

mongodb 概述 mongodb 是文档型NoSQL数据库,存储 bson–> json二进制.内部执行引擎为js解释器,把文档存储成bson结构,在查询时,转化为js对象.并可以通过js语法操作. mongodb 与传统数据库比传统数据库是结构化数据库,列的个数类型都一样文档数据库以文档为单位比如: { id:1, name: "billvsme", age:21, } { id:2, name: "zhangshan", phone:12313