网站交付项

网站交付项

• 基本
  • 首页需对照效果图填充完整
  • 内页按照客户提供资料尽量完善
  • 网站无错链，死链
  • 图片清晰不变形
  • 无网站无关信息（预防参考站的信息搬到客户网站上）
  • 客户提供信息保证无误

• 系统项

  • 网站标题title

  • 关键字keyword

  • 描述description

  • 上面的三项首页，列表页和文章页面不一样，标签页不一样

  • 有时候会用临时服务器（xxx.srfwq.com），需要在robots.txt里面加上User-agent: * Disallow: /防止搜索引擎收入，等上传到正式服务器上去时候记得删除这段

  • 图片水印关闭

  • 版权信息

    • （正确写法Copyright © 2004 Adobe Systems Incorporated. All rights reserved.备案号）
    • 在完全完工之前，最好不要加我们公司名称链接，可能会引起客户反感

  • 后台login-bg.jpg,login-btn.jpg修改

  • 默认的略缩图替换

  • 后台使用简略的压缩包覆盖

• body

  • 缩放窗口布局不错乱（body{min-width:1200px}）

• logo

  • 做网站首页链接/index.html
  • logo需要加上alt="logo"
  • 垂直居中

• 导航

  • 鼠标悬停效果（background;color）
  • 当前栏目高亮
    • {dede:field name=title runphp="yes"}(@me=="企业介绍")? @me=" class='antv' ":@me="";{/dede:field}
    • {dede:field name=typeid runphp="yes"}(@me=in_array(@me,array(14)))? @me=" class='antv' ":@me="";{/dede:field}
    • 首页{dede:field name=typeid runphp="yes"}(@me=="")? @me=" class='antv' ":@me="";{/dede:field}
  • 导航链接正确（注意列表和文章的链接一致，多刷新点击测试）

• 轮播

  • 一般不要设置链接（也可以将链接设置为/index.html，客户有需求根据客户需求去）
  • 自动切换
  • 至少三张切换
  • 切换点
  • 翻页按钮（可选）
  • 大小：
    • banner图将主体内容放在1200px范围内，不然小屏幕显示会有问题；
    • 图片大小不要设置为1920px（设置为1900px），垂直滚动条会占据一部分的空间，这样会导致水平滚动条的出现
  • 字体：一般企业站英文字体不推荐使用圆体或者花体，微软雅黑字体在banner设置中效果有限
  • 内容：banner须凸显客户产品，颜色不能与背景色太接近（层次感）
  • banner图psd记得保留，方便以后修改

• 图片

  • 首页产品或者新闻图片最好加鼠标悬停效果（css3的transition和transform结合使用）
  • 图片和标题一般需求加链接
  • 图片需要加alt，服务seo
  • 设置图片宽高，防止调用时破坏网页布局
  • 首页的图片大小比例与内页对应的图片需一致，这样才能保证调用时图片不变形
  • 加个全局图片css属性img{max-width:100%},这样文章页面的图片不会因为过大而导致超出页面

• 文字

  • 大小：

    • 网页正文使用14px字体；政府单位网站16px
    • 标题加粗或者使用大两号字体（比如正文14px，标题16px字体）
    • 作者，日期等信息使用小两号字体
    • 行间距一般是字体大小的两倍line-height:200%或line-height:28px
    • 段落间距，一般使用margin-bottom:10px

  • 颜色：

    • 正文一般使用#333（而不会是纯黑字体#000）
    • 次要信息可以使用#666或者#999

• 列表

  • 列表项之间的分割线一般使用1px dotted #ddd
  • 图片列表注意每一行的最后一项需要将margin-right去除掉（li:not(:nth-of-type(3n)){margin-right:10px}），但是使用了nth选择符后，元素的权重会加的很高，以后需要修改的时候不是很方便

• 布局

  • 同一行的板块需要保证水平高度一致
  • 注意清除浮动
  • 去掉内容后观察布局是否错乱
  • 推荐位一般使用flag="c",假如客户需要自己添加内容，则需要将推荐位说明列出来，所以尽量推荐位越少越好
  • footer一般用深色，起到压底的作用

• 文章列表页

  • 假如列表页有内页banner，每个栏目都要做不一样的banner
  • 每个栏目的列表页不要都用同一个模板

• 文章详情页

  • 一般需要在文章底部加百度分享代码
  • 上一页，下一页
  • 标题最好使用<h1>标签便于搜索抓取，但是一个页面一般只能有1个<h1>标签

• 关于我们

  • 关于我们栏目一般使用文章详情页（/a/about/1.html）
  • 内页的侧边栏导航当前文章（栏目）需要高亮显示
  • 导航列表做一些点缀比如（background:url(../images/dot.png) no-repeat）
  • 当前位置的主页前用个home图标
  • 关于我们文章详情页面不需要加作者、发布时间、上下页

• 联系我们

  • 地图（创建百度地图）
  • 公司地址
  • 联系电话，手机（联系人）
  • 传真（可选）
  • 邮箱
  • 公司网址（可选）
  • 二维码（微信，微博等）

手机站点

• 如果是pc+手机网站，不常更新的企业型网站，可以直接使用动态页面，便于手机和pc的内容同步。但是因为动态页面需要读取数据库，网站有大量数据的情况下，最好生成静态页面，加快网站打开速度