① 如何設計無障礙網頁

全網站遵循WCAG2.0進行無障礙網頁設計,符合Xhtml1.0技術規則,適用於盲用讀屏軟體
1、全網站頁面可用鍵盤操作,不限於滑鼠。
2、網站設置導盲磚快速鍵(:::),使用者可快速到達各主要區塊。
3、網頁圖片均標示文字說明。
4、所有鏈接均添加提示文字。
5、對於網頁色調,框架、語言等提供了相應的改造辦法。
無障礙功能使用說明:
網站頁面分為四大區塊:左側選單區;主要選單區;右側選單區;頭部連結區。
快捷鍵設定如下:
Alt+C :左側選單區,此區塊呈現各網頁的左側內容。
Alt+B :主要選單區,此區塊呈現各網頁的主要內容。
Alt+N :右側選單區,此區塊呈現各網頁的右側內容。
Alt+E :頭部連結區,此區塊列有本網站的首頁頭部連結。
方式二:採用網站自動發聲技術,提供語音版網站。
將網站中英文網頁文字信息直接轉換成標准流暢的語音文件,用戶無須安裝或下載任何軟體便能通過瀏覽器聽取網頁內容,並可通過鍵盤數字鍵任意選擇不同頻道和欄目。
方式三:提供網站瀏覽輔助工具,適用於視力有障礙人群、認知能力有障礙的殘疾人和老年人。
1、自動朗讀網頁內容;
2、對網頁的顯示比例、文字及背景顏色進行定製;
3、支持網站的多語言版本;
4、提供語速調整、音量調整、放大顯示等個性化設置。

② 中國盲文圖書館的信息化建設和盲用輔助產品研發應用情況

通過建設文化資訊服務平台和移動數字圖書館,中國盲文圖書館致力於為盲人提供多樣性、多層次和個性化文化服務。同時,盲用閱聽輔助產品的研發和推廣,使盲人的視覺功能得到較大程度的補償,開啟了視障人士閱讀的新時代。 中國視障文化資訊服務平台依託中國盲文圖書館內容豐富、形式多樣的專有資源和專業化服務,針對盲人群體特性和獨特需求,不僅為全國盲人提供各類館藏盲人讀物和數字資源的在線服務,還提供電子盲文、盲人數字有聲書(DAISY)、有聲電子書、口述影像等數字化服務,同時還發布館內相關培訓、展覽、講座等文化活動的實時信息,服務內容包括數字資源閱聽、電子盲文下載、口述影像服務、無障礙電影服務、大字本圖書館服務、服務資訊服務、教育培訓服務等,服務模塊包括數字資源模塊、專題資源模塊、期刊雜志模塊、服務資訊模塊、教育培訓模塊、展覽展示模塊,服務模式主要包括分支館IP直接訪問、加密資源的TF卡借閱、加密資源的光碟借閱、加密資源的分支館遠程下載、具有解密功能的移動閱讀終端借閱等。
該平台依據《信息無障礙身體機能差異人群網站設計無障礙技術要求》等相關標准進行建設,開發了無障礙輔助工具條,通過純文本模式瀏覽、文字放大縮小、高對比度顯示、輔助線、頁面放大和縮小、無障礙強化導航功能、無障礙快捷鍵等功能實現盲人讀者的無障礙閱讀。
截止到2014年9月,平台已累計採集有聲讀物3552種34550小時,電子盲文1687種,採集電子書、專業論文期刊、法律專業知識、有聲資料庫、期刊雜志五大類等專題資料庫,並進行無障礙改造,此外還集成了商務印書館精品工具書庫等。這些豐富資源囊括了經典文學、流行小說、名家講壇、法律法規等各方面的內容,在滿足盲人文化需求的同時,還提供專業的知識庫幫助盲人獲取專業知識。在此基礎上,平台將逐步提供在線展覽展示、個性化數字圖書館、移動數字圖書館和電話數字圖書館等服務,拓寬盲人用戶獲取資源的通道,擴大平台的服務范圍。
為保障視障讀者能夠獲取最新的數字資源,平台服務資訊1-2天更新一次;電子盲文資源和有聲資源每周更新,其中電子盲文每周更新20個品種,有聲資源每周更新10個品種;期刊庫每天更新。通過不斷的資源採集和更新,逐步把視障文化資訊服務平台打造成視障讀者的學習樂園和殘疾人資訊總庫。 盲用信息化閱讀輔助產品可以幫助盲人克服閱讀障礙,融入主流文化生活。中國盲文圖書館一直關注並積極投入到發展盲用輔助技術的事業中,研發了通過聽覺、觸覺和剩餘視覺等各類補償通道獲取信息的系列盲用輔助產品。
陽光讀屏軟體,讓盲人能像健全人一樣操作電腦、瀏覽網頁、搜索並獲取信息,實現人與人的溝通交流;陽光聽書郎系列閱讀終端,可以幫助盲人充分利用各種碎片化時間隨意地閱聽;文星盲用智能手機、文星盲用智能PAD為盲人實現了隨時、隨地在線和下載閱讀,徹底克服時間、空間和閱讀介質的障礙,開啟了移動數字圖書館時代;文星掃描棒能夠通過掃描保存和文字識別功能,很快將紙質書本上的文字識別為文本格式電子書,並朗讀出來,徹底打破傳統印象中盲人讀者與普通書籍之間的閱讀裂層;文星盲文顯示器將各類文化資源和知識信息以盲文的形式顯示出來,讓盲人讀者無障礙地摸讀;文星電子助視器,具有圖像放大、定格、拍照、圖片回放等功能,為低視力朋友擦亮了閱讀和書寫的視界。
隨著「十三五」的臨近,輔助技術研究所將抓住國家不斷加強對殘疾人文化事業的支持和重視的契機,在優化、升級現有產品的基礎上,著重開發適合國內盲人閱讀、學習的新產品。

