網頁設計工作每日工作記錄

1、我想製作一個網頁，請問需要哪幾個步驟？

製作一個網頁需要九個步驟。

1、准備內容

在域名注冊查詢網址之前就應該先搜集至少「一百頁」的內容，這些內容必須是有價值的、不違反著作權的內容。

2、網址

想個比較有意義，好記的網址。

3、網頁設計製作

在網站設計上，只要盡量簡潔有力，讓內容可以好好的呈現，就是一個成功的seo網站頁面。頁要盡量符合w3c的標准。

4、每頁檔案大小

每個網頁盡量在15k以下，但是不能在5k以下，以免影響內容的完整。其搜索引擎最佳化的目的，實際上是為了使用者，而不是為了搜索引擎本身。

5、關鍵字密度

拿出關鍵字，在下列六個地方各使用一次。

6、內部鏈接

內部鏈接就是在同一網站域名下的內容頁面之間的互相鏈接（自己網站的內容鏈接到自己網站的內部頁面，也稱之為站內鏈接）。

7、網站上線

最好不要用虛擬主機，若是能有自己的代管主機或者是固定ip位置就最好了。

8、紀錄與追蹤

申請一個不錯的網頁計數器。

9、程序設計

網站設計包括前台用戶視覺體驗的設計和後台程序功能設計，兩個方面都是非常重要的；視覺設計對於客戶的閱讀帶來愉悅和信任，後台注重操作的方便行。

(1)網頁設計工作每日工作記錄擴展資料：

注意事項

1、導航菜單使用圖片、flash

導航菜單使用圖片、flash當然比純文本來得好看一些，但是搜索引擎並不認識你的圖片和flash。如果你非要使用漂亮的圖片來做導航的話，可以使用背景替換的方法。建議做一個導航菜單鏈接的xml文提交到搜索引擎。

2、不恰當地使用圖片

為了網頁美觀，經常會到處貼滿圖片，這樣做是不正確的，與內容無關的圖片能少就少吧。我們可以把這些圖片做成容器的背景。

3、內容里特殊字體的運用

楷體很漂亮，草書也不遜色於宋體。但是不是所有人的電腦都安裝有這些字體。如果使用這些特殊字體的話，在別人的電腦里看到的網頁將會是不堪入目。

2、簡答題，網頁設計

<1>、收集網站前期資料以及所需文檔
網站策劃人員先期分析網站的目的，並分析出網站的功能情況、定位以及初步欄目的規劃描述。然後根據策劃方案去收集相關資料
小組討論開會-----分析網站目的和功能情況------主要負責人簽字------生效並列印文檔

<2>、將策劃方案列印給小組成員人手一份，開始設計人員進行設計工作。
根據策劃文檔及網站設計規范，主要設計人員進行前期的首頁設計。
小組負責人確定設計進程時間並派任務單------主要設計人員開始設計-----遞交審核------通過後主要負責人簽字

<3>、根據網站的模式和特點以及網站製作規范定製出最適當的標准樣式
主要負責人與策劃人員、主要網站製作人員定製標准樣式----列印並小組成員人手一份

<4>、設計人員進行二級頁面設計工作
依照網站設計規范和標准樣式------由小組負責人確定設計進程時間並派任務單-----主要設計人員開始設計工作-----遞交審核-----通過後主要負責人簽字

<5>、製作人員開始製作工作
依照網站設計規范和標准樣式------由小組負責人確定製作進程時間並派任務單-----主要製作人員開始內容建設工作-----與程序方面配合人員協調工作------遞交審核-----通過後主要負責人簽字

<6>、程序開發階段
所有工作人員開始與程序上的結合頁面修改工作

<7>、完成
網站策劃人員把所有有關網站的備份文件以及原程序備份，並書寫一份網站跟蹤報告。說明此網站的建設工作的開始到結束所用資源人力以及執行情況。

<8>、QA部門進行測試工作
註：
+ 主要負責人包括所有參與網站項目的負責人，每個負責人做到審核簽字。
+ 所有工作人員進行工作時必須在規定的工作時間內完成工作，不能完成工作的有權承擔一定的責任。
+ 在主要負責人通過後，任何人不得以理由修改頁面設計工作，特殊情況除外。
+ 網站策劃人員必須及時跟蹤網站建設情況並記錄下來。安排任務進程。

3、做網頁設計工作怎樣才叫做獨立接單。

