2016-11-02 分類: 網(wǎng)站建設(shè)
小編入行兩年,一直在公司擔(dān)任前端制作的工作,下面給大家講一下成都創(chuàng)新互聯(lián)頁(yè)面制作的一些注意事項(xiàng)。
1、在整站中有頁(yè)面加載時(shí)的加載圖片和瀏覽器標(biāo)簽的圖標(biāo),加載圖片是
2、整站的圖片都需要加上alt屬性,具體的屬性值視情況而定。
3、首頁(yè)和列表頁(yè)的新聞標(biāo)題都需要加上title標(biāo)簽,調(diào)用fulltitle屬性。
頭部需要加上以下meta標(biāo)簽,調(diào)取網(wǎng)站的關(guān)鍵字及網(wǎng)站描述
5、頁(yè)面只需要引入一個(gè)jquery庫(kù),且所有的js文件不要放在頭部文件中去,整站的通用的js效果放到footer.htm文件中,如該效果只有當(dāng)前頁(yè)面有,其他頁(yè)面沒(méi)有的話,則放到當(dāng)前頁(yè)面的最底部。
6、如無(wú)特殊情況,整站中只引入一個(gè)通用的CSS文件。
7、外鏈地址以及首頁(yè)新聞列表頁(yè)地址采用新窗口打開(kāi)的方式。
8、如無(wú)特殊設(shè)計(jì),所有頁(yè)面要求在1024分辨率以上不得出現(xiàn)橫向滾動(dòng)條,1024分辨率以下才出現(xiàn)。
9、在編輯器里錄入的內(nèi)容使用P標(biāo)簽換行,是否首行縮進(jìn)參照設(shè)計(jì)稿樣式。
10、添加百度地圖代碼時(shí),去掉鼠標(biāo)滑動(dòng)縮放的效果。
11、當(dāng)項(xiàng)目中小圖標(biāo)或者圖片較多的時(shí)候,使用css sprite,將小圖標(biāo)集中到一張圖上面,然后使用背景定位方式顯示圖標(biāo)。
12、在頁(yè)面的底部文件中增加網(wǎng)站地圖的地址,放在隱藏的DIV中,網(wǎng)站地圖的鏈接有三個(gè),可以在后臺(tái)自動(dòng)生成,分別是/data/sitemap.html ,/data/baidumap.xml,/data/baidunews.xml。
13、學(xué)會(huì)使用瀏覽器自帶的F12控制臺(tái),查看JS報(bào)錯(cuò)和網(wǎng)絡(luò)請(qǐng)求錯(cuò)誤。
14、注意設(shè)計(jì)稿上面子頁(yè)面的最小高度。
15、圖片尺寸嚴(yán)格按照設(shè)計(jì)稿,包括尺寸、清晰度等,網(wǎng)站完成初期需要將頁(yè)面數(shù)據(jù)撐滿,如客戶未提供數(shù)據(jù)的,在網(wǎng)上找類似的圖片,一定要保證圖片的尺寸和清晰度。
16、網(wǎng)站上所有的input,select,textarea要求字體為雅黑,可在CSS文件頭部做全局樣式控制。
17、整站上所有用到表單提交的地方,都需要有驗(yàn)證,有上傳圖片的地方提示上傳圖片的尺寸是多少,大小是多少KB。
18、在頁(yè)面制作過(guò)程中,如有發(fā)現(xiàn)缺少設(shè)計(jì)稿的及時(shí)向設(shè)計(jì)師反應(yīng),樣式方面跟其他頁(yè)面相差不大的,可以模仿其他頁(yè)面,相差較大的及時(shí)向設(shè)計(jì)師詢問(wèn)如何處理。
以上為修訂版,如工作中遇到其他需要注意的問(wèn)題,會(huì)持續(xù)更新中。
文章名稱:_成都創(chuàng)新互聯(lián)頁(yè)面制作注意事項(xiàng)
本文URL:http://www.rwnh.cn/news49/58549.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊(cè)、微信小程序、面包屑導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站、服務(wù)器托管
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容