陽光聽書郎系列產品
陽光聽書郎V1
陽光聽書郎L905
陽光聽書郎S920
陽光聽書郎S918
掌圖L550
文星助視器M601
文星電子盲杖C821
文星聽書機TS1
文星聽書機TS2
文星聽書機TS3
文星風潮手機
文星掃描棒
文星盲文顯示器BD-40S

③ 無障礙的網站信息無障礙

《無障礙環境建設條例》第三章明確規定:「縣級以上人民政府應當將無障礙信息交流建專設納入信息化建屬設規劃,並採取措施推進信息交流無障礙建設。」「縣級以上人民政府及其有關部門發布重要政府信息和與殘疾人相關的信息,應當創造條件為殘疾人提供語音和文字提示等信息交流服務。」
各省殘聯要加快開展殘聯系統網站無障礙服務工作,發揮示範帶動作用,協調推進政府部門和社會公共服務機構網站的無障礙改造。殘聯系統網站要依據國家發布的網站無障礙技術標准進行逐步改進,省級殘聯網站在「十二五」期間要基本實現網站無障礙服務。殘聯系統網站在積極開展全站無障礙設計改進和無障礙內容建設的同時,還可通過增設語音信息通道、網站輔助瀏覽工具等無障礙技術手段,方便盲人、低視力、色弱、老年人等其他特殊需求人群的訪問。

④ 網頁中的無障礙閱讀是怎麼實現的

