前提知识: 能够独立根据设计稿进行整套项目的需求 剖析及其开发 对项目开发流程需要有一个基本的了解 可以灵活运用切图 重构 前端的知识对项目进行灵活控制。 开发步骤之需求分析: 确定项目主题,确定表现的形式 设计稿图层分析,多页视觉放到一个网页文档,采取视觉差特效完成分页展示 音乐不跟随翻页,位置固定,播放旋转,可暂停。 开发步骤之技术分析: 移动端项目,采用HTML 作为项目的结构层 分析网页呈 ...
2017-11-13 01:37 0 4682 推荐指数:
...
因为期末考试、调整心态等等的种种原因,距离上一次的项目练习已经过了很久了,今天终于有时间继续练习HTML5+CSS3的页面架构和设计稿还原。设计图很长,整个页面分为了好几个区域,所以就不放完整的设计图了,具体的设计文件可以在文末的Github地址中下载。第一次的总结是以我对页面架构的理解 ...
学习前端有一段时间了,一直在看书上的理论知识,而实战项目却很少。师兄常说,想要知道自己的实力有多少,知识掌握了多少,最好的方法就是去实践了,实践出真知嘛。于是决定在这个假期里,主要是通过项目的实践以及理论知识的辅助来提高代码水平。首先是做几个HTML5+CSS3静态页面布局的练习,查缺补漏 ...
移动端页面开发 移动客户端的开发类型(站在前端立场上来说),主要是三种:Native App(原生APP),也就是完全使用移动设备系统语言写的客户端,iPhone iPad就是纯Object-C,安卓就是纯JAVA, 是性能最棒的开发方式,但灵活性不好。Web App, 就是在移动浏览器里打开 ...
HTML5+CSS3从入门到精通 前言Preface 1 Web开发新时代 1.1 HTML5概述 1.1.1 HTML5新特性 1.1.2 HTML5组织 1.1.3 HTML5构成 1.2 HTML5设计原理 1.2.1 HTML开发历程 1.2.2 HTML5开发 ...
这个是通用的 css reset.这个版本适用于 移动端页面 如果需要在 PC端使用,可以 修改 html{font-size: 10px;}为html{font-size: 12px;} 其他地方不需要修改 ...