資訊專欄INFORMATION COLUMN
摘要：最后再說(shuō)一下程序方面，因?yàn)樾【幨且幻谱鳎猿绦蚍矫娴呐浜狭私獾降囊簿褪瞧匠ｍ?xiàng)目中經(jīng)常遇到的。最后做一下總結(jié)，在一個(gè)項(xiàng)目的進(jìn)行中，設(shè)計(jì)制作程序三者之間是密不可分的，而各個(gè)部分之間需要相互配合，才能將項(xiàng)目做的更好。
以下是我在平常工作中所遇到的，文筆不是很好，求大神輕噴。
在項(xiàng)目進(jìn)行的過(guò)程中，主要分為設(shè)計(jì)--制作--程序這三個(gè)步驟，首先先從設(shè)計(jì)頁(yè)面開(kāi)始，包括頁(yè)面上面的諸多效果在內(nèi)。而制作負(fù)責(zé)將設(shè)計(jì)稿的PSD文件變成頁(yè)面上的代碼，還原度要求99%以上。程序方面主要是配合在項(xiàng)目進(jìn)行中的功能開(kāi)發(fā)，如果當(dāng)前項(xiàng)目沒(méi)有功能開(kāi)發(fā)的話，主要配合制作進(jìn)行JS或者Jquery調(diào)試。
首先說(shuō)一下設(shè)計(jì)方面，眾所周知，網(wǎng)站首頁(yè)是一個(gè)網(wǎng)站的重中之重，所以首頁(yè)的設(shè)計(jì)會(huì)比后面的子頁(yè)面要好看一些，當(dāng)然，效果也會(huì)多一些，例如，圖片的滾動(dòng)，H5的滑出效果等等。而設(shè)計(jì)方面需要考慮到的就是有些效果在設(shè)計(jì)稿上面看著很好看，但卻在代碼方面不一定能實(shí)現(xiàn)，這里為什么說(shuō)不一定呢，因?yàn)檫@些效果如果是寫(xiě)出來(lái)的話，花掉的時(shí)間相對(duì)較多，考慮到項(xiàng)目的周期，所以一般情況下都會(huì)選擇在代碼網(wǎng)站上找可以用的JS代碼，然后嵌套到頁(yè)面上面來(lái)，這樣的話，只要效果沒(méi)問(wèn)題，就只需要改一下樣式，可以達(dá)到事半功倍的效果。然而，有的時(shí)候一些效果可能會(huì)找不到，又或者找到的只是類似的效果，不是完全一樣的，
當(dāng)前的設(shè)計(jì)稿樣式（截取部分）是小圖在左側(cè)，大圖在右側(cè)，而實(shí)際上找到的效果卻是小圖在右側(cè)大圖在左側(cè)，因?qū)嵲跊](méi)有找到更加適合的效果，所以準(zhǔn)備用這個(gè)效果改成符合設(shè)計(jì)稿樣式的效果。而在小編修改的過(guò)程中，發(fā)現(xiàn)了因某些原因?qū)е铝薐S效果出錯(cuò)，所以這時(shí)候需要程序配合我處理一下效果。
然后說(shuō)一下制作方面，項(xiàng)目到了制作的階段，需要跟設(shè)計(jì)師一個(gè)個(gè)頁(yè)面過(guò)一次，因?yàn)槲覀冊(cè)谥谱鞯倪^(guò)程中必須知道頁(yè)面上面哪個(gè)位置需要什么效果，而設(shè)計(jì)師在設(shè)計(jì)頁(yè)面期間預(yù)想的是什么效果等等，這些是一個(gè)制作所必須知道的。制作主要負(fù)責(zé)的工作就是將設(shè)計(jì)稿轉(zhuǎn)化成頁(yè)面，要求還原度為99%以上，制作需要注意的地方就是設(shè)計(jì)稿上面的小細(xì)節(jié)部分以及每個(gè)頁(yè)面所用到的效果部分，一般情況下首頁(yè)用到的效果比較多，其次就是少部分內(nèi)頁(yè)，例如當(dāng)前產(chǎn)品圖有多個(gè)圖片的時(shí)候，產(chǎn)品詳情頁(yè)就需要有一個(gè)能展示多張圖片的效果了。然后還要注意的是為方便百度抓取，網(wǎng)站的SEO也需要做，在DWPCMS的后臺(tái)有個(gè)網(wǎng)站地圖，網(wǎng)站地圖主要整理網(wǎng)站的基本架構(gòu)方便百度爬蟲(chóng)的，然后就是網(wǎng)站的默認(rèn)圖片，何為默認(rèn)圖片，主要是指網(wǎng)站在加載過(guò)程中，圖片默認(rèn)顯示成什么樣子，加載完之后才是添加的數(shù)據(jù)圖。還有一個(gè)需要注意的地方就是網(wǎng)站打開(kāi)的時(shí)候在瀏覽器標(biāo)簽處顯示的圖標(biāo)。如下圖：
這個(gè)圖標(biāo)一般用的是網(wǎng)站的LOGO做為網(wǎng)站用在瀏覽器標(biāo)簽上的圖標(biāo)。然后還需要注意的地方就是代碼規(guī)范方面和圖片的title、alt屬性，這兩個(gè)屬性，title屬性是當(dāng)鼠標(biāo)滑到圖片上面停留2秒之后會(huì)自動(dòng)出現(xiàn)的，alt屬性則是屬于SEO優(yōu)化方面的。
最后再說(shuō)一下程序方面，因?yàn)樾【幨且幻谱鳎猿绦蚍矫娴呐浜狭私獾降囊簿褪瞧匠ｍ?xiàng)目中經(jīng)常遇到的。
首先，項(xiàng)目初期程序也可以盡可能多了解一些該項(xiàng)目在頁(yè)面上所用到的東西，例如欄目架構(gòu)，有無(wú)功能開(kāi)發(fā)之類，如果有功能開(kāi)發(fā)的話，則可以在后臺(tái)的欄目架構(gòu)搭建好之后，著手開(kāi)始做功能開(kāi)發(fā)。如沒(méi)有功能開(kāi)發(fā)，則可以配合解決制作在處理JS效果方面遇到的問(wèn)題，然后就是在數(shù)據(jù)調(diào)用方面，有些數(shù)據(jù)是通過(guò)特定的語(yǔ)句調(diào)取出來(lái)的，這部分也會(huì)需要程序進(jìn)行配合。
最后做一下總結(jié)，在一個(gè)項(xiàng)目的進(jìn)行中，設(shè)計(jì)、制作、程序三者之間是密不可分的，而各個(gè)部分之間需要相互配合，才能將項(xiàng)目做的更好。
本文轉(zhuǎn)自：http://www.0731pgy.com/a/news...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/111545.html
摘要：最后再說(shuō)一下程序方面，因?yàn)樾【幨且幻谱鳎猿绦蚍矫娴呐浜狭私獾降囊簿褪瞧匠ｍ?xiàng)目中經(jīng)常遇到的。最后做一下總結(jié)，在一個(gè)項(xiàng)目的進(jìn)行中，設(shè)計(jì)制作程序三者之間是密不可分的，而各個(gè)部分之間需要相互配合，才能將項(xiàng)目做的更好。 以下是我在平常工作中所遇到的，文筆不是很好，求大神輕噴。在項(xiàng)目進(jìn)行的過(guò)程中，主要分為設(shè)計(jì)--制作--程序這三個(gè)步驟，首先先從設(shè)計(jì)頁(yè)面開(kāi)始，包括頁(yè)面上面的諸多效果在內(nèi)。而制作...
摘要：本文主要和大家分享下容器技術(shù)和頂象風(fēng)控系統(tǒng)私有化部署的優(yōu)勢(shì)以及容器技術(shù)在頂象內(nèi)部的應(yīng)用實(shí)踐。容器技術(shù)在頂象內(nèi)部的應(yīng)用目前容器技術(shù)已在頂象內(nèi)部大規(guī)模推行，所有應(yīng)用均通過(guò)容器實(shí)現(xiàn)部署交付與更新。 頂象全景式業(yè)務(wù)安全風(fēng)控體系基于新一代風(fēng)控體系構(gòu)建，并采用Docker技術(shù)進(jìn)行私有云和公有云部署。本文主要和大家分享下Docker容器技術(shù)和頂象風(fēng)控系統(tǒng)私有化部署的優(yōu)勢(shì)以及Docker容器技術(shù)在頂象...
摘要：被電子束轟擊的每個(gè)位置，熒光層都會(huì)產(chǎn)生一個(gè)小亮點(diǎn)，最終小亮點(diǎn)們將會(huì)組成一幅幅影像，顯示在電視屏幕上。下圖展示的是攝像機(jī)慢放后，電子束的繪制過(guò)程。未來(lái)，個(gè)推技術(shù)團(tuán)隊(duì)將繼續(xù)關(guān)注移動(dòng)端的性能優(yōu)化，為大家分享相關(guān)的技術(shù)干貨。 作者：個(gè)推安卓開(kāi)發(fā)工程師 一七 隨著科技的發(fā)展，各種移動(dòng)端早已成為人們?nèi)粘Ｉ钪胁豢苫蛉钡牟糠郑藗兪褂靡苿?dòng)端產(chǎn)品工作、社交、娛樂(lè)……移動(dòng)端界面的流暢性已經(jīng)成為影響用戶...
閱讀 3084·2021-09-22 15:20
閱讀 2607·2019-08-30 15:54
閱讀 1971·2019-08-30 14:06
閱讀 3120·2019-08-30 13:05
閱讀 2462·2019-08-29 18:36
閱讀 574·2019-08-29 15:10
閱讀 529·2019-08-29 11:17
閱讀 825·2019-08-28 18:11