網站接單的步驟:
第一步：
我的第一步包含下面這些(大致說明一下，也歡迎大家分享自己的第一步)
我只是把我想得到的，頭一次商談要注意的貼出來
確認客戶是否真的需要網站：
我發現，有的客戶只是想要電子郵件，而不是網站。
所以必須先確定他是否真的需要網站。
我自己親自談還是業務幫我談：
親自談有時候甚至可以當下馬上改設計
業務幫我談就不一樣，因為話經過業務加油添醋，會不一樣
客戶有沒有自己的行銷企畫：
企畫書怎麼會交給設計師寫?設計師應該是提案給客戶選吧～
客戶有沒有認真去思考『網站』就看他有沒有自己寫一份報告給老闆看過
難道是為了網站而網站
客戶有沒有特殊癖好：
網站風水學?無障礙網站?
沒有先搞清楚這些特殊癖好，小心網站做好後才被削
客戶准備多少資料要做網站：
千萬不要相信客戶說『資料很多，很齊全』
因為網站上面要用的資料可不是那麼簡單
照片一定要，現有的型錄也跑不掉
涉及健康、生命安全的產品最好有政府檢驗過的報告
有爭議的網站內容最好別接(如吃下肚子，馬上瘦十公斤的廣告傳單)
公司簡介、部門組織、地圖、聯絡資料一樣都不能少
當客戶問起什麼資料要准備時=還沒准備好要做網站
這些都沒有，等這些資料都做好了，再做網站吧!
購物網站：
預算不夠的公司，不妨建議他去找PCHOME、YAHOO合作開店
預算更低的，先玩網路拍賣吧
購物網站不等於東西就能賣出去
東西賣不出去，就算有購物網站也一樣
東西賣得出去，就算沒有購物網站也能賣
網址注冊、主機、電子郵件：
客戶有沒有自己的網址?自己的主機?自己的電子郵件?
這些都涉及到以後的網站設計好要放哪裡
展示我的作品：
作品是有風格差異的，不一樣的設計師做的就不一樣
難不成要幾米去畫火影忍者(能看嗎?)
風格不喜歡從客戶眼神及談話內容就能感覺到
不要隨口答應『沒問題，我能改到你滿意』
發現客戶要的不屬於自己的風格，可以介紹別的設計師
設計師應該把重心放在自己擅長的案子上
平均完稿時間有多久：
我所謂的完稿是指畫面排好，還沒做 HTML
只是用繪圖軟體先給客戶看排版，這段時間要花多久
報價：
第一步不報價，我通常只會說一個 RANGE 價格範圍
因為還沒有看到有多少資料要處理，不可能有正確的報價
報價高低的參考因素可以事先告知
如資料的處理量多寡、是否包含網址、空間主機、電子郵件等等
合約書：
可以先給對方看過，大家先對合約有認識
不一定要第一次就簽約，不過大家對合約有共識
適度的修改合約符合雙方實際狀況也很重要
如：客戶需要開票期三個月～
備案：
第一步談得愉快還好，談不妥得要有備案
發現客戶的風格喜好不同，可以介紹認識的設計師給客戶
第一步談案子的立場要放在『幫客戶把網站發包出去』
所以不一定要你自己接下來做，不對頭的案子可以給別人做
當然如果能自己接下來做，自然就會賺得比較多
(介紹別人做也能賺?見仁見智!)
----
第二步的重點放在資料，還有第一步的進度延伸，我先從前一步的延伸先說，再來談第二步的資料怎麼拿。
如果有幫客戶申請網址、空間：
網址申請通常需要點時間更新各大ISP的DNS
所以從申請到真的可以用，最短應該48小時內，最長也有可能拖到三到五天。
網址申請到了，記得先放上一張?網站設計中?網頁，如果能在上面用個郵件表單會比較好。
如果有幫客戶申請電子郵件：
准備一張電子郵件帳號申請表，欄位只要郵件帳戶、使用者、職稱、密碼即可。
用英文名當郵件帳戶經常會強碰，所以要看情況給予客戶建議
如：依分機號碼編電子郵件(這部份見仁見智)
客戶簽約了，還缺一份?
進度及付款條件對照表?：
比較簡單的寫法就是分成三階段(或更多)付款，每個階段的認定標准則雙方敲定即可。另外一種寫法就是以你自己的進度為進度，可能從草稿、校稿、定稿、設計稿轉網頁、資料模擬、上線測試，修改網頁等等，不要列太仔細，尤其時列了一些客戶看不懂的工作項目，如：PSD 轉 CSS HTML
註：幾年前我有丟一張對照表給網友，不過已經太久沒有碰網站設計，文件已經不在我的電腦內，請找別人要看看吧!
第二部份的重點來了，索取哪些資料，但是因為客戶不同，會有點不一樣。我知道的就盡量說，大家也可以分享自己的經驗。
基本資料從哪裡來：
名片(多要幾個人的名片，以後會比較好找人，或找人幫你找人)
經濟部商業司(查統編、公司登記基本資料)
客戶有通過 ISO 認證：
一階文件一定要拿，因為 ISO 一階規定要有公司簡介、發展沿革、組織圖、使命及願景等大方向的資料。
公司照片：
不管用什麼方法，公司門面的照片、辦公室的照片、工廠的照片多少要拿一些。
如果客戶給的照片品質實在不怎麼樣，良心建議他請攝影師來拍吧!
要不然就是你自己拍
產品型錄、說明書：
現有的商品型錄一張也不能少
不管新舊產品，只要有商品型錄就拿一份
產品說明書有設計過的話，通常上面有有一些設計好的圖表、人物、圖示
如果能夠拿來用，可以省下不少腦筋
服務簡報：
有些客戶並不是生產產品，而是提供服務
看客戶有沒有介紹自己業務內容的簡報可以提供(通常業務會自己做一份)
或者是?面試員工的公司介紹文件?，有的公司會直接拿 ISO 一階面試
教案、考題：
我碰過老師的網站，基本上考題跟教案都會用電腦打，記得去要一份
有些例外，如數學(方程式編輯器很難用)
沒有檔案的話，拿一份空白考卷掃描(答案卷也一樣)
機器設備 DM：
有些產業會使用特殊的機器設備，如 X 光機，工具顯微鏡、拉力測試機、自動打包機等，有可能跟品管有關、有可能跟廠務有關。找出機器設備的型號、設備廠商，拿一份機器設備的 DM 吧。(年久失修的設備怎麼拍都很臟，用DM上的照片吧)
員工大合照：
公司多少會有公司旅遊，有旅遊就會有團體大合照
有制服的公司，通常也會再換新制服的時候大家合照一張
沒有制服、旅遊。總該有尾牙或春酒吧
聚餐的照片也不要少(喝醉發瘋的照片不要用)
客戶特別喜歡的網站：
同業的網站通常是參考標准，所以別忘了收集同業的網站參考
再來就是?老闆?特別喜好的網站
不要收集?經理??主任??課長?特別喜好的網站，因為這些網站風格不一定老闆會喜歡。
留下 FTP 帳號密碼或燒光碟：
資料如果太大，教客戶用FTP是必要的
如果不想用FTP，那麼至少要會燒光碟片
客戶把資料燒成光碟，再通知你去拿
有登記注冊的商標：
應該會有一份經濟部智慧財產局發的商標登記證書
千萬、千萬別聽客戶?嘴巴上說?已經登記
已經登記的商標如果沒有檔案，就必須掃描起來重新畫過
不要在已經注冊登記的商標上面加油添醋
分店、加盟店、分公司聯絡資料：
只有總公司的資料是不夠的，網站上的聯絡資訊應該會包含所有分公司資料
所以記得要一份分公司、分店、加盟店的地址、電話、簡易地圖、店長、分公司聯絡人等資料。有的客戶同意用清單的方式完成這份資料，有的希望結合台灣地圖，請記得問一下客戶希望用什麼方式，別自己玩的很開心。
善用網路地圖：
只有住址並不夠，有些時候必需幫客戶畫地圖放在網站上
不過有的客戶不喜歡地圖，畫地圖之前先問一下，以免做白工。
說明你為什麼需要這些資料：
有的客戶是真的不曉得網站要放哪些資料，當你提出前面林林總總的資料時，他可能會問你為什麼，所以你一定要善盡你的責任說明。因為有的時候我們覺得需要這些資料，客戶倒是不這么認為，問一下比較保險。
索取資料清單：
只有當你把針對特定客群的時候，資料清單會幫助你快速收及統一的資料。我自己曾經幫一群老師做網站，為了省事，我會列出一張老師網站應該提供的資料清單，省得每次說明。
客戶的特殊要求：
延續第一步的當客戶有特殊要求時，這些要求也要清楚的留下記錄。
特定的顏色、特定的字形、無障礙認證到哪一個等級
簽約動工：
第一次沒有簽約，第二是要記得簽約拿訂金
已經要開始工作了，如果沒有訂金，會很難動工
尤其是需要事先發包的工作(插畫、動畫等)
我的第三步，交棒給 JennyWang 說明製作案子要注意的地方。
JennyWang 萬事拜託了。
第三部的重點放在執行製作及進度回報。
當然網站要怎麼設計，那是自己的事情，別以為看了第三步你就會設計了!
執行製作的方法有蠻多，找一個你認為最劃算且最有效率的方法：
100% 自己做：最累但是也最直接反應客戶需求。
50% 交給設計師：有設計原稿，不僅能改HTML，也能改圖。
80% 交給設計師：你可能拿不到設計原稿，如 PSD 檔，最多隻能改 HTML。
100% 交給設計師：只要做好溝通的角色，不要操壞設計師，大概就能順利結案。
你對設計師的要求有哪些?
我認為這是必須要事先說明的，不要案子發給人家，反而造成雙方困擾。
如果需要善用 CSS 請事先告訴設計師，有的設計師還是習慣用 TABLE 去排版
如果需要設計原稿，字體要不要轉點陣圖這些也必須事先講
PSD 檔要不要先切好轉成 HTML 這也會影響後面進度
有些設計師提供的原稿，需要指定軟體開
請進一步了解設計師用的軟體，如果你手邊沒有對應的軟體，你也沒辦法改。
就常用到的 PHOTOSHOP 與 FIREWORKS 雖然都可以吃 PSD 檔
但是兩者打開後的結果很可能不一樣(需調整過)
設計師有提供指定的字型嗎?
提到這個原因是，設計師很可能花大錢買一堆字形，或者是軟體送的。
好死不死，你剛好沒有這些字形，到時候要自己動手改設計就麻煩了!
事先確定原稿內的字體是否已經轉成圖片或曲線也是重點
有的時候，你可能需要自己動手改字，萬一字體已經轉成曲線或圖檔
用樣版作給客戶的：
必須要先跟客戶說明，因為樣版是可以重復賣。
當然有的樣版網站願意賣斷給你，費用也會比較高。
不管是自己作或是設計師做，先弄個 DEMO 網址給客戶：
客戶通常會想知道目前的作業進度，我習慣把 PSD 簡單切成 HTML 放上 DEMO 網址，可能會多做幾個 DEMO 網頁，里頭當然全都是假資料。DEMO 網址另一個目的就是為了檢討用，當你做到這個階段，記得排個時間在去客戶那裡解說一番，然後把客戶的意見帶回來當作修改設計的依據。
假資料也不要弄得太假：
因為第二步已經拿到照片等資料，按理來說，DEMO 網站上的照片應該可以用真的照片，但是照片的描述就不一定花時間打，隨便找一篇英文網頁 COPY & PASTE 就可以。我的習慣都會用上客戶的照片就好，文章的部分就隨便。除了照片正確，DEMO 網址上的聯絡資訊、公司名稱也都會用正確的。
DEMO 網頁怎麼測試?
我會測試資料變多的時候版面會不會跑掉
不同瀏覽器瀏覽的結果
調整瀏覽器文字大小時版面的變化
沒資料的時候，版面變化
有沒有瀏覽器錯誤訊息
開啟網站的速度，換頁的速度(DW 有顯示下載網頁所花時間，可供參考)
如果你採用分工合作的方式，請注意進度
基本上你交代出去的工作一定要問到『什麼時候可以給我』
不然東西可能會沒下落
另外比較會拖到時間的就是收集客戶的意見給設計師
有點程度的業務人員會自己判斷什麼意見可行、什麼不可行
遇到兩光業務代表，大概第一個掛掉的是設計師
什麼意見是可行?
我盡可能說明，因為這完全得要靠經驗累積。
例如：設計師弄出的版面寬度，大概只能放下五個項目，客戶要求近十幾個選項，設計師大概也只能重新設計過。除非設計師覺得無所謂，能塞就塞。
動畫的難度比較高，配合的設計師也必須要有功力才做得到，所以不要隨便答應客戶動畫部分沒問題。
回報進度的工具：
EMAIL 應該是屬於最有效的，而且有寄出去的時間、內容，省下很多口水。
打電話也不錯，但是沒有留下任何紀錄，萬一要聯絡的人一多，會累到。
MSN 或 YAHOO 即時通留言給客戶。
原則上以客戶習慣的聯絡工具為准，優先選擇有留紀錄的工具。
回報進度的頻率：
倒是不用每做完一個網頁就回報一次，這樣客戶也會受不了。
可以每天回報一次，盡量在下午三點前把進度送出去，趕在客戶下班前收下。
另外就是按照進度表的日期回報，這是比較有效率的。
回報的內容：
基本是打你完成的工作，未完成的工作。
回報進度時，盡可能的提到完整的人、事、時、地、物。
舉例：下午兩點聯絡上設計師陳先生，可能需要到設計師家裡拿光碟(台中火車站)
進度如何暫停?
當遇到窒礙難行的地方，或者完全聽不懂客戶 EMAIL 或電話內表達的意思
請立刻通知設計師，暫停設計，跟客戶約個時間，進一步確認需求與可行度才繼續下去
同時進行的進度?
我通常都會事先說明『網站是雙方要一起努力的事情』
所以有的工作我會交給客戶自己去弄，好比拍照、打公司簡介等
所以當我或我的設計師正在忙著設計時，客戶也正在忙著打字、拍照
讓客戶也一起動手做的好處，以後要維護網站，客戶也會知道要怎麼做

