如何更改界面风格(数字报模板)?

准备软件:dreamweaver

1. 目录说明

1. Content目录保存图片及样式,Content/themes目录是主题目录,themes目录是各个主题样式目录(如:Content/themes/blue目录),blue目录下又分为图片(Images)和样式(Css)目录.

2. 根目录下面Themes目录下面为程序文件,以 .aspx或者.ascx为扩展名。 Themes/blue为主题目录名称。

每个文件对应模块:(以Default风格为例)

网站首页:Themes/default/main/index.aspx 对应样式目录-Content/themes/default/

每期页面:Themes/default/content/eachqi.aspx 对应样式目录-Content/themes/default/

版面页面:Themes/default/content/Edition.aspx 对应样式目录-Content/themes/default/

内容页面:Themes/default/content/View.aspx 对应样式目录-Content/themes/default/

版面导航:Themes/default/content/Menu.aspx 对应样式目录-Content/themes/default/

关于我们: Themes/default/about/目录

往期回顾: Themes/default/review/目录

搜索: Themes/default/search/目录

控件目录:Themes/default/userinc/

底部:Themes/default/userinc/foot.ascx

头部:Themes/default/userinc/top.ascx

日历控件:Themes/default/userinc/Calendarqi.ascx

如:程序文件:Themes/blue目录<——程序对应图片文件——> 图片目录:Content/themes/blue

2. 模板修改

Themes-default目录下面为程序文件,可用Dreamweaver软件打开,如:修改 Themes/default/main/index.aspx文件,即可修改网站首页,界面所见即所得。

业务层向Web层所传的视图数据ViewData或者Model,如下列表:

E_eachedition eachban = ViewData["edition"] as E_eachedition;

E_eachqi eachqi2 = ViewData["eachqi"] as E_eachqi;

eachban 代表版面类数据

eachqi2 代表刊期类数据

eachqi2.Id 刊期Id号

ViewData["webd"] 网站目录

ViewData["preqihref"] 上一期链接

ViewData["nextqihref"] 下一期链接

ViewData["issuedate"] 本期发行日期

ViewData["Declaration"] 网站声明

ViewData["newslist"] 本版新闻列表List<>

ViewData["editionlist"] 版面导航列表List<>

eachban.Pagemap 版面图片内容(包含热点链接)

eachban.Pagepic 版面图片路径

eachban.Pagepdf 本版版面pdf路径

eachban.Pagename 本版版面名称

eachban.Pagetitle 本版版面标题

eachban.Id 版面Id号

eachban.Prelink 上一版面链接

eachban.Nextlink 下一版面链接

Model.Prelink 上一篇

Model.Nextlink 下一篇

ViewData["three_editions"] List<E_eachedition> 最近三期数据

ViewData["footmenu"] 底部导航

ViewData["powerby"] 版权信息

ViewData["Logo"] logo图片src

ViewData["topmenu"]头部导航

ViewData["today"] 今天日期

53BK数字报V5.1替换视图数据列表,请见:http://www.53bk.com/news/detail/v767.html

3. 创建新的模板

1. 进入Content目录和复制一份相类似模板(如:default)的图片目录,如:newtheme;

2. 进入Themes目录复制一份相类似模板(如:default)的Views文件目录,如文件夹名:newtheme

3. 更新 Themes/newtheme目录里面*.aspx文件引用路径"/default/"全部替换成 "/newtheme/". 此步可用deamweaver批量替换完成.

4. 设计电子报模板,更改*.aspx文件

5. 每个页面视图数据(ViewData数据)可在引用控件页面直接调用,引用控件页面的ViewData数据同样可在父页面直接调用;也就是说视图数据(ViewData数据)在每个页面(包括父页面的和子页面的)都是共享的. 便于前台设计人员自由对网站进行布局。(控件也可以完全除去,重新自定义页面布局)

6. 修改完top.ascx和foot.ascx后台一定要重启应用程序,前台刷新,才会立即看到效果

 

相关内容

编辑:Admin 时间:2012/4/25 10:22:08 阅览:1419   返回    
模板
界面
扫描关注 53BK报刊官网
扫描关注 53BK报刊官网