程式設計師工作流程

　　程式設計師的工作流程是什麼,程式設計師主要負責哪些職責,關於程式設計師有哪些瞭解.以下是小編為大家整理的關於，給大家作為參考，歡迎閱讀!

　　1、目的：

　　為了更好的滿足客戶對網站頁面的要求;

　　2、範圍：

　　適應於程式設計師;

　　3、流程說明

　　3.1客戶提出網站功能的要求;

　　3.2網頁程式設計師根據客戶的要求，設計動態功能;

　　3.3專案負責人對設計的頁面進行稽核，如果符合要求交給客戶稽核，如不符合要求，則返回給程式設計師重新修改;

　　3.4 客戶對頁面進行稽核，如果符合要求，須填寫網頁功能確認書，如不符合要求，則返回給程式設計師重新制作;

　　3.5、程式設計師完成的靜態頁面和後臺程式進行整合。

　　4、XHTML編碼規範

　　***1***使用過度的***Transitional***XHTML1.0DTD編寫網頁。

　　每個HTML頁面的基本結構必須是：

　　內容

　　***3***CSS和JavaScript必須使用外部呼叫的方式。

　　例如：

　　***4*** 所有的標記都必須要有一個相應的結束標記。

　　所有標籤必須關閉。假如是單獨不成對的標籤，在標籤最後加一個"/"來關閉它。例如：

　　…

　　或者

　　所有標籤的元素和屬性的名字都必須使用小寫。

　　所有的標籤和屬性都要用小寫。例如：

　　要寫成

　　onMouseOver=‖…‖

　　要寫成

　　onmouseover=‖‖

　　所有的XHTML標記都必須合理巢狀。

　　也就是說所有的標籤必須對齊。例如不能出現

　　而要是

　　所有的屬性必須用引號""括起來。

　　必須修改為：

　　不要在註釋內容中使―–‖，一定要使用可用―=‖代替。

　　―–‖只能發生在XHTML註釋的開頭和結束，例如：

　　要改為

　　使用語義標籤。

　　每個區塊的劃分必須有註釋。

　　表現與結構分離，程式碼中嚴格控制涉及任何的表現元素。如style、font、bgColor、border等。

標籤必須有alt屬性。

　　5、CSS編碼規範

　　1***、總體規範

　　CSS程式碼要按照固定格式編寫，屬性之間不換行。

　　屬性按照―顯示屬性‖***display ?list-style? position? float? clear***——―自身屬性‖***width? ?height? ?margin? padding? border? ?background ***——―文字屬性‖***color font text-decoration text-align vertical-align white-space other text content***的順序來編寫。按照XHTML的層級來縮排CSS的定義。加強程式碼的結構性。如：

　　#nav{} #nav #sub_nav{}

　　不同的塊之間要用空行或者註釋隔開。

　　編寫的樣式要在主流瀏覽器中解析正常。***正常並不要求在每種瀏覽器都有中都有一摸一樣的樣式，但要求在每種瀏覽器裡都比較美觀且相差不大。***

　　2***、 CSS樣式表各區塊用註釋說明

　　註釋的寫法:

　　/* Footer */

　　內容區

　　/* End Footer */

　　3***、 CSS選擇器的命名規範

　　id和class命名採用該版塊的英文單詞或組合命名，要做到見名之意，單詞之間採用下劃線連結new_Release。注意不能採用―駝峰標識‖的寫法。

　　顏色:使用顏色的名稱或者16進位制程式碼,如

　　.red { color: red; }