4、網頁製作與網站設計報告書

網站項目管理規范
一.概念
網站項目管理就是根據特定的規范、在預算范圍內、按時完成的網站開發任務。
二.需求分析
1.項目立項
我們接到客戶的業務咨詢，經過雙方不斷的接洽和了解，並通過基本的可行性討論夠，初步達成製作協議，這時就需要將項目立項。較好的做法是成立一個專門的項目小組，小組成員包括：項目經理，網頁設計，程序員，測試員，編輯/文檔等必須人員。項目實行項目經理制。
2.客戶的需求說明書
第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求並不是很清楚，需要您不斷引導和幫助分析。曾經有一次，我問客戶：「您做網站的目的是什麼？」他回答：「沒有目的，只是因為別人都有，我沒有！」。這樣的客戶就需要耐心說明，仔細分析，挖掘出他潛在的，真正的需求。 配合客戶寫一份詳細的，完整的需求說明會花很多時間，但這樣做是值得的，而且一定要讓客戶滿意，簽字認可。把好這一關，可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質量的網站。那麼需求說明書要達到怎樣的標准呢？簡單說，包含下面幾點：
1.正確性：每個功能必須清楚描寫交付的功能；
2.可行性：確保在當前的開發能力和系統環境下可以實現每個需求；
3.必要性：功能是否必須交付，是否可以推遲實現，是否可以在削減開支情況發生時"砍"掉；
4.簡明性：不要使用專業的網路術語；
5.檢測性：如果開發完畢，客戶可以根據需求檢測。
三.系統分析
1.網站總體設計
在拿到客戶的需求說明後，並不是直接開始製作，而是需要對項目進行總體設計，詳細設計，出一份網站建設方案給客戶。總體設計是非常關鍵的一步。它主要確定：
1.網站需要實現哪些功能；
2.網站開發使用什麼軟體，在什麼樣的硬體環境；
3.需要多少人，多少時間；
4.需要遵循的規則和標准有哪些。
同時需要寫一份總體規劃說明書，包括：
1.網站的欄目和版塊；
2.網站的功能和相應的程序；
3.網站的鏈接結構；
4.如果有資料庫，進行資料庫的概念設計；
5.網站的交互性和用戶友好設計。
2.網站建設方案
在總體設計出來後，一般需要給客戶一個網站建設方案。很多網頁製作公司在接洽業務時就被客戶要求提供方案。那時的方案一般比較籠統，而且在客戶需求不是十分明確的情況下提交方案，往往和實際製作後的結果會有很大差異。所以應該盡量取得客戶的理解，在明確需求並總體設計後提交方案，這樣對雙方都有益處。網站建設方案的包括以下幾個部分：
1.客戶情況分析；
2.網站需要實現的目的和目標；
3.網站形象說明；
4.網站的欄目版塊和結構；
5.網站內容的安排，相互鏈接關系；
6.使用軟體，硬體和技術分析說明；
7.開發時間進度表；
8.宣傳推廣方案；
9.維護方案；
10.製作費用；
11.本公司簡介：成功作品，技術，人才說明等。
當您的方案通過客戶的認可，您可以開始動手製作網站了。但還不是真正意義上的製作，你需要進行詳細設計：
3.網站詳細設計
總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發部分來說的。但這個階段的不是真正編寫程序，而是設計出程序的詳細規格說明。這種規格說明的作用很類似於其他工程領域中工程師經常使用的工程藍圖，它們應該 包含必要的細節，例如：程序界面，表單，需要的數據等。程序員可以根據它們寫出實際的程序代碼。
四. 項目實施
1.整體形象設計
在程序員進行詳細設計的同時，網頁設計師開始設計網站的整體形象和首頁。
整體形象設計包括標准字，Logo，標准色彩，廣告語等。 首頁設計包括版面，色彩，圖像，動態效果，圖標等風格設計，也包括banner，菜單，標題，版權等模塊設計。首頁一般設計1-3個不同風格，完成後，供客戶選擇。
記住：在客戶確定首頁風格之後，請客戶簽字認可。以後不得再對版面風格有大的變動，否則視為第二次設計。
開發製作
2.開發製作
到這里，程序員和網頁設計師同時進入全力開發階段，需要提醒的是，測試人員需要隨時測試網頁與程序，發現Bug立刻記錄並反饋修改。不要等到完全製作完畢再測試，這樣會浪費大量的時間和精力。項目經理需要經常了解項目進度，協調和溝通程序員與網頁設計師的工作。
調試完善
3.調試完成
在網站初步完成後，上傳到伺服器，對網站進行全范圍的測試。包括速度，兼容性，交互性，鏈接正確性，程序健壯性，超流量測試等，發現問題及時解決並記錄下來。
為什麼要記錄文檔呢？其實本軟體工程本身就是一個文檔，是一個不斷充實和完善的標准。通過不斷的發現問題，解決問題，修改，補充文檔，使這個標准越來越規范，越來越工業化。進而使得網站開發趨向規范，趨向合理。
4.宣傳推廣
宣傳推廣的基本方法有：
1.網頁里設置適當的META標簽；
2.各搜索引擎登錄；
3.准備新聞稿件在各新聞公告板發表；
4.合理使用Email郵件列表；
5.廣告條交換；
6.付費廣告。
至此，網站項目建設完畢，將有關網址，使用操作說明文檔等提交客戶驗收。如果需要維護，另行簽定維護項目。
五.維護
網站成功推出後，長期的維護工作才剛剛開始，需要做到的是:
1.及時響應客戶反饋；例如可以採取Email自動回復功能，然後在1-3個工作日里解決問題，再次回復；
2.網站流量統計分析和相應對策；
3.盡量推廣和使用您的網址；
4.網站內容的及時更新和維護。
六.遵循的規范
1.網站建設目錄規范
2.網站文件命名規范
3.網站建設尺寸規范
4.網站首頁head區代碼規范
5.網站連接結構規范

