web-ui是什么?即网页用户界面,包括用户研究、交互设计、界面设计,实现人机交互
web的基本分类
•门户网站:新浪、网页、腾讯等 •分类信息网站:赶集网、
•交易类网站:天猫、淘宝等B2B/C2C网站 •娱乐性网站:视频、游戏等
•博客类网站:个人对外部发布信息的平台 •论坛社区类网站:交流平台
•行业类网站:汽车之家等 •企业类网站:企业对外展示窗口
•机构类网站:政府和事业单位的信息网站 •功能性网站:百度,有道翻译等搜索功能的网站
网页有什么组成:模块(模块是网页界面布局中最小的单位,展现不同类别的信息,具有特定的功能)
•导航:可理解为网站的整体架构。红框导航,篮筐二级菜单
•新闻:对新闻动态信息的展示,更新频率很快
•首页焦点图(banner):首焦图,网站中宣传的重要体现模块,一般要求会很炫酷...
•搜索(search):搜索模块,快速寻找目标信息
•版权:网站版权说明
网页是如何实现的:代码
•计算机读取代码的规则:自上而下,一行一行读取
Web 前端开发的三大技术要素——HTML、CSS 和 JavaScript
•结构:HTML(网站够成的框架内容)
•样式:CSS(设计的特点)
•行为:JavaScript(网页的指令和方法)
web标准化布局原理
•把网页看成多个网格
•先有行再有列(从上到下一行一行布局)
•先做容器再做内容(从外到内)
MVC 框架,即 HTML 作为信息模型(Model),CSS 控制样式(View),JavaScript 负
责调度数据和实现某种展现逻辑(Controller)。同时,代码需要具有很好的复用性和可
维护性
前端开发技术包括三个要素:
HTML、CSS 和 JavaScript,但随着 RIA 的流行和普及,Flash/Flex、Silverlight、XML 和
服务器端语言也是前端开发工程师应该掌握的。
下拉框前端实现