iOS/Android/WAP 全兼容专题页面制作方法(一)

简介: READ First:这是供编辑人员所读的文档。关于技术上如何实 iOS/Android/WAP 的方法,稍后释出。专题页面制作方法概述专题页面采用 HTML 脚本进行定义,以满足各种界面排版的需求。

READ First:这是供编辑人员所读的文档。关于技术上如何实 iOS/Android/WAP 的方法,稍后释出。

专题页面制作方法

概述

专题页面采用 HTML 脚本进行定义,以满足各种界面排版的需求。HTML 页面采用静态方式保存。客户端及 WAP 浏览器皆能正常展示该页面,并能正常响点击事件并跳转到内容显示界面,客户端跳转到响应的原生内容界面、WAP 门户跳转到相应的 WAP 内容展示页。
相关预备知识

  1. 了解基本 HTML  语法,了解 FTP  操作;
  2. 熟悉 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。

目录
相关文章
|
JavaScript 前端开发 Android开发
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
503 13
【03】仿站技术之python技术,看完学会再也不用去购买收费工具了-修改整体页面做好安卓下载发给客户-并且开始提交网站公安备案-作为APP下载落地页文娱产品一定要备案-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
11月前
|
Android开发 开发者
Android自定义view之利用drawArc方法实现动态效果
本文介绍了如何通过Android自定义View实现动态效果,重点使用`drawArc`方法完成圆弧动画。首先通过`onSizeChanged`进行测量,初始化画笔属性,设置圆弧相关参数。核心思路是不断改变圆弧扫过角度`sweepAngle`,并调用`invalidate()`刷新View以实现动态旋转效果。最后附上完整代码与效果图,帮助开发者快速理解并实践这一动画实现方式。
254 0
|
8月前
|
安全 数据挖掘 Android开发
Cellebrite UFED 4PC 7.72 (Windows) - Android 和 iOS 移动设备取证软件
Cellebrite UFED 4PC 7.72 (Windows) - Android 和 iOS 移动设备取证软件
561 2
Cellebrite UFED 4PC 7.72 (Windows) - Android 和 iOS 移动设备取证软件
|
9月前
|
安全 数据库 Android开发
在Android开发中实现两个Intent跳转及数据交换的方法
总结上述内容,在Android开发中,Intent不仅是活动跳转的桥梁,也是两个活动之间进行数据交换的媒介。运用Intent传递数据时需注意数据类型、传输大小限制以及安全性问题的处理,以确保应用的健壯性和安全性。
598 11
|
安全 Android开发 数据安全/隐私保护
Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
803 12
Cellebrite UFED 4PC 7.71 (Windows) - Android 和 iOS 移动设备取证软件
|
JavaScript 搜索推荐 Android开发
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
564 8
【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
|
数据采集 JavaScript Android开发
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
618 7
【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
|
缓存 Java 测试技术
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
1969 3
【01】噩梦终结flutter配安卓android鸿蒙harmonyOS 以及next调试环境配鸿蒙和ios真机调试环境-flutter项目安卓环境配置-gradle-agp-ndkVersion模拟器运行真机测试环境-本地环境搭建-如何快速搭建android本地运行环境-优雅草卓伊凡-很多人在这步就被难倒了
|
存储 监控 API
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
app开发之安卓Android+苹果ios打包所有权限对应解释列表【长期更新】-以及默认打包自动添加权限列表和简化后的基本打包权限列表以uniapp为例-优雅草央千澈
1743 11
|
缓存 Android开发 前端开发
Android应用开发—onSaveInstanceState方法什么时候被调用?
转载自onSaveInstanceState方法什么时候被调用?(转载/整理) 在 Activity 被销毁之前被调用来保存每个实例的状态,这样就可以保证该状态能够从 onCreate(Bundle) 或者onRestoreInstanceState(Bundle)恢复过来。
2997 0
下一篇
开通oss服务