網站開發規范
任何一個項目或者系統開發之前都需要定製一個開發約定和規則，這樣有利於項目的整體風格統一、代碼維護和擴展。由於Web項目開發的分散性、獨立性、整合的交互性等，所以定製一套完整的約定和規則顯得尤為重要。定製一系列約定和規則，包括組件團隊、文件夾命名規則、文件名命名規則、程序代碼編程風格、資料庫設計約定。這些規則和約定需要與開發人員、設計人員和維護人員共同討論定製，將來開發都將嚴格按規則或約定開發。每個團隊開發都應有自己的一套規范，一個優良可行的規范可以使我們工作得心應手事半功倍，這些規范都不是唯一的標准不存在對與錯，也許有些地方與你當前使用的習慣相駁，很多地方都有爭議。。
非常明顯在Web項目開發中有前後台開發之分，前台開發主要是指非程序編程部分，主要職責是網站AI設計、界面設計、動畫設計等。而後台開發主要是編程和網站運行平台搭建，其主要職責是設計網站資料庫和網站功能模板的實現。下面的這些規范主要是從這2個方面來定製的，這些規范是工作中總結的一點經驗，本文檔比較適合中小型網站或者Web項目的開發規范。
一．組建開發團隊
在接手項目後的第一件事是組建團隊。根據項目的大小團隊可以有幾十人，也有可以是只有幾個人的小團隊，在團隊劃分中應該含有6個角色，這6個角色是必須的，分別是項目經理，策劃，美工，程序員，代碼整合員，測試員。也許你的團隊還沒有6個人，沒有關系一個人可以有多個角色，比如項目經理還可以有策劃這個角色，如程序員還可以含有代碼整合和測試這2個角色，如果你的項目夠大人數夠多那就分為6個組，每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。
項目經理，項目總體設計，開發進度的定製和監控，定製相應的開發規范，負責各個環節的評審工作，協調各個成員(小組)之間開發。策劃，提供詳細的策劃方案和需求分析。還包括後期網站推廣方面的策劃。美工，根據策劃和需求設計網站AI，界面，Logo等。程序員，根據項目總體設計來設計資料庫和功能模塊的實現。代碼整合員，負責將程序員的代碼和界面融合到一起，代碼整合員可以製作網站的相關頁面，測試員，負責測試程序。
二．開發工具
Web開發工具主要分為3部分，第一部分是網站前台開發工具，第二部分是網站後台開發環境，第三部分是項目管理和輔助軟體。下面分別簡單介紹這三部分需要使用的軟體。
網站前台開發主要是指Web界面設計。包括網站整體框架建立、常用圖片、Flash動畫設計等等，主要使用的相關軟體是：Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等。
網站後台開發主要指網站動態程序開發、資料庫建模，主要使用的相關軟體是： PowerDesigner（資料庫建模），PowerDesigner在資料庫設計方面應用非常強大，用它可以快速創建資料庫概念和物理模型，我最喜歡的還是它生成資料庫Report的功能太方便了，設計資料庫強烈推薦用它。Rational Rose（程序建模），如果你的項目功能模塊不是特別復雜那就剩了它吧，這樣會節省一些時間和開發的復雜度，不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖。
網站項目管理主要指對開發進度和代碼版本的控制。開發進度用Microsoft Project來制定，代碼版本控制採用Visual SourceSafe，當然還有其他的選擇比如CVS和Rational ClearCase。網站測試採用VS.net的附帶工具Microsoft Application Center Test，它可以進行並行、負載測試等。程序文檔編寫採用Word，用WPS也可以。
三.網站開發流程
在項目開始實施之前應該有一個工作步驟也就是工作流程，在項目開發中最需要時間的是總體設計和系統測試，而程序編寫代碼所佔的時間並不多，但有的團隊就急於開發寫代碼，先把程序寫出來再說，沒有注重評審和測試這2個環節，結果造成返工，我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急於開工寫代碼，應該一步一步慢慢來，只有走的慢才能走得穩走得遠。圖1的開發流程比較好地體現開發的整個環節。