概述
根據中華人民共和國信息產業部發布的《信息無障礙身體機能差異人群網站設計無障礙技術要求》的相關標准為技術依據,中國雲浮門戶網站達到此標准第一等級及部分第二等級要求,並實現了強化級別的無障礙訪問。
中國雲浮門戶網站的無障礙操作概述包含以下內容:
1、什麼是信息無障礙?
2、什麼是網頁無障礙?
3、中國雲浮門戶網站無障礙功能?
4、弱視人群和老年人用戶如何瀏覽中國雲浮門戶網站?
什麼是信息無障礙?
所謂的信息無障礙是指無論健全人還是殘疾人、無論年輕人還是老年人都能夠從信息技術中獲益,任何人在任何情況下都能平等地、方便地、無障礙地獲取信息、利用信息。
什麼是網頁無障礙?
所謂的網頁無障礙是指殘疾人、有特殊需求的健全人可以獲取網路上的任何信息,為了做到這一點,就要實現網頁內容無障礙以及上網使用的輔助軟體技術的無障礙。
中國雲浮門戶網站無障礙功能?
中國雲浮門戶網站主要實現了以下三個方面的無障礙功能:
1)無障礙強化導航功能
2)無障礙網站瀏覽輔助功能
無障礙強化導航功能包含哪些內容?
a)支持全鍵盤操作,無需依賴於滑鼠;
b)欄目跳轉,實現欄目分組間的跳轉;
c)區域跳轉,實現頁面內各區塊的跳轉,主要包括:頂部導航區,左部導航區,中間內容區,主要內容區,底部內容區等區塊;
無障礙網站瀏覽輔助功能包含哪些內容?
a)提供開啟、關閉無障礙網站瀏覽輔助工具的功能;
b)提供無障礙純文本轉換模式;
c)提供文字大小控制功能;
d)提供高對比度顯示功能;
e)提供輔助線輔助功能;
f)提供界面控制功能;
g)提供界面重置功能;
如何使用網站瀏覽輔助工具條?
本站提供了關閉和開啟無障礙網站瀏覽輔助工具的快捷鍵,而且在網站首頁頂部導航欄內,設有輔助工具條按鈕,也可通過點擊該按鈕開啟或關閉無障礙網站瀏覽輔助工具。
什麼是純文本模式?
在純文本網頁中,將網頁中的圖像等非文本內容轉化成文本,並以線性化的顯示方式從上到下顯示,以滿足具有不同訪問需求人群的需求。進入純文本模式後還可以通過點擊切換為圖文模式按鈕返回正常模式。此外,專門為純文本顯示模式的轉換功能提供了對應的快捷鍵,並且該組快捷鍵的使用不依賴於工具條的開啟狀態。
文字大小控制功能提供了哪幾類控制模式?
文字大小控制按鈕可以調整網頁的字體大小,包括中等字體、大型字體、超大字體、還原字體等功能,該按鈕預設狀態為中等字體,通過點擊該按鈕改變頁面的字體大小和按鈕狀態。按鈕狀態改變順序為:中等字體—大型字體—超大字體—還原(中等)字體。
什麼是高對比度顯示?
所謂高對比度是將當前頁面網頁的前景內容和背景的顏色對比調到最大,為弱視用戶能夠清晰地訪問網頁內容提供了幫助。
輔助線的作用是什麼?
本站提供的輔助線是橫豎兩條紅色的基準線,為視力障礙用戶校隊閱讀的位置提供了幫助。
界面控制功能包括哪些?
網站瀏覽者可根據自己的需求自行調整網頁界面的大小,界面放大是將網站當前頁面顯示比例放大,界面放大後網頁內容也會隨之變大;界面縮小:將網站當前頁面顯示比例縮小,界面縮小後網頁內容也會隨之變小。
重置功能的作用是什麼?
網站瀏覽者在使用輔助功能更改網站頁面後,單擊重置按鈕,可一次性將網站頁面恢復到默認狀態
弱視人群和老年人用戶如何瀏覽中國雲浮門戶網站?
中國雲浮門戶網站專門為弱視人群和老年人用戶提供了無障礙網站瀏覽輔助功能,網站用戶可以通過網站瀏覽輔助工具自行調整頁面文字的大小、高亮顯示效果、輔助線的調用、對當前頁面進行縮放,此外,瀏覽者還可以根據自己的需要選擇網頁無障礙的純文本模式進行瀏覽。
無障礙操作說明
中國雲浮門戶網站為使盲人、老年人、弱視人群等特殊群體能夠更加便捷的訪問本網站,提供了以下快捷鍵設置(為適應不同讀屏軟體及瀏覽器在欄目跳轉及熱點區域跳轉設置了兩組快捷鍵):
主體功能
a)工具條開關:快捷鍵(Alt+J)
b)純文本與圖文模式切換:快捷鍵(Alt+Shift+J);
c)鏈接遍歷:建議快捷鍵TAB
欄目跳轉
a)欄目分組跳轉快捷鍵:Alt+Z 或 Ctrl+Z;
b)欄目分組逆向跳轉快捷鍵:Shift+Alt+Z 或 Ctrl+Shift+Z;
區域跳轉
a) 跳轉到頂部導航區快捷鍵:快捷鍵(Alt+Shift+1)(大鍵盤數字鍵)
b) 跳轉到左欄內容區快捷鍵:快捷鍵(Alt+Shift+2)(大鍵盤數字鍵)
c) 跳轉到中間內容區快捷鍵:快捷鍵(Alt+Shift+3)(大鍵盤數字鍵)
d) 跳轉到右欄內容區快捷鍵:快捷鍵(Alt+Shift+4)(大鍵盤數字鍵)
e) 跳轉到底部內容區快捷鍵:快捷鍵(Alt+shift+5)(大鍵盤數字鍵)
熱點區域跳轉
a) 跳轉到幫助:Alt + 1 或 Ctrl + 1(大鍵盤數字鍵)
b) 跳轉到主菜單(網站導航):Alt + 2 或 Ctrl + 2(大鍵盤數字鍵)
c) 跳轉到網站服務引導區:Alt+3 或 Ctrl + 3 (大鍵盤數字鍵)
d) 跳轉到正文區域的快捷鍵:Alt+4 或 Ctrl + 4(大鍵盤數字鍵),跳轉到正文區域後,再使用Tab鍵或向下方向鍵閱讀內容
e) 跳轉到網站地圖:Alt + 5 或 Ctrl + 5(大鍵盤數字鍵)
f) 跳轉到搜索區塊:Alt + 6 或 Ctrl + 6(大鍵盤數字鍵)
常見問題及解答
1、本網站支持當今各大主流瀏覽器,在各大瀏覽器中均能看到良好的效果,其中網站瀏覽輔助工具條在不同版本的瀏覽器中可顯示不同的功能。本網站所有功能在IE下運行效果最佳。
2、在網站瀏覽過程中,如遇到頁面過大,導致未完全載入,會出現快捷鍵失效或提示信息錯誤的情況。此時請刷新並耐心等待頁面完全載入,方可進行正常的瀏覽。
3、在網站瀏覽過程中,若遇到當前網頁不可另存為...的情況,可改用其它瀏覽器進行保存,或直接保存為.TXT格式的文件。
4、在網站瀏覽過程中,若遇到快捷鍵失效或數字連接的情況時,可能原因是由於當前頁面屬於外鏈接內容,不屬於中國雲浮政府門戶網的建設范圍而導致。
5、在網站操作過程中,使用欄目分組快捷鍵進行操作,選中某一欄目分組後,按Tab鍵在該欄目分組中鏈接間進行切換,當再次按Alt+Z(或Ctrl+Z)鍵進行欄目分組間的跳轉,此時,若出現快捷鍵失效的情況,可能是因為進入了不同結構的網頁框架所致。此時用戶可按Shift+Tab鍵倒退出當前欄目,則操作恢復正常。

