網(wǎng)站交付項(xiàng)

• 基本
  • 首頁需對(duì)照效果圖填充完整
  • 內(nèi)頁按照客戶提供資料盡量完善
  • 網(wǎng)站無錯(cuò)鏈齿兔，死鏈
  • 圖片清晰不變形
  • 無網(wǎng)站無關(guān)信息（預(yù)防參考站的信息搬到客戶網(wǎng)站上）
  • 客戶提供信息保證無誤

• 系統(tǒng)項(xiàng)

  • 網(wǎng)站標(biāo)題title

  • 關(guān)鍵字keyword

  • 描述description

  • 上面的三項(xiàng)首頁审残，列表頁和文章頁面不一樣傅寡，標(biāo)簽頁不一樣

  • 有時(shí)候會(huì)用臨時(shí)服務(wù)器（xxx.srfwq.com）伞梯，需要在robots.txt里面加上User-agent: * Disallow: /防止搜索引擎收入奶稠，等上傳到正式服務(wù)器上去時(shí)候記得刪除這段

  • 圖片水印關(guān)閉

  • 版權(quán)信息

    • （正確寫法Copyright ? 2004 Adobe Systems Incorporated. All rights reserved.備案號(hào)）
    • 在完全完工之前赡盘，最好不要加我們公司名稱鏈接爪膊，可能會(huì)引起客戶反感

  • 后臺(tái)login-bg.jpg,login-btn.jpg修改

  • 默認(rèn)的略縮圖替換

  • 后臺(tái)使用簡(jiǎn)略的壓縮包覆蓋

• body

  • 縮放窗口布局不錯(cuò)亂（body{min-width:1200px}）

• logo

  • 做網(wǎng)站首頁鏈接/index.html
  • logo需要加上alt="logo"
  • 垂直居中

• 導(dǎo)航

  • 鼠標(biāo)懸停效果（background;color）
  • 當(dāng)前欄目高亮
    • {dede:field name=title runphp="yes"}(@me=="企業(yè)介紹")? @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}
  • 導(dǎo)航鏈接正確（注意列表和文章的鏈接一致权悟，多刷新點(diǎn)擊測(cè)試）

• 輪播

  • 一般不要設(shè)置鏈接（也可以將鏈接設(shè)置為/index.html，客戶有需求根據(jù)客戶需求去）
  • 自動(dòng)切換
  • 至少三張切換
  • 切換點(diǎn)
  • 翻頁按鈕（可選）
  • 大型剖ⅰ：
    • banner圖將主體內(nèi)容放在1200px范圍內(nèi)峦阁，不然小屏幕顯示會(huì)有問題；
    • 圖片大小不要設(shè)置為1920px（設(shè)置為1900px）耘成，垂直滾動(dòng)條會(huì)占據(jù)一部分的空間榔昔，這樣會(huì)導(dǎo)致水平滾動(dòng)條的出現(xiàn)
  • 字體：一般企業(yè)站英文字體不推薦使用圓體或者花體，微軟雅黑字體在banner設(shè)置中效果有限
  • 內(nèi)容：banner須凸顯客戶產(chǎn)品瘪菌，顏色不能與背景色太接近（層次感）
  • banner圖psd記得保留撒会，方便以后修改

• 圖片

  • 首頁產(chǎn)品或者新聞圖片最好加鼠標(biāo)懸停效果（css3的transition和transform結(jié)合使用）
  • 圖片和標(biāo)題一般需求加鏈接
  • 圖片需要加alt，服務(wù)seo
  • 設(shè)置圖片寬高师妙，防止調(diào)用時(shí)破壞網(wǎng)頁布局
  • 首頁的圖片大小比例與內(nèi)頁對(duì)應(yīng)的圖片需一致诵肛，這樣才能保證調(diào)用時(shí)圖片不變形
  • 加個(gè)全局圖片css屬性img{max-width:100%},這樣文章頁面的圖片不會(huì)因?yàn)檫^大而導(dǎo)致超出頁面

• 文字

  • 大小：

    • 網(wǎng)頁正文使用14px字體默穴；政府單位網(wǎng)站16px
    • 標(biāo)題加粗或者使用大兩號(hào)字體（比如正文14px怔檩，標(biāo)題16px字體）
    • 作者，日期等信息使用小兩號(hào)字體
    • 行間距一般是字體大小的兩倍line-height:200%或line-height:28px
    • 段落間距壁顶，一般使用margin-bottom:10px

  • 顏色：

    • 正文一般使用#333（而不會(huì)是純黑字體#000）
    • 次要信息可以使用#666或者#999

• 列表

  • 列表項(xiàng)之間的分割線一般使用1px dotted #ddd
  • 圖片列表注意每一行的最后一項(xiàng)需要將margin-right去除掉（li:not(:nth-of-type(3n)){margin-right:10px}）珠洗，但是使用了nth選擇符后溜歪，元素的權(quán)重會(huì)加的很高若专，以后需要修改的時(shí)候不是很方便

• 布局

  • 同一行的板塊需要保證水平高度一致
  • 注意清除浮動(dòng)
  • 去掉內(nèi)容后觀察布局是否錯(cuò)亂
  • 推薦位一般使用flag="c",假如客戶需要自己添加內(nèi)容，則需要將推薦位說明列出來蝴猪，所以盡量推薦位越少越好
  • footer一般用深色调衰，起到壓底的作用

• 文章列表頁

  • 假如列表頁有內(nèi)頁banner，每個(gè)欄目都要做不一樣的banner
  • 每個(gè)欄目的列表頁不要都用同一個(gè)模板

• 文章詳情頁

  • 一般需要在文章底部加百度分享代碼
  • 上一頁自阱，下一頁
  • 標(biāo)題最好使用<h1>標(biāo)簽便于搜索抓取嚎莉，但是一個(gè)頁面一般只能有1個(gè)<h1>標(biāo)簽

• 關(guān)于我們

  • 關(guān)于我們欄目一般使用文章詳情頁（/a/about/1.html）
  • 內(nèi)頁的側(cè)邊欄導(dǎo)航當(dāng)前文章（欄目）需要高亮顯示
  • 導(dǎo)航列表做一些點(diǎn)綴比如（background:url(../images/dot.png) no-repeat）

  • 當(dāng)前位置的主頁前用個(gè)home圖標(biāo)
  • 關(guān)于我們文章詳情頁面不需要加作者、發(fā)布時(shí)間沛豌、上下頁

• 聯(lián)系我們

  • 地圖（創(chuàng)建百度地圖）
  • 公司地址
  • 聯(lián)系電話趋箩，手機(jī)（聯(lián)系人）
  • 傳真（可選）
  • 郵箱
  • 公司網(wǎng)址（可選）
  • 二維碼（微信赃额，微博等）

手機(jī)站點(diǎn)

• 如果是pc+手機(jī)網(wǎng)站，不常更新的企業(yè)型網(wǎng)站叫确，可以直接使用動(dòng)態(tài)頁面跳芳，便于手機(jī)和pc的內(nèi)容同步。但是因?yàn)閯?dòng)態(tài)頁面需要讀取數(shù)據(jù)庫竹勉，網(wǎng)站有大量數(shù)據(jù)的情況下飞盆，最好生成靜態(tài)頁面，加快網(wǎng)站打開速度