前端页面设计

《前端页面设计》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、前端页面设计前端页面设计网站设计模式：MVC（modeviewcontroller）MVC模式的目的就是实现Web系统的职能分工Model层实现系统中的业务逻辑View层用于与用户的交互Controller层是Model与View之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图以用于显示，同时它也可以解释用户的输入并将它们映射为模型层可执行的操作。前端实现网站的view层：涉及技术：html,css,ps,js等。工作内容：把设计好的网页UI图片切成html页面技术要点：1.div+cssDIV+CSS是网站标准（或称“WEB标

2、准”）中常用术语之一，div+css是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格（table）定位方式，真正地达到了w3c内容与表现相分离。HTML语言自HTML4.01以来，不再发布新版本，原因就在于HTML语言正变得越来越复杂化、专用化。XHTML语言是一种可以将HTML语言标准化，用XHTML语言重写后的HTML页面可以应用许多XML应用技术。使得网页更加容易扩展，适合自动数据交换，并且更加规整。在XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。教程

3、网址：了解如何用div+css设计一个网页1.切图：PS利用PS可以把一整张网页图片切成我们想要的素材（如：背景图片等）和了解网页尺寸（如：页面宽度）。2.CSS+JS:CSS+JS可以实现页面的各种排版样式，使页面更加美观。资料：可以上网找一些css和js手册。教程：学习js和css平时练习：可以阅读网站网页源码或网上找一些网页图片模板来尝试进行设计。扩展阅读：前端交互页面设计要求项目名称任我游门户项目型号任我游门户前端交互页面设计要求文档编号：文档版本：1.0拟制部门_____软件技术部______拟制_____李祖玉_201_

4、年_2_月1_日审核_________________年____月日标准化审查_年月日批准年月日上海易罗信息科技有限公司任我游门户前端交互页面设计要求文件更改记录版本号1.0创建更改内容方式创建更改人李祖玉更改日期201-2-12/任我游门户前端交互页面设计要求3/任我游门户前端交互页面设计要求4/任我游门户前端交互页面设计要求目录1.2.3.4.规范说明.............................................................6编码方式........................

5、.....................................6注释.................................................................6页面结构布局.........................................................64.1.4.2.5.使用HTML5标准...................................................7采用DIV布局.....................

6、................................7样式设计要求.........................................................75.1.5.2.5.3.5.4.避免使用CSSexpressions.........................................7合并样式中图片...................................................7尽量引用外部的CSS...........................

7、....................7CSS引用放在顶部.................................................76.JS设计要求..........................................................86.1.6.2.统一使用Jquery框架..............................................8JS尽量放在页面底部.............................................

8、.87.8.9.MyGou静态文件目录结构...............................................8版本控制............................................