CMS实践CPS网站.docx
- 文档编号：4687080
- 上传时间：2022-12-07
- 格式：DOCX
- 页数：14
- 大小：2.41MB
CMS实践CPS网站.docx
《CMS实践CPS网站.docx》由会员分享，可在线阅读，更多相关《CMS实践CPS网站.docx（14页珍藏版）》请在冰豆网上搜索。
CMS实践CPS网站
CMS实践——CPS网站
我们在网站策划与设计中，学习对EYES8网站的设计，并且在HTML课程中，将该网站的几个页面通过HTML语言制作出来。
EYES8网站是一个CPS类型的网站，具有一定的代表性。
我们通过对EYES8全站模板开发，来进一步熟悉网站开发的流程与开发细节，进一步对网站的CMS建设方法做了解。
通过本章与下一章的模板开发，我们可以掌握出不同主题的CPS网站，而在此基础之上，我们将更容易开发出具有商业价格的网站。
本章的内容完成EYES8的网站首页。
在本章中将会使用到global、arclist、sql三个标签，对参数与底层字段都有不同的要求。
学习目标
1、了解EYES8类型的CPS网站首页模板的开发方法
2、进一步熟悉DEDECMS标签的使用
3、熟悉掌握网站首页模板开发的流程
实践目标
1、能掌握EYES8类型的CPS网站首页模板的开发方法
2、能开发出EYES8首页的DEDECMS模板页面
本章总结
CPS类型的网站与中小型企业网站的模板相似度极高，所以掌握好CPS网站的首页模板开发方式，也就是掌握了企业网站开发的模式。
同学们在此过程中，可以借助站长工具来更加方便快捷的使用常用的标签，来减轻手动敲写CMS标签的工作量。
作业
对已经完成的EYES8的HTML首页面进行CMS模板的开发
实训项目简介
Eye8网站是一个cps类型网站模板，通过对cps全站制作，熟悉网站开发的流程与开发细节。
通过16、17两章的，学生可以做出不同主题的cps网站，不仅可以做具有商业价值的网站，更是之后学习的基础。
本章主要内容为制作eye8网站首页，在本章会使用到global、arclist、sql三个标签，对参数与底层字段都有不同的要求。
实训流程
任务一：
环境配置与内容完善
任务描述：
在本地服务器上搭建新的站点，并设置网站栏目与建设基本内容。
任务步骤：
步骤一：
在phpstudy中新建一个网站路径与访问域名，并安装。
图1-1新建一个网站路径与域名
图1-2在新建路径中放入dedecms源码，安装。
图1-3为了避免数据库重名，需要更改数据库名称
步骤二：
设置模板路径与网站风格
图1-4将eye8网站html模板放入根目录中的templets文件夹
图1-5将模板风格修改为上一步中文件夹名
步骤三：
完成内容填充
图1-6依照设计图设置栏目与基础内容
图1-7设置首页模板，完成模板与后台连接
任务二：
模板分析
任务描述：
在进行正式的模板标记应用之前，我们应明确目标，了解我们需要用到哪些标记，应用于哪些版块，提前做好准备
标注1：
首页主导航部分，运用全局标签中的channel标签，参数type=top，调用全站顶级栏目。
标注2：
首页的网站公告部分，聚合后台中最新的新闻资讯，运用arclist标签，取全站最新发布文章。
标注3：
首页眼镜大全下的子栏目，调用眼镜大全栏目下的二级栏目，同样可以运用channel标签，但是必须要制定tyepid与type两个参数才可以。
标注4：
眼镜大全栏目下，包含缩略图的产品列表，可以利用arclist标签来调用，核心在与制定栏目的id，以及调用规则下，需要有缩略图的新闻条。
标注5：
首页下栏目介绍，通过调用制定栏目的栏目介绍，通过sql标签来实现，难点在于控制调用的内容长度与规则。
标注6：
栏目下的内容聚合，通过制定栏目id即可实现。
标注7：
制定栏目下的内容聚合，但是这里一个栏目下，有两种不同的css样式，所以需要区分开来，可以利用flag这一参数来控制。
标注8：
网站底部分析，可以通过分离的方式，精简代码。
任务三：
首页头部与导航标记调用
网站头部与导航效果
代码：
HTML部份
首页head区域html代码
首页导航区域html代码
代码：
应用CMS标记
global.cfg_description/}"/> global.cfg_keywords/}"/> global.cfg_templets_skin/}/css/index.css"rel="stylesheet"type="text/css"/> global.cfg_templets_skin/}/css/public.css"rel="stylesheet"type="text/css"/> 代码一： 首页head区域套用后代码 {dede: channeltype='top'row='6'} typelink/]'>[field: typename/] {/dede: channel}
代码二：
首页主导航套用channel标签后代码
CMS标记解析：
代码一：
这里用了五个global全局标签，特别是{dede:
global.cfg_templets_skin/}用来调用默认模板的绝对路径，不仅需要在css路径前增加，同样适用于js、图片路径的前面。
代码二：
这里利用channel标签调用网站后台顶级栏目，首页链接不在调用范围内，直接通过绝对路径调用。
任务四：
首页内容区域调用修改
首页内容区效果显示一（代码一、二、三）
首页内容区效果显示二（代码四、五、六）
代码：
HTML部份
网站公告
首页新闻头条区域html代码
首页眼镜大全下子栏目html代码
首页眼镜大全栏目下图文混编部分html代码
眼镜保养
眼镜是用来保护眼睛的，如果要保护好自己的眼睛，首先要学会保养眼镜。
那在日常生活中怎样保养眼镜呢？
...
首页眼镜保养介绍html代码
护理知识
首页护理知识栏目html代码
时尚搭配
清新可人的复古眼镜发型搭配
随着流行的发展，眼镜已经成为了一项必不可少的单品。
但是眼镜与发型有着怎么样的搭配技巧呢?
今天小编就为大家展示了一组最时尚的潮酷发型吧!
广东省普通高中学业水平考试数学科考试大纲Word文档下载推荐.docx