⑤ APP無障礙的設計是由信息無障礙研究會提供的標准嗎

信息無障礙研來究會組建源了一支由精通IT、精通信息無障礙專業知識,同時是障礙群體的信息無障礙專家團隊,作為第三方,為互聯網公司,提供專業信息無障礙測試、咨詢、優化服務,以實現信息無障礙在互聯網公司執行層面的可行性,不能說APP無障礙設計就是由信息無障礙研究會提供的標准,他們是針對客戶信息無障礙問題提供優化方案。

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

網站接單的步驟:
第一步:
我的第一步包含下面這些(大致說明一下,也歡迎大家分享自己的第一步)
我只是把我想得到的,頭一次商談要注意的貼出來
確認客戶是否真的需要網站:
我發現,有的客戶只是想要電子郵件,而不是網站。
所以必須先確定他是否真的需要網站。
我自己親自談還是業務幫我談:
親自談有時候甚至可以當下馬上改設計
業務幫我談就不一樣,因為話經過業務加油添醋,會不一樣
客戶有沒有自己的行銷企畫:
企畫書怎麼會交給設計師寫?設計師應該是提案給客戶選吧~
客戶有沒有認真去思考『網站』就看他有沒有自己寫一份報告給老闆看過
難道是為了網站而網站
客戶有沒有特殊癖好:
網站風水學?無障礙網站?
沒有先搞清楚這些特殊癖好,小心網站做好後才被削
客戶准備多少資料要做網站:
千萬不要相信客戶說『資料很多,很齊全』
因為網站上面要用的資料可不是那麼簡單
照片一定要,現有的型錄也跑不掉
涉及健康、生命安全的產品最好有政府檢驗過的報告
有爭議的網站內容最好別接(如吃下肚子,馬上瘦十公斤的廣告傳單)
公司簡介、部門組織、地圖、聯絡資料一樣都不能少
當客戶問起什麼資料要准備時=還沒准備好要做網站
這些都沒有,等這些資料都做好了,再做網站吧!
購物網站:
預算不夠的公司,不妨建議他去找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 或電話內表達的意思
請立刻通知設計師,暫停設計,跟客戶約個時間,進一步確認需求與可行度才繼續下去
同時進行的進度?
我通常都會事先說明『網站是雙方要一起努力的事情』
所以有的工作我會交給客戶自己去弄,好比拍照、打公司簡介等
所以當我或我的設計師正在忙著設計時,客戶也正在忙著打字、拍照
讓客戶也一起動手做的好處,以後要維護網站,客戶也會知道要怎麼做

