iOS/Android/WAP 全兼容专题页面制作方法(一)
来源:互联网 发布:zabbix 网络拓扑 编辑:程序博客网 时间:2024/05/16 17:29
READ First:这是供编辑人员所读的文档。关于技术上如何实 iOS/Android/WAP 的方法,稍后释出。
专题页面制作方法
概述
专题页面采用 HTML 脚本进行定义,以满足各种界面排版的需求。HTML 页面采用静态方式保存。客户端及 WAP 浏览器皆能正常展示该页面,并能正常响点击事件并跳转到内容显示界面,客户端跳转到响应的原生内容界面、WAP 门户跳转到相应的 WAP 内容展示页。
相关预备知识:
- 了解基本 HTML 语法,了解 FTP 操作;
- 熟悉 PMS 后台系统录入数据、展现数据,理解“栏目”的概念。
专题制作主流程:
开始新建专题
页面制作
专题的设计可以被划分为专题的结构、专题的内容、专题的样式这三方面来设计。当编辑规划好专题之后,意味着专题的结构与内容已经确定好(通常交付一个原型);接着由美工人员跟进美化界面,美化图片。一个简单的专题之原型图、效果图分别如下 插图1、 插图2所示。
和其他任意 HTML 页面一样,专题页面也由文字、图片、视频资源所组成,具体结合专题的时候就是 Banner图片、相关的资源图片、描述文字、视频列表等几种元素,以不同形态的组合构成一张张缤纷异彩的专题页面。
专题制作以 HTML 为纲,把内容直接放到 HTML 中去,无论制作、修改和保存皆基于 HTML。因此构建专题页面的第一步还是离不开我们熟悉的网页编辑工具,例如常见的 FrontPage、Dreamweaver 等,按照你熟悉的工具来编辑专题网页,只要能够保存 HTML 文件即可。这是规划页面之后进入制作页面的第一步。虽然创建静态页面依旧通过编辑 HTML 来完成,但数据调用方式会比以前更轻松,更简单,也更好为统一管理所服务。
在 PMS 中新建专题
对于一个完整的专题页面,里面仅仅有文字图片这些静态资源是不够的,不能充分显示我们视频类资源。凡是属于我们的视频资源都保存在数据库中。如何把视频资源调入到页面中展示呢?固然不可能要求我们编辑人员都去学习 SQL 语言查询数据库中的记录。对此,过去我们的方法是手工编辑 .txt 文档,这在 PMS 之前能够解决问题。然而当现在引入了 PMS 之后,管理方式改进了,调用方法也不是读取 .txt 那种方式了,——我们应该怎么操作呢?
在 PMS 中创建一个专题可以分为两部分操作,第一部分是新建专题实体及栏目,第二部分是安排专题的数据源。一般的顺序是先创建专题记录,然后才安排数据源。
创建专题实体及栏目
首先说说新建专题实体。我们从“菜单栏——>内容管理——>专题管理”进入专题管理界面。可见,所有已创建的专题一目了然,如下 插图3所示。
我们点击“新建 ”按钮新建一专题。如下 插图4所示。
这里输入相关字段即可,不过这里请注意,先不需要输入内容,因为该界面目的是创建一笔专题记录在数据库中,专题内容还是要经过 FTP 工具上传,把整个 HTML 内容上传到指定文件夹,如下 插图5所示。
同理,日后修改专题页面也如是,不能在 PMS 的 HTML 编辑器中修改,而是要经过 FTP 下载回来修改,保存之后再上传 FTP。
- iOS/Android/WAP 全兼容专题页面制作方法(一)
- iOS/Android/WAP 全兼容专题页面制作方法(二)
- iOS/Android/WAP 全兼容专题页面制作方法(三)
- 从wap页面跳转app(Android)
- 从wap页面跳转app(Android)
- 微信浏览器弹出框滑动时页面跟着滑动(兼容Android和IOS端)
- 兼容IOS android 页面滑动的CSS设置
- swun 全排列——递归专题(一)
- 前台页面优化全攻略(一)
- 前台页面优化全攻略(一)
- 前台页面优化全攻略(一)
- 前台页面优化全攻略(一)
- 前台页面优化全攻略(一)
- 移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
- wordpress 新建页面制作方法
- iOS CoreImage专题(一)—— 概述
- 支付宝IOS快捷支付,不弹出wap页面
- 关于ios的wap页面window.history.go(-1)
- ubuntu14.04 firefox浏览器 flashplayer 插件安装
- 复盘罗辑思维卖月饼:微信电商的五大G点 (转)
- Struts2文件的上传、下载之一
- Free and Premium Mobile Website Templates
- Qt常用快捷方式(精简自留款)
- iOS/Android/WAP 全兼容专题页面制作方法(一)
- 处理程序“PageHandlerFactory-Integrated”在其模块列表中有一个错误模块“ManagedPipelineHandler”
- Java读取指定路径下的文件列表
- 数据结构 第二章 线性表 思维导图
- Head First-策略模式解读
- 《数据结构》实验一:VC编程环境的灵活应用
- 常见算法在实际项目中的应用
- 数据结构(C实现)------- 顺序队列(循环队列之少用一个存储空间实现) .
- Struts2文件的上传、下载之二