圖 1
從圖1可以看到2條主線，這2條主線分別是前台開發和後台開發。前後台開發在項目開發早期互相沒有交叉，當然不是絕對沒有，Web策劃和需求分析都是互相有關系的，一個是網站表現形式和風格的策劃另一個是網站功能的策劃，它們是衣服和軀乾的關系。到了開發後期就需要把界面和功能模塊結合起來形成一個統一，也就即將發布的網站。
四．資料庫開發規范
數據文件命名採用系統名+_+文件類型，比如系統名為kupage,則資料庫文件命名為kupage_database.mdf，有的資料庫文件有多個，比如SQL Server就有2個，一個是資料庫文件，另一個是日誌文件，那麼他們的文件命名分別為kupage_database.mdf，kupage_log.log。文件名全部採用小寫。
資料庫表命名規范，表名長度不能超過30個字元，表名中含有單詞全部採用單數形式，單詞首寫字母要大寫，多個單詞間不用任何連接符號。若庫中有多個系統，表名採用系統名稱+單詞或多個單詞，系統名是開發系統的縮寫，系統名稱全部採用小寫英文字元,如bbsTitle,bbsForumType。若庫中只含有一個系統，那麼表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內容的一個或多個英文單詞，如UserInfo,UserType。關連表命名規則為Re_表A_表B,Re是Relative的縮寫，如：Re_User_ArticleType, Re_User_FormType。
資料庫欄位命名規范，資料庫欄位名全部採用小寫英文單詞，單詞之間用」_」隔開，命名規則是表別名+單詞，如：user_name,user_pwd。表別名規則，如果表名是一個單詞，別名就取單詞的前4 個字母；如果表名是兩個單詞，就各取兩個單詞的前兩個字母組成4 個字母長的別名；如果表的名字由3 個單片語成，你不妨從頭兩個單詞中各取一個然後從最後一個單詞中再取出兩個字母，結果還是組成4 字母長的別名。
視圖名採用規則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產生就用」_」連接幾個表的名，如果表過多可以將表名適當簡化，但一定要列出所有表名。
存儲過程命名規則P_表名_存取過程名(縮寫)，比如P_User_Del，P_ArticleType_AddData。
SQL語句編寫規則，關鍵字必須大寫，其他書寫按上述命名規則，比如：
SELECT user_id, user_name FROM User WHERE user_id = 『tom』
五．文件夾文件名命名規范
文件夾命名一般採用英文，長度一般不超過20個字元，命名採用小寫字母。除特殊情況才使用中文拼音，一些常見的文件夾命名如：images(存放圖形文件)，flash（存放Flash文件），style(存放CSS文件)，scripts（存放Javascript腳本），inc(存放include文件)，link（存放友情鏈接）,media(存放多媒體文件)等。
文件名稱統一用小寫的英文字母、數字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義，二是當我們在文件夾中使用「按名稱排例」的命令時，同一種大類的文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作 。
1、圖片的命名原則名稱分為頭尾兩部分，用下劃線隔開，頭部分表示此圖片的大類性質例如廣告、標志、菜單、按鈕等等。
放置在頁面頂部的廣告、裝飾圖案等長方形的圖片取名： banner
標志性的圖片取名為： logo
在頁面上位置不固定並且帶有鏈接的小圖片我們取名為 button
在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名： menu
裝飾用的照片我們取名： pic
不帶鏈接表示標題的圖片我們取名： title
下面是幾個範例： banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg 。
2、動態語言文件命名規則性質_描述，描述可以有多個單詞，用」_」隔開，性質一般是該頁面得概要。
範例：register_form.asp，register_post.asp,topic_lock.asp
六．程序代碼編程規范
一個良好的程序編碼風格有利於系統的維護，代碼也易於閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變數是弱變數，無需定義就可以直接使用，而且代碼不區分大小寫。但其他語言一般這些都要定義的，為了養成良好的編程習慣，編寫代碼務必按照一下規則。
1、每個變數名必須定義，在ASP文件的最開始添加語句，強制定製每個變數。
2、出於易讀和一致性的目的，在代碼中使用以下變數命名約定：
子類型 前綴 示例
Boolean bln blnFound
Byte byt bytRasterData
Date (Time) dtm dtmStart
Double dbl dblTolerance
Error err errOrderNum
Integer int intQuantity
Long lng lngDistance
Object obj objCurrent
Single sng sngAverage
String str strFirstName
3、程序代碼需要有縮進，縮進採用鍵盤Tab鍵，不採用空格鍵。並且」＝」或者鏈接字元串時需要左右空一格，如下：
4、函數過程編寫的約定。函數或者過程命名採用動作+名詞，每個函數需要給出相應的注釋，函數功能，傳入變數，以及作者和修改相關信息。如下面函數:
<%
'[功能] 返回一個參數的值
'[參數] strParameterName 參數名稱
'[作者] icefire 2002/8/20 am
Function GetParameterValue(strParameterName)
Dim objRS, strSQL, strParameterValue
strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'"
.
.
.
GetParameterValue = strParameterValue
Set objRS = Nothing
End Function
5、ASP內置對象區分大小寫。如下代碼片斷
strUserName = Request.Form(「UserName」)
Set conn = Server.CreateObject("ADODB.Connection")
6、資料庫連接一個庫只能有一個資料庫連接文件，創建資料庫對象得原則是盡可能晚地打開資料庫，盡可能早地關閉資料庫。創建資料庫對象調用統一地創建函數。如下：
Sub OpenConn(ByRef conn)
Dim strDBPath, strDBConnection
strDBPath = Server.MapPath("database/tax.mdb")
strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath
Set conn = Server.CreateObject("ADODB.Connection")
conn.Open strDBConnnection
End Sub
7、當一個對象不在使用時要釋放對象資源，比如objFSO,objRS對象等。採用統一函數調用。函數如下：
Sub CloseObj(ByRef obj)
If IsObject(obj) Then
obj.Close
Set obj = nothing
End If
End Sub
8、時間全部以字元串的形式保存到資料庫中，這樣做能夠是日期在不同的資料庫中都能良好地保存，也方便資料庫地遷移。時間用14位字元串保存，日期用8位字元串保存。
七．網站首頁head區代碼規范
head區是指首頁HTML代碼的<head>和</head>之間的內容。 必須加入的標簽
1.公司版權注釋
<!--- The site is designed by Maketown,Inc 06/2004 --->
2.網頁顯示字元集
簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
3.網頁製作者信息
<META name="author" content="[email protected]">
4.網站簡介
<META NAME="DESCRIPTION" CONTENT="本站是一個醫療站點…">
5.搜索關鍵字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
6.網頁的css規范
<LINK href="style/style.css" rel="stylesheet" type="text/css">
(參見目錄及命名規范)
7.網頁標題
<title>xxxxxxxxxxxxxxxxxx</title>
8.可以選擇加入的標簽
1.設定網頁的到期時間。一旦網頁過期，必須到伺服器上重新調閱。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
2.禁止瀏覽器從本地機的緩存中調閱頁面內容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
3.用來防止別人在框架里調用你的頁面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
4.自動跳轉。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時間停留5秒。
5.網頁搜索機器人向導.用來告訴搜索機器人哪些頁面需要索引，哪些頁面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
6.收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的調用盡量採取外部調用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>
附<body>標簽：
<body>標簽不屬於head區，這里強調一下，為了保證瀏覽器的兼容性，必須設置頁面背景<body bgcolor="#FFFFFF">
八．網站建設尺寸規范
1. 頁面標准按800*600解析度製作，實際尺寸為778*434px
2. 頁面長度原則上不超過3屏，寬度不超過1屏
3. 每個標准頁面為A4幅面大小，即8.5X11英寸
4. 全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px
5. 另外120*90，120*60也是小圖標的標准尺寸
6. 每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K

5、網站運營每天需要做什麼工作？

3不要說網站運營就是推廣、編輯、產品策劃、用戶體驗設計這些東西，遠遠比這些能羅列出來的東西繁瑣，我不說他復雜，因為細節不是難，而且要關注的點太多，以至於很多點上一直有缺憾，造成運營過程中的損失。4要做好運營，必須熟悉行業，熟悉某類網站的特徵和盈利模式，不然絕對不會有好的結局，同時也推薦根據自己的個人喜好經驗等，深入到某個行業站，或者某類網站中去研究積累，精通某些網站運作模式，你就能更好把握這些網站運營的要點了。5做網站運營需要綜合能力很高，知識面很廣，同時也要有很強的團隊協作和抗壓能力，要不具備一些基礎的素質就不要去搞運作，完全可以做些小站，優化後賺廣告費，起碼不是很累，養活自己也不成問題。62009年的網站運營、網站策劃、互聯網產品設計、用戶體驗這些都會更加深入網站日常運營管理中，現在是個網站泛濫的時代，憑什麼讓用戶來你的網站，讓用戶喜歡你的網站，讓用戶經常用你的網站，不是你想像的復雜與簡單，用戶永遠比你想的簡單，也比你傻，當然需求永遠是第一的，其次看你運作的本事了。7
如果說有2009年網站運營新人秀，我一定要去秀下，不是秀自己有多少能力和技術，而是秀自己對網站運營的痴迷和專注，也是這樣，才有今天對網站運營的認識。北京無痛人流醫院9
今年就業形式很不好，如果你還是學生，建議可以向網站運營相關的職位靠攏，比如編輯，網路的網站對網站運營人才需求很大，我實踐過程中，一些重視網路市場的大中小企業現在都需要自己的團隊來運營網站，可都苦苦找不到合適的人。10
對自己今年要求不多，只希望能繼續完成自己的理想，堅持成為網站運營某方面的專家或者是專業人員，不拋棄不放棄！

