建站总结
cms中级
seo优化
关键词密度
- 可以通过站长工具查看网页关键词密度
内链
- 面包屑导航,可以在鼠标悬浮在导航、空白、图片、页面底部时显示网页关键词,页面底部关键词可以导向首页
- 文章内容出现导航页内容,建议直接跳转至相应页面,建议仅添加第一次出现的关键词
- 如果文章标题较短,建议添加完整的title属性提示,可以提高蜘蛛搜索引擎的识别度
- 文章对应链接建议使用相应拼音或者英文名,提高seo权重,Mysql中可以在文章属性表格中添加seourl项目,对应链接显示seourl的内容
外链
- 使用服务器挂外链链接网站
服务器安防
- 经常更新root密码
- 尽量使用Linux
- 被黑了第一时间联系空间服务商
- 定期更新Linux操作系统:yum/yay/pacman update
- Linux云锁
- 不定期备份
CSS
结构
- 结构层(HTML),表示层(CSS),行为层(Javascript)。
注意事项
- 编码要一致,三码合一(文件保存编码,页面声明编码,数据库编码)。
标签
- 理解:标签其实就是容器
- 标签种类:
标签种类 | 包含 |
---|---|
块元素 【独占一行】 | div/p/ul 等 |
内联【没有独占一行】 | img/font/strong等 |
- 内联元素不能定义宽度(style=“width:500px;”),和实际内容相关,特例:input,img,直接使用width="500px;无效
- 提示:
块元素和内联元素可以通过CSS相互切换
块元素->内联元素 display:inline
内联元素->块元素 display:block - 任何标签(容器)都有属于自己的属性
<标签 属性名=“value”></标签>
<标签 属性名=‘value’></标签> - 注意1:width="200"没有单位,div没有width属性
- 注意2:style属性格式:css写法,需要写上单位
引用方式
-
内联:
< span style=“属性:value”>内容</ span> -
嵌入式
< style>div/#id/.name/.class/a:link{属性:value}< /style> -
外部链接
< link type=“text/css” href="***.css" rel=“stylesheet”/>
CSS样式
居中与边距
-
加粗
-
<strong>css</strong>
-
<div style="font-weight:bold;">div 加粗 </div>(无效)
-
<h1> css </h1>
css
-
<h2> css </h2>
css
-
<h3> css </h3>
css
-
<h4> css </h4>
css
-
<h5> css </h5>
css
-
文字居中
-
text-align:center 水平居中
-
line-height 设置行高
-
height设置背景background高度
-
div居中
-
margin-left:auto居左
-
margin-right:auto居右
-
margin-left:auto;margin-right:auto;居中
-
margin:0 auto ;居中,块元素中使用,需要宽度声明
-
左右不满
-
外层嵌套{background:#******;}
-
总体不满
-
*{margin:0;padding:0;}
-
margin:内边距
-
padding:外边距
a 标签
锚点
- 定义
-
< a name="***">< /a>
-
< a id="***">< /a>
- 引用
-
href="#***"
- 注意
首字母不能为数字
需要添加#
超链接
-
target="_self"
-
target="_blank"
-
target="_parent"
-
target="_top"
-
target="框架名称"
-
<iframe scrolling="auto" rameborder="0" src="***.html" name ="***">
空链接
-
<a href=""></a> <a href="#"></a> 跳到头部
-
<a href="#none"></a> <a href="##"(多个)></a> 防止跳转到头部
-
javascript:void(0); 防止跳转到头部 [推荐]
-
javascript:;防止跳转到头部
超链接状态
- a:link
- a:visited
- a:hover
- a:active
- 严格顺序
图片
图片显示
- 图片标签< img src=“图片路径”>
- 特性:单标签;内联元素;
- 相对路径
- 绝对路径
- 特殊
标签名 | 用途 | 作用 |
---|---|---|
alt | 若图片路径异常,展示alt的值 | 有利于提高客户体验度和SEO优化 |
title | 鼠标放到图片上的时候展示的内容 | 有利于提高客户体验度和SEO优化 |
-
#***{background:url(目录) no-repeat; } css中使用
-
#***{background-image:url(目录);background-repeat:no-repeat;}
- css中使用,仅作用于图片
- css使用margin:0 atuo;需要width:***px声明
- 通过设置background-position:可以调整位置
- 上述均直接使用于< head>中的css作用于< div>
- < img>的width、height属性,对应的值单位是px,默认不写
-设置< head>中 #***{
height:
width:
margin:0 atuo;
}适用于< div id=***>< img src=" "></ img></ div> - 通过< div style=“text-align:center”>< img src=" ">< /img>< /div>
- 以上为通过< img >方式图片居中
图片类型
类型 | 功能 | 特点 |
---|---|---|
.jpg/.jpge | 不支持动态,不支持透明 | 色彩丰富,图片还原度高 |
.gif | 支持动态,支持全透明,不支持半透明 | 色彩差 |
.png | 不支持动态,支持透明,支持透明和半透明 | 色彩丰富,图片的还原度很高 |
DedeCMS
Dede标签
更改根目录
- 系统/系统基本参数/站点设置/网页主页链接清空为/
- 系统/系统基本参数/核心设置/DedeCMS安装目录清空
- 创建网站,并修改域名
- 修改host文件
变量/主页/文件包含/友情链接
-
{dede:global.cfg_变量名} 变量
-
{dede:global.cfg_cmsurl/} 网站主页
-
{dede:include filename="文件名.htm"/} 包含视图
-
{dede:flink}<li>[field:link/]</li> //循环体使用中括号{/dede:flink} 友情链接
Dede函数
常用系统函数
-
格式:function="函数名(@me,参数)" 字符截取 cn_substr(@me,300) 时间处理 MyDate('Y-m-d',@me) html过滤 html2text(@me) html过滤&截取 cn_substr(html2text(@me),1000) //先过滤再截取
自定义函数
-
Dedecms5.9 v2/include/extend.func.php文件中 function 函数名(参数){ <center>功能</center> }
织梦高级
更改模板
- 1.系统/系统基本参数/默认模板风格(index.htm所在文件夹)
- 2.生成/更新主页HTML/设置主页模板/模板文件index.htm
- 3.更新系统缓存
引用更改
-
{dede:golbl.cfg_templets_skin/}即当前index.htm所在目录
- 将页面head.htm和foot.htm文件使用{dede:include filename=“文件名.htm”/}将页面中头部和尾部替换
首页中调用文章列表展示
-
{dede:arclist flag='a' row='6' orderby='pubdate'}
-
flag='a' 文章的标志[自定义属性,a的值根据文章的自定义属性![在这里插入图片描述](https://img-blog.csdnimg.cn/20201122165038626.PNG?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81MjQ1Nzc0NQ==,size_16,color_FFFFFF,t_70#pic_center)
-
row=‘6’ 取6条信息
-
orderby='pubdate’按文章的更新时间排序[倒序]
提示模板文件不存在,无法解析文档
-
修改根目录下的
-
将"模板文件不存在,无法解析文档!"修改为echo KaTeX parse error: Expected '}', got 'EOF' at end of input: …ename']." [ID:{this->TypeID}] ".$this->TypeLink->TypeInfos[‘templist’].“模板文件不存在,无法解析文档!”,此时会提示具体哪一个文档ID没有模板
-
在根目录下新建文章模板,文件名同文章模板
-
list_article下调用文章内容摘要,单页显示文章数,及分页
-
{dede:list typeid='2'pageSize='5'} <ul> <a href="[field:arcurl/]">[field:title/]</a></ul> <p> <div class="desc"> [field:description/]...</div>[<a href="#">查看更多</a>] </p> {/dede:list}</a> <div> <li> {dede:pagelist listitem="index,end,pre,next,pageno" listsize="2"/}</li></div>
-
注意,此时为dede:list
-
修改dede:pagelist的相关文件arc.listview.class.php在include文件夹下:
打开arc.listview.class.php找到如下代码:
-
if($this->PageNo != 1) { $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."'>上一页</a></li>\r\n"; $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n"; } else { $indexpage="<li class='thisclass'>首页</li>\r\n"; } //下一页,未页的链接 if($this->PageNo!=$totalpage && $totalpage>1) { $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."'>下一页</a></li>\r\n"; $endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n"; } else { $endpage="<li class='thisclass'>末页</li>\r\n"; }
-
分别修改$indexpage="首页rn";$endpage="末页rn";$indexpage="首页rn";$endpage="末页rn";
-
if($this->PageNo != 1) { $prepage.="<li><a href='".str_replace("{page}",$prepagenum,$tnamerule)."'>上一页</a></li>\r\n"; $indexpage="<li><a href='".str_replace("{page}",1,$tnamerule)."'>首页</a></li>\r\n"; } else { $indexpage="<li class='thisclass'>首页</li>\r\n"; } //下一页,未页的链接 if($this->PageNo!=$totalpage && $totalpage>1) { $nextpage.="<li><a href='".str_replace("{page}",$nextpagenum,$tnamerule)."'>下一页</a></li>\r\n"; $endpage="<li><a href='".str_replace("{page}",$totalpage,$tnamerule)."'>末页</a></li>\r\n"; } else { $endpage="<li class='thisclass'>末页</li>\r\n"; }
-
修改好之后{dede:pagelist listitem=“index,end,pre,next,pageno” listsize=“3”/}生成的html代码如下:
-
<li class="thisclass"><a>首页</a></li> <li class="thisclass"><a>1</a></li> <li><a href="/plus/list.php?tid=2&TotalResult=12&PageNo=2">2</a></li> <li><a href="/plus/list.php?tid=2&TotalResult=12&PageNo=3">3</a></li> <li><a href="/plus/list.php?tid=2&TotalResult=12&PageNo=2">下一页</a></li> <li><a href="/plus/list.php?tid=2&TotalResult=12&PageNo=3">末页</a></li>
调用文章
-
调用栏目名称 {dede:type typeid='5'}[field:typename/]{/dede:type}
-
调用指定文章标题 {dede:arclist row='1' idlist='37' titlelen=100} <a href="[field:arcurl/]" title='[field:title/]'>[field:title/]</a> {/dede:arclist}
-
调用指定文章页描述 {dede:arclist row=1 idlist='6'} [field:description/]...[<a href="[field:arcurl/]" title='[field:title/]'>查看更多</a>] {/dede:arclist}
-
调用指定文章页摘要 {dede:arclist limit='0,1'}/{dede:arclist row='1'} [field:info/]... {/dede:arclist}
-
提示 {dede:arclist}中row=1同limit='0,1' 通过limit='1,4'实现不同文章调用
-
调用文章图片 {dede:arclist row=1 idlist='37' type='image.' imgwidth='150' imgheight='102'} <div><a href="[field:arcurl/]">[field:image/]</a></div> {/dede:arclist}
-
提示 [field:image/]包含了img标签[field:litpic/] [field:image/]等价于<img src=[field:litpic/]