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。

目录
相关文章
|
3天前
|
Java Android开发 iOS开发
探索安卓与iOS开发的差异性与互操作性
【7月更文挑战第17天】在移动应用开发的广阔天地中,安卓和iOS这两大操作系统如同双子星座般璀璨夺目。它们各自拥有独特的开发环境、编程语言和用户群体,为开发者提供了不同的挑战和机遇。本文将从多个维度深入剖析安卓与iOS开发的差异性,并探讨它们之间的互操作性如何实现,以期为开发者们提供一份实用的指南。
16 7
|
20小时前
|
Java Android开发 iOS开发
探索安卓与iOS开发的差异:平台特性与用户体验的对比分析
【7月更文挑战第19天】在移动开发的广阔天地中,安卓与iOS两大阵营各据一方,它们在开发环境、用户界面设计、性能优化等方面展现出独特的魅力与挑战。本文旨在深入探讨这两个平台在技术开发和用户体验上的根本差异,并分析这些差异如何影响开发者的策略和最终用户的选择。通过比较两者的编程语言、工具、框架以及设计理念,我们将揭示各自平台的优势与局限,为开发者提供实用的参考,并为消费者呈现一个更加清晰的平台选择视角。
|
4天前
|
开发工具 Android开发 Swift
安卓与iOS开发环境对比分析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自占据半壁江山。本文深入探讨了这两个操作系统的开发环境,从编程语言、开发工具到用户界面设计等多个维度进行比较。通过丰富的数据支持和案例研究,揭示了不同平台的优势与挑战,为开发者提供了宝贵的参考信息。
|
2天前
|
安全 Java Android开发
探索安卓与iOS开发的差异:构建未来应用的关键考量
【7月更文挑战第18天】在移动应用开发的广阔天地中,安卓和iOS两大平台各领风骚。本文将深入探讨这两个平台在开发过程中的主要差异,包括编程语言、用户界面设计、性能优化、安全性以及市场策略等方面。通过比较分析,旨在为开发者提供决策支持,帮助他们选择最适合自己项目需求的平台,同时考虑到用户体验和市场需求的变化,为未来的应用开发指明方向。
|
2天前
|
安全 开发工具 Android开发
安卓与iOS开发环境对比分析
本文通过深入探讨和比较安卓与iOS两大主流移动操作系统的开发环境,旨在为开发者提供一个全面的视角。我们将从开发工具、编程语言、用户界面设计、性能优化、安全性考量等多个维度进行细致分析,揭示各自平台的优势与挑战。通过统计数据支持的实证研究,本文将展示两个系统在实际应用中的技术差异及其对项目开发周期的影响,并基于市场数据评估各自的商业潜力。
12 1
|
2天前
|
监控 开发工具 Android开发
探索安卓与iOS开发的差异:平台特性、工具和市场趋势
在移动应用开发的广阔舞台上,安卓与iOS两大操作系统扮演着主角。它们各自拥有独特的平台特性、开发工具和市场定位,这些差异深刻影响着开发者的决策和产品的最终形态。本文将深入分析这两大平台的关键技术差异,探讨各自的开发环境和工具集,以及它们在市场上的表现和未来的趋势,为开发者提供一个全面的视角,帮助他们在这两个平台上做出更明智的开发选择。
|
2天前
|
开发工具 Android开发 Swift
安卓与iOS应用开发的对比分析
在移动操作系统的竞争中,安卓和iOS一直占据着主导地位。本文旨在深入探讨这两个平台在应用开发方面的差异性,包括开发环境、编程语言、用户界面设计、性能优化、市场分布以及收益模式等多个维度。通过比较分析,揭示各自平台的优劣和适用场景,为开发者选择开发平台提供参考。
|
2天前
|
前端开发 Android开发 iOS开发
探究iOS与安卓应用开发的差异与挑战
在移动应用开发的广阔天地中,iOS和安卓这两大平台各自占据着半壁江山。它们在技术架构、开发环境、用户体验设计以及市场分布上展现出了显著的差异。本文将深入探讨这些差异如何影响开发者的策略选择,并分析面对这些挑战时,开发者可以采取的有效对策。通过比较分析法和案例研究法,我们旨在为即将踏入或已处于移动应用开发领域的开发者提供一份实用的指南。
8 0
|
3天前
|
开发工具 Android开发 Swift
安卓与iOS开发环境对比分析
在移动应用开发的广阔舞台上,安卓和iOS两大操作系统各据一方,引领着技术潮流。本文深入探讨了两者的开发环境,从编程语言、工具到用户群体,进行了细致的比较与分析。通过具体数据支持,揭示了不同平台的优势与挑战,为开发者提供了宝贵的参考信息。
|
3天前
|
Java Android开发 Swift
探究iOS与安卓应用开发的差异性
在移动应用开发的广阔天地中,iOS和安卓这两大操作系统平台各占半壁江山。本文将深入探讨两者在开发环境、编程语言、用户界面设计、应用部署及市场分布等方面的关键差异,旨在为开发者提供决策参考,助力其在竞争激烈的应用市场中作出明智选择。
8 0