web标准化布局

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 和
服务器端语言也是前端开发工程师应该掌握的。 

 

下拉框前端实现