　　.ff8600 { color: #ff8600; }

　　字型大小,直接使用"font_字型大小"作為名稱,如

　　.font_12px { font-size: 12px; }

　　.font_9pt {font-size: 9pt; }

　　對齊樣式,使用對齊目標的英文名稱,如

　　.left { ; }

　　.bottom { ; }

　　標題欄樣式,使用"類別_功能"的方式命名,如

　　.bar_news { }

　　.bar_product { }

　　頁面結構

　　容器佈局頭部尾部側欄

　　#container #layout #head、#header #foot、#footer #sidebar

　　左邊欄右邊欄頁面主體欄目包裝/外套

　　#sidebar_left #sidebar_right #main #column #wrapper、wrap

　　內容

　　#content

　　導航

　　導航主導航頂導航左導航右導航

　　#nav #main_nav #top_nav left_nav right_nav

　　下導航二級導航選單二級選單下拉

　　bottom_nav #sub_nav #menu #sub_menu .drop

　　下拉選單

　　. drop_menu

　　功能

　　標籤提示資訊小技巧註釋熱點

　　.tab、.tag .msg、.message .tips .note .hot

　　標籤工具條標題 LOGO 搜尋

　　.label .tool、.tool_bar .title .logo .search

　　搜尋條搜尋框搜尋輸入框搜尋輸出框搜尋結果

　　.search_bar .search_box .search_input .search_output .search_results

　　註冊登入登入條登入框友情連結

　　.register .login .login_bar .login_box .friend_link

　　廣告/標語版權資訊加入我們合作伙伴服務

　　.banner .copyright .join_us .partner .service

　　網站地圖縮圖產品產品價格產品描述

　　.site_map .screen_shot products products_prices products_description

　　編輯編輯評論

　　editor editor_review

　　其他

　　左中右上中下按鈕麵包屑滾動

　　left、center、right top、middle、bottom btn bread_crumb scroll

　　當前：圖示箭頭首頁二級頁面

　　current icon arrow home_page sub_page

　　狀態常見問題關鍵詞

　　status faq keyword

　　4***、 CSS檔案命名規範

　　基本的樣式表，每個檔案都要引用的命名為： default.css。

　　該檔案用於定義整站的風格，如站點的預設字型大小，預設連結樣式等。

　　用於佈局的樣式表命名為：layout.css。

　　一般分為首頁佈局，二級頁面佈局，詳細頁面佈局等幾個塊，塊與塊之間要用註釋隔開。頭部，底部，導航等單獨的頁面模組要單獨的定義一個CSS檔案。名稱和頁面名稱相同。如：head.css

　　首頁要單獨定義一個CSS檔案：index.css。

　　其他頁面可更具情況共用一個或按照網站欄目共用幾個CSS檔案。如：page.css、news.css等等。

　　特殊功能可以單獨定義一個CSS檔案，4.6.21 如lightBox.css。

　　5*** 、JavaScript編碼規範

　　JavaScript檔案

　　JavaScript程式應獨立儲存在後綴名為.js的檔案中。JavaScript程式碼不能被包含在HTML檔案中,除非這是段特定只屬於此部分的程式碼。JavaScript引用應儘量放到body的後面。這樣可以減少因為載入JavaScript而造成其他頁面內容載入也被延遲的問題。

　　註釋

　　程式碼必須有註釋。以便給以後需要理解你的程式碼的人們***或許就是你自己***留下資訊。註釋要和所註釋的程式碼一樣是書寫良好且清晰明瞭。避免冗長或者情緒化。及時地更新註釋。避免錯誤的註釋存在於程式中。

　　變數宣告

　　所有的變數必須在使用前進行宣告。將var語句放在函式的首部。把每個變數的宣告語句單獨放到一行,並加上註釋說明。

　　var currentEntry; // 當前選擇項

　　var level; // 縮排程度

　　var size; // 表格大小

　　函式宣告

　　所有的函式在使用前進行宣告。內函式的宣告跟在var語句的後面。

　　函式名與******左括號***之間不要有空格。******右括號***與開始程式體的{***左大括號***之間應插入一個空格。函式程式體應縮排一個TAB鍵。}***右大括號***與宣告函式的那一行程式碼頭部對齊。 function outer***c, d*** {

　　var e = c * d;

　　function inner***a, b*** {

　　return ***e * a*** + b;

　　}

　　return inner***0, 1***;

　　}

　　命名變數名由26個大小寫字母***A..Z,a..z***,10個數字***0..9***,和_***下劃線***組成。大多數的變數名和方法命應以小寫字母開頭。必須與new共同使用的建構函式名應以大寫字母開頭。全域性變數要全部大寫。

　　語句

　　簡單語句

　　每一行最多隻包含一條語句。把;***分號***放到每條簡單語句的結尾處。注意一個函式賦值或物件賦值語句也是賦值語句,要以分號結尾。

　　複合語句

　　複合語句是被包含在{ }***大括號***的語句序列。被括起的語句必須多縮排一個TAB鍵。 {***左大括號***應在複合語句其實行的結尾處。 }***右大括號***應與{***左大括號***的那一行的開頭對齊大括號要在所有複合語句中使用,即使只有一條語句,當它們是控制結構的一部分時, 比如一個if或者for語句。這樣做可以避免以後新增語句時造成的錯誤。

　　return 語句

　　一條有返回值的return語句不要使用*** ******括號***來括住返回值。如果返回表示式,則表示式應與return 關鍵字在同一行。

　　if 語句

　　if語句應如以下格式:

　　if ***condition***{

　　statements;

　　}

　　if ***condition*** {

　　statements;

　　} else {

　　statements;

　　}

　　if ***condition*** {

　　statements;

　　} else if ***condition*** {

　　statements;

　　} else {

　　statements;

　　}

　　for 語句

　　for語句應如以下格式:

　　for ***initialization;condition; update*** {

　　statements;

　　}

　　for ***variable in object***if ***filter*** {

　　statements;

　　}

　　第一種形式的迴圈用於已經知道相關引數的陣列迴圈。第二種形式應用於物件中。object原型中的成員將會被包含在迭代器中。通過預先定義hasOwnProperty方法來區分真正的object成員：

　　for ***variablein object*** if ***object.hasOwnProperty***variable******{

　　statements;

　　}

　　while 語句

　　while語句應如以下格式:

　　while ***condition***{

　　statements;

　　}

　　do 語句

　　do語句應如以下格式:

　　do {

　　statements;

　　} while ***condition***;

　　不像別的複合語句,do語句總是以;***分號***結尾。

　　switch 語句

　　switch語句應如以下格式:

　　switch ***expression***{

　　case expression:

　　statements;

　　default:

　　statements;

　　}

　　每個 case與switch對齊。每一組statements***除了default應以 break,return,或者throw結尾。不要讓它順次往下執行。

　　try 語句

　　try語句應如以下格式:

　　try {

　　statements;

　　} catch ***variable***{

　　statements;

　　}

　　try {

　　statements;

　　} catch ***variable***{

　　statements;

　　} finally {

　　statements;

　　}

　　continue 語句

　　避免使用continue語句。它容易使得程式的邏輯過程晦澀難懂。

　　with 語句

　　不要使用with語句。

　　空白

　　用空行來將邏輯相關的程式碼塊分割開可以提高程式的可讀性。空格應在以下情況時使用:跟在******左括號***後面的關鍵字應被一個空格隔開。while ***true*** {函式引數與******左括號***之間不要有空格。這能幫助區分關鍵字和函式呼叫。所有的二元操作符,除了.***點*** 和******左括號***和 [***左方括號***應用空格將其與運算元隔開。一元操作符與其運算元之間不應有空格,除非操作符是個單詞,比如typeof。每個在控制部分,比如for 語句中的; ***分號***後須跟一個空格。每個,***逗號***後應跟一個空格。

　　6、根據效果圖利用XHTML/CSS/JavaScript/DOM/Flash等各種Web技術進行產品的介面開發。

　　7、開發JavaScript以及Flash模組，

　　8、增加互動動態功能。致力於通過技術改善使用者體驗。

　　9、結合後臺程式，

　　10、從後臺介面獲取資料整合到前臺介面顯示。