6、實崗實習總結範文（1500字左右！網頁設計專業）

從學校畢業後，我第一次步入了社會，從此開始了面對社會、工作的生活。剛剛走入社會的我是一個性格有些內向的人，面對陌生的人，我不善言辭，不會給自己的外表進行很好的包裝，不適合做那些銷售、接待的工作，只有技術類的工作，少說多乾的活適合我，這個我很清楚。現在，中國每年都有很多畢業的大學生找不到工作，我也不例外，所以，這第一次實習工作肯定不會太好找，但是相反，我的運氣還不錯。找到了一份網頁設計的工作。現將我在工作中的情況報告如下。

一、工作介紹

我工作的這家公司，從事網站開發工作的，公司在技術團隊這部分是比較正規的，一般是五到六人為一個小組，小組中有明確分工，有負責聯系客戶接恰生意的，有專門做技術的，而在技術這塊分為網站前台、後台開發，我在學校主要做的是後台開發，當然前台設計工作也還算熟練，但不是很精通。我們這個小組一般接下的活都是一些小型網站的開發工作，這樣的網站技術難度不大，而且工作周期短，有相當一部分的，只需要通過cms軟體就可以進行開發。但是有個別的網站開發時，我們還是需要進行一些手寫代碼工作的。

二、開發技術

做為一個剛畢業的大學生，我的知識儲備肯定有不足的地方，畢竟學校教的東西肯定會有一部分和社會是脫節的，但好在我的領導對於我沒有太多的要求，他只是要求我盡快的適應公司的工作和生活，在短時間內熟練的掌握相關技術，干好本職工作。

在大學里對一個學生來說什麼是最重要的，那就是學習能力。要知道，這個世界上，知識在發展，人類在進步，每天都在進行日新月異的變化，我們的知識儲備總會有不夠的地方，但是一定要有學習能力，將不會知識快速掌握，只有這樣才能占據主動，減少被動情況的尷尬發生，通過二個星期的時間，我成功的適應了公司的工作和生活節奏，每天早九點上班，晚17:30下班，中午休息一個半小時，每周還有兩天假期。我利用業余時間，抓緊學習，將工作中所需要的技術進行了強化學習，其實這些東西在學校的時候就接觸過，只是不精通。那個時候學的東西多，難免有個主次之分，這次工作了，才知道哪個應該多學點，但好在我都有學過，所以有個好的基礎在這里，也就不怕了，比如說：flash，公司要求技術人員會做flash，flash這東西以前我在宿舍的時候經常玩的，可是後來在分析就業情況時，分析錯了方向，以為這東西沒有什麼用處，結果就給荒廢了。但好在還有印象，並且當初記了很多的筆記，所以說記筆記是很重要的事情。而其它像javascript、xml、資料庫這些東西我都學過，只是實踐能力稍差一點，但好在從前在學習方面用的功不是白費的。通過這種實戰環境，和半個月的刻苦學習，我終於可以感上小組的工作進度了，已經可以很好的完成領導教給我的任務了。

像我這個組常用的是css+div排版，後台使用php技術進行開發，伺服器平台採用，linux+apache+mysql+php,這種lamp組合，我很高興在學校學的東西能學有所用。以前我們是用表格(table)進行排版，這種方式簡單但是已經有些過時了，現在大部分網站都開始了重新構架，所以都採用css+div進行網頁排版，我目前正在學習，掌握的還算比較快。而在後台開發部分，我們使用php來進行開發，我的工作是手寫一些小模塊。或者用javascript寫一些特效小代碼。

三、工作流程

小組分工時，我負責後台里小模塊的開發工作，如：留言板或論壇，還有一部分javascript代碼編寫工作。前台部分的工作是和組里的丁珊珊做一些排版的工作，使用css+div技術。編寫代碼這種工作看起來有些枯燥，其實時間長了以後，還真有點厭煩，但是後來我明白，只有將自己的本職工作做好，提高自己的技術，做出優良的東西，這樣自己才會有價值感，才會對自己的工作保持新鮮感。所以我每天都在工作後，記錄下每天在技術上的不足之處，回家後，將強學習，這所謂：找出不會的地方，學會它，你就變的強大了。

php是現在比較流行的一種網站開發技術，由於它是開源的免費代碼，並因良好的跨平台性能受到了大重的喜歡，我個人認為php很簡單，適合初學者學習使用，但是在某些地方想要做好，就需要你認真的學習了。目前，我負責的只是技術性較低和規模較小的模塊，不過，我覺得從簡單處做起也挺好的，但是我在寫代碼時，還是經常犯些小錯誤，導致代碼頁面經常出錯，而自己往往還找不到是哪錯了，有幾次急的都不行，不管怎麼弄，結果就是錯誤，後來我才發現，原來只是一個小錯誤，小的不仔細察看，我都找不到。於是我明白，做開發工作，一定要細心，否則就會給自己和別人帶來麻煩。

四、安全檢查

安全檢查是很重要的一個環節，就像你給人家蓋房子，房子蓋好了，可是門和窗不結實，那這種就必然不會安全的了。頁站的製做也是同樣的道理，在安全方面，有一個地方是和開發人員有很大的關系的。因為開發人員技術的高低決定了網站的安全性，有些人員在一些環節上的疏漏，很有可能導致網站在實際使用時，遭到黑客攻擊，如果造成了經濟損失就無法挽救了。

所以，我們每個人在將各自的工作完成以後，組長和其它專門的技術人員會對網站的安全性進行測試，找出存在的漏洞，然後加以修改。以使它的安全性達到最高最穩定的狀態。

在公司進行實習工作的這段時間，我在個人技術上收獲了很多，現在的我已經能獨檔一面了，做一些難度比較大的工作，我通過優異的表現，已經轉為正式員工，我對自己的表現感到滿意，最重要的是我給自己的學校爭了光，但是在社交能力方面，溝通能力上還有不足的地方。我決定在今後的工作和學習，要加強和別人的溝通能力。使自己變的更好，為國家為社會做出更多的貢獻。

7、簡述網站的設計流程

你好，網站建設的流程基本上包括域名注冊查詢、網站策劃、網頁設計、網站功能、網站優化技術、網站內容整理、網站推廣、網站評估、網站運營、網站整體優化、網站改版等。

8、網站設計流程

一、明確網站建設的主題
要溝通、商討、理解企業為什麼要建立這個網站，需要這個網站實現怎麼樣的一個功能或價值，比如：宣傳企業形象、推廣企業產品、運營平台、服務客戶型網站，這些都是我們需要明確的主題，這也演化出企業網站建設、品牌網站建設、營銷網站建設、學校網站建設、醫院網站建設等一系列的不同類型的網站，不同類型的網站所賦予的功能也是不一樣的，所以企業在網站建設時一定要了解自己建設網站的目的。
二、網站的域名規劃
域名是我們網站的一個名字，更是便於我們及我們客戶記憶的幫助，所以在域名這一塊的原則為簡短、商家偶、含義、地域、創造等因素，滿足這些條件才是好域名。
三、網站的設計
在全國幾千萬的網站之中，每一個網站都有自己獨特的體現，這就是策劃的功效，不同的色彩，不同的基調、不同的分類，不同的目的，這都是我們建設網站的特色。
四、網站的整體架構
這一塊乃是由我們新際獨立自主開發的程序，並且一直進行升級和功能補充晚上，確保網站的文檔、安全、流暢至基本要素，還會更加簡化操作流程，讓客戶更簡單、方便上手和管理。
五、網站的宣傳
於一個新上線的網站，宣傳是重中之重，畢竟在幾千萬個網站之中，如果才能夠讓更多的人看到我們，這就宣傳的厲害之處，我們常用手法有搜素引起競價、SEO優化、媒體平台、門戶平台、CPA,CPC等廣告宣傳，可以讓我們的網站展示在更多人群的面前。