⑦ 網站設計或網頁設計有行業或國家標准或規范

只有這種網頁才有標准!別的沒有!
標准編號:YD/T 1761-2008
標准名稱:信息無障礙 身體機能差異人群 網站設計無障礙技術要求
標准狀態:現行
英文標題:Information Accessibility for People With Physical Disabilities Technical REquirements for Web Accessibility
實施日期:2008-7-1
內容簡介:本標准規定了無障礙上網的網頁設計技術要求,其中包括網頁內容的可感知要求、介面組件的可操作要求、內容和控制的可理解要求、內容對現有和未來可能出現的技術的支持能力要求等。本標准適用於無障礙上網的網頁設計,也適用於公眾網站的擁有者,網站管理人員,網頁開發者設計、開發和管理無障礙網站。
出處: http://www.csres.com/detail/189654.html

⑧ 網站設計與實現

網站設計的
要求有什麼。
任務是是。

⑨ 建門戶網站需要什麼技術

  1. 網站的幾個基本組成元素:域名+空間+程序+模板+維護經驗+日常管理.網站建設 是一個綜合性的技巧,小說網站也不例外,這個就像種菜,並不是說看個操作流程就一定會種菜,還要土壤,水肥,氣候,直接間接的相關知識都做足夠的了解,才能真正去操作,最終還要一個好的服務商。

  2. 以十幾年的企業網建運維網商系統經驗,網站=域名+伺服器空間+網站程序+售後服務,網站就像一個家:

    【域名】:網址 就相當於家的住址。記住和找到家所在的位置。

    【空間】:就是蓋房子的基礎 土地 環境 等。

    【程序】:就是家的主體框架,是整個家的運轉中心。

    【模板】:網站的美化 就是家的裝修,當然因人而異有人不裝修原汁原味也可以。

    【維護】:技術性維護就像安居樂業的保安和堅實後盾。

    【勤勞】:是整個家可以穩定持續運轉極其重要的部分,家裡所有的東西都要靠勤奮去填充,增加新鮮,讓大家覺著你家很好 很充實。

  3. 這是一個完美網站的所有,有能力和經驗的可以全部自己做好,沒有相關經驗的部分可以找專業的技術團隊協助。有一個非常直接的真理:用合適的成本,找合適的人,去做合適的事...這是大自然發展的規律。

  4. 域名,由域名中心統一管理,諸多代理商銷售推廣,可以聯系任何一家代理商在線付款注冊。空間,伺服器,尋找有資質的服務商選購和自己網站規劃搭配的配置,切記,夠用即可,現在的伺服器大多可以無縫升級,沒有必要為未來的想法預消費,需要的時候再升級即可。關鍵是商家的信譽,資歷,多年經驗的優先考慮。

  5. 模板程序維護等,技術方面,最好找專業技術團隊協助運作,避免出現問題網站故障臨時找人抱佛腳,影響就大了。