wap ios android,iOS/Android/WAP 全兼容专题页面制作方法(一)
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。
wap ios android,iOS/Android/WAP 全兼容专题页面制作方法(一)相关推荐
- 蓝牙开关android项目,Android平台手机蓝牙开关和触摸开关的制作方法
本发明涉及Android平台手机蓝牙开关和触摸开关. 背景技术: 在很多现场开关控制场合需要无线控制,加之传统的机械开关更易产生电弧.机械性能不稳定等,并且射频相对与蓝牙具有容易干扰的缺点,蓝牙采用的 ...
- Android开发之打开QQ聊天页面的方法
这个效果很多年前就做过记录下如下图: 核心代码如下: String urlQQ = "mqqwpa://im/chat?chat_type=wpa&uin=" + 1334 ...
- android studio运行手机时出错怎么解决_小程序 android ios h5解决方案
你现在开发android,ios,小程序用什么工具,怎么开发的?还在单个端的开发吗?今天我们主要讨论的是一次开发多端使用的技术,也是这两年比较流行的开发方向.现在的终端太多了,app两个端androi ...
- Flutter通过BasicMessageChannel实现Flutter 与Android iOS 的双向通信
更多文章请查看 flutter从入门 到精通 本文章中的完整代码在这里 题记: -- 不到最后时刻,千万别轻言放弃,无论结局成功与否,只要你拼博过,尽力过,一切问心无愧. Flutter 与 Andr ...
- Flutter 打包APP (Android IOS)
打包Android apk 参考 https://flutter.dev/docs/deployment/android https://flutterchina.club/android-relea ...
- Adobe源码泄漏?3行代码搞定,Flash动画无缝导入Android/iOS/cocos2dx(二)
[注] iOS代码已重构,效率提升90%,200层动画不卡.[2016.10.27] 上一篇 点此阅读 简要介绍了FlashToAnimation的功能,也就是将flash动画无缝导入到Android ...
- Adobe源码泄漏?3行代码搞定,Flash动画无缝导入Android/iOS/cocos2dx(一)
[注] iOS代码已重构,效率提升90%,200层动画不卡.[2016.10.27] 项目介绍 项目名称:FlashAnimationToMobile 源码. 使用方法点这里. 这是一个把flash中 ...
- Tomcat双向Https验证搭建,亲自实现与主流浏览器、Android/iOS移动客户端超安全通信
紧接着<Tomcat单向Https验证搭建,亲自实现与主流浏览器.Android/iOS移动客户端安全通信>,此处演示下更安全的双向Https认证的通信机制,为了清晰明了,以下进行单独描述 ...
- Tomcat单向Https验证搭建,亲自实现与主流浏览器、Android/iOS移动客户端安全通信
众所周知,iOS9已经开始在联网方面默认强制使用Https替换原来的Http请求了,虽然Http和Https各有各的优势,但是总得来说,到了现在这个安全的信息时代,开发者已经离不开Https了. 网上 ...
- appium python框架结构,GitHub - wyybingo/python-appium: 基于PageObject UI自动化测试框架,支持Android/iOS...
0910 UPDATE 新增控件集参数化,相同测试步骤的Android/iOS可共用一份测试用例 不同测试步骤的用例还需要单独写 0904 UPDATE 优化Android log及crsahinfo ...
最新文章
- dock模拟macos教程_将macOS首选项窗格添加到您的Dock中以快速访问
- ibm服务器如何进入u盘装系统,加密u盘在电脑上怎么打开ibm服务器u盘装系统
- steam失落的方舟入库python脚本
- 存储基础(SATA、SCSI、RAID、SAN、SAS、FC)
- PHP图片高清晰度无损压缩
- html网页挂马,浏览器安全之网页挂马实战 ——合天网安实验室学习笔记
- 从计算机硬件系统来看 不管计算机配置,计算机组装与维修章节练习题201311
- win系统装机及磁盘分区、清理
- 如何开启Windows远程桌面服务
- Linux用户不同UID分类区别
- linux执行scp命令出错
- 如何用vba把word文档的每页单独保存为一个word文档
- vue 大量图片展示_Ant Design of Vue 展示多张图片
- MPU6050加速度传感器学习笔记之传感器
- SECCON-CTF-2014-Decrypt-It-easy
- 云智慧智能研究院:2022年智能运维发展八大趋势
- 因《乔布斯传》而开发的XC3566
- Java——super关键字
- python中对象的概念
- epf配色方案如何导入到Eclipse
热门文章
- 云计算世界里的企业级软件何去何从
- matlab 绘制三维空间直线
- linux tar解压bin文件,linux下 tar解压 gz解压 bz2等各种解压文件使用方法
- tBERT部分代码(自学用)
- imnoise3.m
- linux vi 替换字符串,vi字符串替换命令
- 天正自定义填充图案怎么添加_自定义AutoCAD填充图案教程 - CAD自学网
- SQL Server 【不允许保存更改】问题解决图解
- SQL Server修改表结构时,不允许保存更改,阻止保存要求重新创建表的更改
- 计算机信息管理系统实训摘要,计算机实训报告摘要.doc