动态专题制作课件.ppt

1、动态专题制作动态专题制作 凤凰网技术中心 应用管理部 专题分类专题分类制作静态专题注意事项制作静态专题注意事项 zip包里未包含包里未包含index文件文件index.shtmlindex.htmlindex.htm 均均可可 文件名和目录名都不能为中文，后缀名避文件名和目录名都不能为中文，后缀名避免变成免变成index.html.html 在专题中，请使用在专题中，请使用相对地址相对地址 专题需包含页头页尾、仅允许使用公司规专题需包含页头页尾、仅允许使用公司规范的页头页尾、且必须选择正确匹配的页范的页头页尾、且必须选择正确匹配的页头头；页面居左；页面居左相对地址示例相对地址示例 本机地址本机

2、地址 相对地址相对地址 制作动态专题注意事项制作动态专题注意事项 频道名称频道名称不要使用单双引号或者大点字符不要使用单双引号或者大点字符 要关联文档单页和列表页模板，并继承到要关联文档单页和列表页模板，并继承到下级子频道；下级子频道；不要关联非专题模板；不要关联非专题模板；不要随意关联通用模板；不要随意关联通用模板；通用模板通用模板 通用模板二通用模板二 通用模板二通用模板二 碎片管理系统演示碎片管理系统演示 http:/ Table:table row 表格中的一行表格中的一行:table data 表格中的一个单元格表格中的一个单元格最简单的最简单的table示例示例两行三列的两行三列的

3、table什么是什么是CSS？CSS(Cascading Style Sheet),对页面的布局、对页面的布局、字体、颜色、背景和其它效果实现更精确控制字体、颜色、背景和其它效果实现更精确控制的一门技术。的一门技术。通俗的说，通俗的说，html是搭建网页内容结构的，而网是搭建网页内容结构的，而网页怎么展示就是页怎么展示就是CSS的作用。的作用。CSS初级初级.redcolor color:red;红字红字红字红字CSS初级初级红字红字红字红字CSS初级初级.sample color:red;background-color:#cccccc;border:1px solid blue;width

4、:300px;height:50px;line-height:50px;text-align:center;font-size:20px;font-family:宋体宋体;碎片示例碎片示例.boxList border:1px solid#919191;color:#454545;.boxList a color:#454545;.boxList.boxHead height:31px;position:relative;border:1px solid#fff;background-color:#aeae8a;.boxList.boxHead a color:#fff;.boxList.bo

5、xHead h1,.boxList.boxHead ul,.boxList.boxHead li float:left;color:#fff;.boxList.boxHead h1 font-size:14px;margin-left:10px;margin-top:8px;.boxList.boxHead h1 em font:10px Arial,Helvetica,sans-serif;margin-left:3px;.boxList.boxHead.more position:absolute;right:5px;top:11px;.boxList.newsList padding:5px;.boxList.newsList li line-height:20px;一些小技巧一些小技巧 用用Colorpad选取网页颜色和色系表的使用选取网页颜色和色系表的使用 用用E-ruler测量区块尺寸测量区块尺寸 用用Dreamweaver选选取区块代码取区块代码推荐书籍推荐书籍 苏小雨的苏小雨的CSS2.0样式表中文手册样式表中文手册 Oreilly HTML和和XHTML权威指南权威指南 Apress精通精通CSS-高级高级WEB标准解决方案标准解决方案The EndTo be continue网站重构和网站重构和CSS编程进阶编程进阶