如何做一个专题页面？网站

一、以下是网站专题页制作的基本功：

1、创意设计 

说到创意，应该是设计师最擅长，但肯定也是最头疼的问题，如何评判一个创意的好坏，借用周董的一句话“哎呦，不错哦”。当别人看到你的页面的时候，能发出这种感慨，那基本上你的这个页面应该是做到位了。这里介绍5种小方法： 

2、版式设计 

版式设计应该算是最基本的设计原则，这个虽然阐述起来比较简单，如果要运用的好还是需要多下工夫。这里通过一个简单的例子来解释版式设计中的几个原则： 

3、色彩设计 

这里的色彩设计并不是对色彩理论的解释，也不是对色彩感觉的解释，因为本人是个色彩感觉一般的设计师。这里只说3个原则：色彩对比、色彩大小与形状、彩色位置。 

4、趣味设计 

趣味设计更多的是一种亲切感，并不是所有的页面都要求有，但是偶尔为之，会让页面添色不少。 

5、关于页面加载 

图片设计的时候注意大小，这个是关系到页面的加载时间。 

二、以下是网站专题页制作的整体思路： 

1、确定产品专题页面表现形式 

电脑端网站上面目前主流的专题页面就是是长页面滚动条，还是多屏滚动切换的形式。如果是移动端的话可以使用H5做一个多屏滚动切换的效果来展现表现形式本身并没有什么，个人建议是在电脑端如果是信息比较多的可以优先考虑长页面滚动条的形式，如果是针对产品某一个点展开讨论，内容相对比较少，可以优先考虑多屏滚动切换形式。 

2、顺着用户心思架构楼层 

不同的产品，不同的主题，不同的切入点，不同的人策划出来的专题页面布局都是不一样的，所以无法非常固定提供给大家一个类似公式的东西去嵌套，大家要确定好思路。 

3、别忘了你要干什么 

产品专题页面设计到最后的时候，不要忘了你的初衷：你想要通过这个专题页实现什么?如用户注册会员，点击咨询产品，点击下单，关注公众号，参与活动等等。 

如果你前面的布局策划的非常好，完全牵着用户的想法在走，那么走到这一步，应该说离你的目标距离又近了一步，只差临门一脚了!甭管最后能不能实现目标，你要做的就是再添“一把火”，告诉用户的紧迫性，让用户自己着急。

1.简单图文

简单图文是早期最典型的H5专题页形式。“图”的形式千变万化，可以是照片、插画、GIF等。通过翻页等简单的交互 *** 作，起到类似幻灯片的传播效果。考验的是高质量的内容本身和讲故事的能力。

滴滴打车这个案例就是典型的简单图文型H5专题页，用几张照片故事串起了整套页面。视觉简洁有力，采用整屏黑白照片，点缀以滴滴的品牌橙色。每切换一张图片，文字就渐隐浮现，没有其他互动形式，让观众聚焦于内容，通过陌生人之间的真情联系来塑造品牌的正能量形象。

2.礼物/贺卡/邀请函

每个人都喜欢收到礼物的感觉，抓住这一心理，品牌推出了各种H5形式的礼物、贺卡、邀请函，通过提升用户好感度来潜移默化地达到品牌宣传的目的。既然是礼物，那创意和制作便是重要的加分项。

3.问答/评分/测试

问答形式的H5页面也屡见不鲜了，利用用户的求知欲和探索欲，一路选选选，看最后到底是什么成绩。一条清晰的线索是必要的，最后到达的结果页也需要合理不突兀，如果能辅以出彩的视觉和文案，弱化答题的枯燥感那就再好不过了。

4.游戏

从 “围住神经猫”、“看你有多色”等单纯小游戏再到杜蕾斯“一夜N次郎”(即山寨版“别踩白块儿”)等品牌植入式小游戏，H5游戏因为 *** 作简单、竞技性强，一度风靡朋友圈，但创意缺乏和同质化现象导致用户对无脑小游戏逐渐产生了厌倦。品牌要在游戏上做到成功传播，需要在玩法和设计上多下点功夫。

以上就是小编关于常见的H5专题页表现形式的相关分享，希望对大家有所帮助，想要了解更多相关内容，还请关注本平台。

主题模板位于“..\phpcms\templates\”文件夹内。而css样式、js文件，以及模板配带的images文件夹则位于根目录下“..\statics\”文件夹内。

templates 框架系统模板目录

announce公告

show.html 内容页

comment 评论

show_list.html 内容页评论列表

list.html 评论列表

content 内容模型

category.html 文章频道页

category_download.html 下载频道页

category_picture.html 图片频道页

download.html 下载连接页

footer.html 底部

header.html

顶部

header_min.html 迷你顶

header_page.html单网页头部

index.html 网站首页

list.html 列表页

list_download.html

下载列表页

list_picture.html 图片列表页

message.html 消息提示页

page.html单网页

rss.html RSS页

search.html 搜索

show.html 文章内容页

show_download.html 下载内容页

show_picture.html

图片内容页

tag.html tag

formguide 表单向导

index.html表单列表页模板

show.html

表单详情页模板

show_js.html 表单js调用模板

link友情链接

index.html

list_type.html 分类页

register.html 申请页

member 会员中心

account_manage.html

会员管理

account_manage_avatar.html 头像管理

account_manage_info.html 会员信息管理

account_manage_left.html 会员信息管理左侧菜单

account_manage_password.html修改密码

account_manage_upgrade.html 会员升级

change_credit.html兑换积分

connect_sina.html 新浪账号登陆

content_publish.html投稿页面

content_publish_select_model.html投稿模型选择

content_published.html已投稿管理

favorite_list.html 收藏列表

footer.html页尾

forget_password.html 密码找回页面

header.html

页头

index.html 首页

left.html

左侧菜单

login.html 登陆页面

mini.html

头部登录条

protocol.html 注册协议

register.html

注册页面

message 短消息

group.html

系统消息

inbox.html 收件箱

outbox.html 发件箱

read.html 短消息查看

read_group.html 系统消息查看

read_only.html已经发消息

send.html

写消息

mood新闻心情

pay 支付

deposit.html 支付页模板

pay_list.html

支付记录页模板

payment_cofirm.html 支付确认页模板

spend_list.html 消费记录页模板

poster 广告

banner.html 矩形横幅

couplet.html 对联广告

fixure.html

固定位置

float.html 漂浮移动

imagechange.html 图片轮换广告

imagelist.html

图片列表广告,

text.html文字广告

search 搜索

footer.html 页尾

header.html 页头

index.html首页

list.html列表页

special 专题

api_picture.html组图

comment.html 专题首页评论页

header.html 专题头部

index.html 专题首页

list.html 分类页

show.html

内容页

special_list.html专题列表

vote

投票

index.html

list_new.html

列表页

show.html展示页

submit.html

投票页

vote_result.html 投票结果页

vote_tp.html

单独显示页

vote_tp_2.html新闻页投票模版

vote_tp_3.html

首页投票模版

wap 手机门户

big_image.html 显示大图模板

category.html 频道页模板

comment_list.html 评论列表模板

footer.html

底部模板

header.html 头部模板

index.html 首页模板

list.html 列表页模板

maps.html 站点地图模板

min_footer.html

小底部模板

min_header.html 小头部模板

show.html

内容显示页模板

---