2016年1月

一、简单修改首页 介绍标签

a) 介绍dede常用标签

i. {dede:global.cfg_webname/} 网站标题

ii. {dede:global.cfg_description/}网站描述

iii. {dede:global.cfg_keywords/} 关键词

iv. {dede:channel type='top' row='10' currentstyle="<li class='hover'><a href='~typelink~' ~rel~><span>~typename~</span></a></li>"}      <li><a href='[field:typeurl/]' [field:rel/]><span>[field:typename/]</span></a></li>      {/dede:channel} 导航

v. {dede:arclist typeid='2' row='10' titlelen='20'}<a href="[field:arcurl/]">[field:title/]</a>    {/dede:arclist}  文章列表循环调用(全站

vi. {dede:channelartlist}<a href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a>{dede:arclist titlelen='60' row='8'}      <li><span>[field:pubdate function="MyDate('m-d',@me)"/]</span><a href="[field:arcurl /]">[field:title /]</a></li>      {/dede:arclist}{/dede:channelartlist} 栏目循环 文章列表

vii. {dede:flinktype type="dedecms"}{dede:flink/}  {/dede:flinktype} 友情链接

viii. {dede:include filename="footer.htm"/} 外部模板文件引入

b) 简单修改首页演示

i. 修改dede模板的时候切记(一定要修改生成首页的路径

高清原视频下载地址 http://pan.baidu.com/s/1TGcQM

一、分析目标网站

a) 寻找网站并简单分析

i. 网站的结构(http://www.jskysc.com/

1. 首页

2. 单页(关于我们,售后服务,联系我们

3. 产品展示 列表

4. 产品展示内页

5. 新闻列表

6. 新闻内页

7. 在线留言(以后再讲

ii. 使用工具下载

高清原视频下载地址 http://pan.baidu.com/s/1TGcQM

在制作搜索框的时候用到了下拉选择的select标签出现了下拉样式不兼容的问题,在chrome和IE下不太协调,于是百度了一下找到已经可协调的样式。不过要高版本浏览器支持

如下

select {
  /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/
  border: solid 1px #000;

  /*很关键:将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置,避免被文字覆盖*/
  padding-right: 14px;
}

/*清除ie的默认选择框样式清除,隐藏下拉箭头*/
select::-ms-expand { display: none; }

直接贴到css里即可