9、網頁設計師KPI績效考核怎麼做

設計師績效評價主要來自幾個維度：設計產出、項目結果、工作態度、專業技能、能力成長、設計展現、用戶滿意度、客戶滿意度、業務方滿意度等。所以業務方滿意度是設計師績效評價的一個輸入項。

1、工作態度

工作態度已經不是優勢競爭力，因為大家都很認真。從訪談結果來看，大家的工作態度都得到了業務方同事的高度肯定。工作態度好，響應快，積極，基本是每個設計師都得到的評價。

所以工作態度已經成為一個基準。如果工作態度都不好，那起步都沒有了。

2、專業技能

作為設計專業人士，專業技能是一個很重要的考察項。每個設計師都有基本的專業技能，例如需求澄清、設計稿輸出、設計討論等。在績效訪談中，這個維度的評價開始有區別。無論業務方對用戶體驗設計的理解是深還是淺，他們都能清晰地說出設計師的專業技能給他們留下的印象，給項目帶來的價值，並能舉例說明。

針對交互設計師來說，出稿能力基本是沒有問題的，差異點是設計思考能力、業務理解能力、復雜邏輯處理能力。對視覺設計師來說，基本視覺稿設計是沒有問題的，差異點是創新設計能力、業務理解能力、精品視覺表現能力。對前端開發工程師來說，設計開發是沒有問題的，差異點是前端開發創新、技術沉澱、新技術探索。

我們設計師應該注意，在做不同種類的工作時，業務方的需求是不一樣的，所以我們設計的重點也應該有所區別。例如做產品設計基線的時候，大局觀、創新、優化是主要點；做一線客戶支撐的時候，效率、設計開發實現、溝通是主要點。

無論在任何工作場合，任何設計崗位，專業技能都是我們設計師的核心競爭力。

3、主動性

這是一個進步點。雖然大家都知道主動性非常重要，但是能做到主動性出色的設計師不多。這次訪談中得到主動性優秀評價的設計師不到一半。

主動性不僅僅是主動問問題，主動想方案，主動性是，設計師要成為產品的主人。雖然用戶體驗設計在國內很多公司還是一個支撐性質的工作，但是隨著用戶體驗越來越關鍵，我們設計師也應該把主動性練習起來慢慢做到一個地步，擁有產品主人精神，把產品當做自己的產品來設計。

這次訪談中得到「把產品當做自己的產品來設計」評價的設計師，只有一位。

在工作環境，或者網路上，我經常看到很多設計師朋友說，設計師不被重視，產品設計流程中設計地位不明顯。在理解並適應現有環境的同時，我建議大家仔細想想自己的主動性夠不夠，在設計工作中是否已經足夠主動。

4、項目管理

在騰訊工作的時候，設計團隊有負責設計排期的項目經理，所以設計項目管理較為流暢。在華為，設計團隊是沒有專門負責設計排期的項目經理的，所以項目管理的責任有一部分落到設計師身上。這點是一個進步點。這次訪談不少改進意見，都集中在項目管理上，設計師如何進行自我時間安排、如何控制自己項目的設計進度和節奏、如何更有效率地配合多方推動設計工作，這些都是需要設計師在項目管理技能上思考並精進的。

在設計工作中，工作形態有很多種，例如有時是短期快速的設計沖刺，有時是平穩有序的設計改版，設計師應該在不同的設計節奏中找到適合自己設計特點的工作方式，並對自己進行項目管理，對設計任務進行項目管理，對整個設計流程進行項目管理。

5、更全面的知識要求

隨著互聯網的快速發展，公司業務對用戶體驗設計的要求越來越多，業務方對設計師的要求也越來越多。舉一個例子，做產品設計的同時，業務方需要設計師同時做運營設計、數據分析等，但是設計團隊並沒有豐富到有這么多精專角色，所以很多工作會落到交互設計師、視覺設計師身上。這個時候如果設計師能提供給業務方更全面的技能支持，對產品、對設計、對團隊都是好事。

6、抗壓

在互聯網公司我比較擔心的團隊抗壓問題，在華為就默默地不用太擔心了。抗壓能力評價一片贊。華為同事的職業化和工作成熟度是讓我佩服的。

7、年輕人的職業化

針對年輕人的進步點，業務方同事表達了足夠的理解和寬容，不過評價中有一些職業化的意見我這里記錄一些。首先，團隊的年輕人做的不錯，工作整體表現有幾位是超出業務方預期的。但是職業化是一條漫長的路，在專業成長的同時，職業化的細節要做好，才能營造一個整體設計專業的形象。

一些可能的職業化細節不夠的問題：中文錯別字、英文拼寫錯誤、討論過的事情沒有跟進、任務遺漏、郵件不加標題、郵件忘記貼附件、溝通不夠簡練、講話不夠清楚、執行力不夠敏捷有效等。這些都請年輕設計師在今後的工作中注意，越來越職業，越來越優秀。

8、新鮮感、熱情、驚喜

這三個點一並寫，都是需要改進的點。新鮮感的意思是，做出的設計要讓業務方、客戶、用戶感到新鮮，思路有突破，在這輪訪談中，只有一位設計師得到這個評價。熱情是設計師要有設計的沖動與激情，並能感染周圍的人一起努力，這輪訪談中，只有一位設計師得到這個評價。驚喜的意思是，做一個設計，讓業務方、客戶、用戶驚喜，讓他們目瞪口呆，在這輪訪談中，得到這樣評價的設計師很少。

10、網頁設計流程是什麼？

設計流程：

主題明確：

在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。

Web站點應針對所服務對象（機構或人）的不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則採用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。好的Web站點把圖形表現手法和有效的組織與通信結合起來。

為了做到主題鮮明突出，要點明確，應該使配色和圖片圍繞預定的主題；調動一切手段充分表現網站點的個性和情趣，辦出網站的特點。

充分利用已有信息，如客戶手冊．公共關系文檔．技術手冊和資料庫等。

設計思路：

1、簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。

2、使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美

3、整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。

4、網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。頁面用色協調，布局符合形式美的要求：布局有條理，充分利用美的形式，使網頁富有可欣賞性，提高檔次。當然雅俗共賞是人人都追求的。

5、互動式強：發揮網路的優勢，是每個使用者都參與到其中來，這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。

版式設計：

網頁設計作為一種視覺語言，特別講究編排和布局，雖然主頁的設計不等同於平面設計，但它們有許多相近之處。

版式設計通過文字圖形的空間組合，表達出和諧與美。

多頁面站點頁面的編排設計要求把頁面之間的有機聯系反映出來，特別要求處理好頁面之間和頁面內的秩序與內容的關系。為了達到最佳的視覺表現效果，反復推敲整體布局的合理性，使瀏覽者有一個流暢的視覺體驗。

色彩作用：

色彩是藝術表現的要素之一。在網頁設計中，設計師根據和諧、均衡和重點突出的原則，將不同的色彩進行組合．搭配來構成美麗的頁面。 根據色彩對人們心理的影響，合理地加以運用。如果企業有CIS（企業形象識別系統），應按照其中的VI進行色彩運用。

形式內容：

為了將豐富的意義和多樣的形式組織成統一的頁面結構，形式語言必須符合頁面的內容，體現內容的豐富含義。

靈活運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段，通過空間、文字、圖形之間的相互關系建立整體的均衡狀態，產生和諧的美感。

三維空間的構成：

網路上的三維空間是一個假想空間，這種空間關系需藉助動靜變化．圖像的比例關系等空間因素表現出來。 在頁面中，圖片、文字位置前後疊壓，或頁面位置變化所產生的視覺效果都各不相同。

通過圖片、文字前後疊壓所構成的空間層次不太適合網頁設計，根據現有瀏覽器的特點，網頁設計適合比較規范、簡明的頁面，盡管這種疊壓排列能產生強節奏的空間層次，視覺效果強烈。

網頁上常見的是頁面上、下、左、右、中位置所產生的空間關系，以及疏密的位置關系所產生的空間層次，這兩種位置關系使產生的空間層次富有彈性，同時也讓人產生輕松或緊迫的心理感受。

虛擬現實：

人們已不滿足於HTML（標准通用標記語言下的一個應用）編制的二維Web頁面，三維世界的誘惑開始吸引更多的人，虛擬現實要在Web網上展示其迷人的風采，於是VRML語言出現了。

VRML是一種面向對象的語言，它類似Web超級鏈接所使用的HTML語言，也是一種基於文本的語言，並可以運行在多種平台之上，只不過能夠更多地為虛擬現實環境服務。

多媒體：

網路資源的優勢之一是多媒體功能。要吸引瀏覽者注意力，網頁的內容可以用三維動畫、FLASH等來表現。但要由於網路寬頻的限制，在使用多媒體的形式表現網頁的內容時不得不考慮客戶端的傳輸速度。

便於使用：

如果人們看不懂或很難看懂您的網站，那麼，他如何了解你的企業信息和服務項目呢？使用一些醒目的標題或文字來突出您的產品與服務。

並且即使您擁有最棒的產品，如果客戶從您的網站上看不清楚您在介紹什麼或不清楚如何受益的話，他們是不會喜歡您的網站的，這對於網頁設計而言是失敗的。

導向清晰：

網頁設計中導航使用超文本鏈接或圖片鏈接，使人們能夠在您的網站上自由前進或後退，而不必讓他們使用瀏覽器上的前進或後退。我們在所有的圖片上使用「ALT」標識符註明圖片名稱或解釋，以便那些不願意自動載入圖片的觀眾能夠了解圖片的含義。

快速下載時間：

很多的瀏覽者不會進入需要等待5分鍾下載時間才能進入的網站，在互聯網上30秒的等待時間與我們平常10分鍾等待時間的感覺相同。因此，建議在網頁設計中盡量避免使用過多的圖片及體積過大的圖片。主要頁面的容量應確保普通瀏覽者頁面等待時間不超過10秒。

非圖形內容：

在必要時適當使用動態「Gif」圖片，為減少動畫容量，應用巧妙設計的Java動畫可以用很小的容量使圖形或文字產生動態的效果。但是，由於在互聯網瀏覽的大多是一些尋找信息的人們，仍然建議您要確定您的網站將為他們提供的是有價值的內容，而不是過度的裝飾。

反饋與溝通：

讓客戶明確您所能提供的產品或服務並讓他們非常方便地訂購是您獲得成功的重要因素。如果客戶在您的網站上產生了購買產品或服務的慾望，您是否能夠讓他們盡快實現嗎？是在線還是離線？

因此，如果是產品或服務介紹網站，應該有留言、電話、在線咨詢等功能或信息呈現。

在企業的Web站點上，要認真回復用戶的電子郵件和傳統的聯系方式如信件．電話垂詢和傳真，做到有問必答。最好將用戶的用意進行分類，如售前一般了解．售後服務等，由相關部門處理，使網站訪問者感受到企業的真實存在並由此產生信任感。

測試改進：

測試實際上是模擬用戶詢問網站的過程，用以發現問題並改進網頁設計。應該與用戶共同安排網站測試。

內容更新：

企業Web站點建立後，要不斷更新網頁內容。站點信息的不斷更新，讓瀏覽者了解企業的發展動態和網上職務等，同時也會幫助企業建立良好的形象。

注意不要許諾你實現不了的東西，在你真正有能力處理回復之前，不要懇求用戶輸入信息或羅列一大堆自己不能及時答復的電話號碼。 如果要求訪問者自願提供其個人信息，應公布並認真履行個人隱私保承諾。

(10)網頁設計工作每日工作記錄擴展資料：

網頁設計（web design，又稱為Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。

作為企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。

網頁設計一般分為三種大類：功能型網頁設計（服務網站&B/S軟體用戶端）、形象型網頁設計（品牌形象站）、信息型網頁設計（門戶站）。設計網頁的目的不同，應選擇不同的網頁策劃與設計方案。

網頁設計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的視聽感受。

網頁設計主要以Adobe產品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

標題設計：

在設計網頁標題時，應注意同時兼顧對用戶的注意力，以及對搜索引擎檢索的需要。這一原則在實際操作中可通過三個方面來體現，這三個方面也可以被認為是網頁標題設計的一般規律：

1、網頁標題不宜過短或者過長

一般來說6-10個漢字比較理想，最好不要超過30個漢字。網頁標題字數過少可能包含不了有效關鍵詞，字數過多不僅搜索引擎無法正確識別標題中的核心關鍵詞，而且也讓用戶難以對網頁標題（尤其是首頁標題，代表了網站名稱）形成深刻印象，也不便於其他網站鏈接。

2、網頁標題應概括網頁的核心內容

當用戶通過搜索引擎檢索時，在檢索結果頁面中的內容一般是網頁標題（加鏈接）和網頁摘要信息，要引起用戶的關注，網頁標題發揮了很大的作用。

如果網頁標題和頁面摘要信息有較大的相關性，摘要信息對網頁標題將發揮進一步的補充作用，從而引起用戶對該網頁信息點擊行為的發生（也就意味著搜索引擎推廣發揮了作用）。

另外，當網頁標題被其他網站或者本網站其他欄目/網頁鏈接時，一個概括了網頁核心內容的標題有助於用戶判斷是否點擊該網頁標題鏈接。

3、網頁標題中應含有豐富的關鍵詞

考慮到搜索引擎營銷的特點，搜索引擎對網頁標題中所包含的關鍵詞具有較高的權重，盡量讓網頁標題中含有用戶檢索所使用的關鍵詞。

以網站首頁設計為例，一般來說首頁標題就是網站的名稱或者公司名稱，但是考慮到有些名稱中可能無法包含公司/網站的核心業務，也就是說沒有核心關鍵詞，這時通常採用「核心關鍵詞+公司名/品排名」的方式來作為網站首頁標題。

開頭所列舉的某網路營銷服務商網站首頁標題實例，其實也是採用這種方式來設計網頁標題，只不過由於羅列了太多的「核心關鍵詞」，反而沒有了核心。

做美工看起來並不是一件容易的事情。首先，要對整個站點和企業有個大致的了解。例如：某些企業喜歡藍色的主調，你不可能去做個紅色的主調，這樣完全違背客戶的主要意願，如果百度的標志改成五顏六色的，相信大家也不會認可的。

站長的職責是規劃網站結構。同樣也需要有一定的審美觀。下面介紹了幾款常用的繪圖工具和基本知識。

參考資料：

網路-網頁設計 （網站技術）