職業方向:1. 電子商務服務企業。包括硬件（研發、生產、銷售、集成）、軟件（研發、銷售、實施）、咨詢等。隨著電子商務應用的普及，相關的硬件、軟件開發和銷售對專業人員的需求是確定的，不過這種需求可能是顯性的，也可能是隱性的。顯性情況下，用人單位會明確招聘懂得電子商務的專業人才，隱形的情況下，用人單位人力資源部面對市場客戶的電子商務需求并不定明確知道招聘到電子商務專業背景的人才正好適用，而只能讓計算機等相關學科背景的人勉強應付，或要求其補充學習電子商務知識。咨詢行業因為其“與生俱來”的專業廣度和深度，需求一般都比較明確。2. 電子商務企業。對這樣的企業來說，無論是純粹專業的電子商務企業還是和其他主業結合的開辟的全新的運營模式（例如西單商場），對電子商務專業人才的需求是最對口的。3.傳統企業。對于傳統企業來講，電子商務意味著新增的運營工具（比如企業網站）。運行新增的運營工具的人，無非是從使用老運營工具的員工中培養和招聘專業人才。當然培養原來的老員工的工作恐怕還是得內行的專業來進行。4.傳統行業。對傳統行業來講，電子商務就是新的業務手段。無論貿易、物流、加工行業還是農業等到都會使用到電子商務。把傳統行業專門提出來講，目的就在于，如果有志于某一行業，就應該深入了解這個行業的發展狀況、發展趨勢、新技術、新產品。從專業的角度判斷這個行業的電子商務發展水平和發展潛力。當然，要能獨立做出這些判斷必須在對專業知識和實踐能力達到一定的高度才行。就業層次從實務層、實施層、策劃層、決策層是一個從簡單到復雜的過程?？梢钥闯鰜?，人才數量越往上越少。實務層是指一個電子商務項目運營中的實務操作層次。實施層是指電子商務項目的實施過程，在這個層次中，具備項目實施能力是主要要求。需要明確的是，并不是項目由一個人來全部完成。而是指，能夠參與甚至領導項目的某一項工作，比如流程策劃、界面設計、內容架構。策劃、決策層，是指能夠根據環境和企業的具體條件策劃其電子商務規劃，并能在輔助論證、決策重大項目問題。比如采用何種支付方式、何種配送方式。就業崗位:1、網絡營銷專員電子商務已經得到了中國相當部分企業的認可，尤其是占中國企業總數99%的中小企業，由于中小企業生存發展的需要，他們急需通過網絡這種效率高、成本低的手段，因此他們對網絡營銷具有較大的依賴性，存在網絡營銷人才的需求缺口，已形成明確的網絡營銷崗位職責。網絡營銷專員能夠有效地利用B2B平臺、搜索引擎、企業網站、博客、論壇等幫助企業實施營銷活動。2、網站策劃/編輯一般要求：熟悉網站策劃、實施、運營、宣傳等業務流程；熟悉電子商務運營與操作流程，能夠洞悉電子商務的發展方向；對企業上網有比較深的理解，熟悉企業網站的功能要求；有較強的中文功底和文字處理能力，具有一定的網站欄目策劃、運營管理知識；具有較強的選題、策劃、采編能力、歸納能力；熟悉電腦操作，掌握基本網絡知識。3、網站推廣一般要求：負責網站內容/網站網頁設計/網站企劃/網站營銷企劃；網站社群相關服務，內容規劃及經營；會員維護及管理工作；文筆好，能夠獨立作市場宣傳策劃及文案的撰寫；能夠熟練運用各種宣傳媒介進行宣傳推廣工作。4、網站開發人員一般要求：負責網站WEB頁面的開發與后臺的技術支持；能夠滿足運作層對技術層的需要；精通ASP/PHP/CGI 3種開發工具的一種，能夠獨立開發后臺；精通SQL server、Access能夠獨立完成數據庫的開發。有1年開發經驗；能后讀懂常用JSP的代碼，并且能夠編寫基本的JSP程序；精通HTML語言，完全能手寫HTML代碼；熟練掌握ASP、.Net、JAVA、JAVASCRIPT、SQL SERVER、等技術；熟練掌握Windows 2000/2003、Linux/Unix其中一種操作系統；熟練掌握SQL Server，熟悉Oracle數據庫管理系統；熟悉網站的管理、設計規劃、前臺制作、后臺程序制作與數據庫管理流程與技術。這個要求是匯總了幾家公司的崗位描述，應聘者不一定要具備所有的技術技能，這些技術能力是包含在幾個技術體系里的5、網站設計一般要求：能熟練的應用Flash、Dreamweaver、Photoshop、css+div、xml+xsl（不包括程序）等編輯網頁；精通平面設計，熟悉FrontPage，DreamWeaver，Flash等網頁制作工具，能夠承擔大型商業網站制作；熟悉Photoshop、Coreldraw等圖形設計、制作軟件，熟悉HTML、ASP語言；具備一定的視覺傳達設計功底，擅長廣告創意、設計在網絡廣告、傳統媒體廣告上的應用；對網站建設，VI的設計及應用有一定的經驗，具有溝通、合作精神，有創造力；熟悉JAVASCRIPT，能夠了解jsp或servlet或php，能夠獨立完成動態網頁；掌握HTML、JavaScript，了解網站程序實現原理，有與程序員配合的經驗。6、網站運營經理/主管一般要求：熟悉網絡營銷常用方法，具有電子商務全程運營管理的經驗；能夠制定網站短、中、長期發展計劃、執行與監督；能夠完成整體網站及頻道的運營、市場推廣、廣告與增值產品的經營與銷售；能夠完成網站運營團隊的建設和管理，實現網站的戰略目標、流量提升與盈利。7、外貿電子商務一般要求：負責維護并回復ecvv等電子商務平臺的外貿客戶詢盤；參加廣交會、義博會、德國科隆博覽會等專業性展會(英文表述：Directindustry，Exhibition，Trade Fair，VirtualExpo)。這是一個典型的行業網絡營銷崗位?？梢灶A見，隨著電子商務應用的深入，網絡營銷會普及到所有行業，勢必會出現農產品網絡營銷、家電網絡營銷、服裝網絡營銷等等崗位。伴隨著這種細分，從業者對本行業應用的深入研究和獨到見解一定會成為基本要求。

網絡工程需求分析完成后，應形成網絡工程需求分析報告書，與用戶交流、修改，并通過用戶方組織的評審。網絡工程設計方要根據評審意見，形成可操作和可行性的階段網絡工程需求分析報告。有了網絡工程需求分析報告，網絡系統方案設計階段就會“水到渠成”。網絡工程設計階段包括確定網絡工程目標與方案設計原則、通信平臺規劃與設計、資源平臺規劃與設計、網絡通信設備選型、網絡服務器與操作系統選型、綜合布線網絡選型和網絡安全設計等內容。2.1 網絡工程目標和設計原則1．網絡工程目標　　一般情況下，對網絡工程目標要進行總體規劃，分步實施。在制定網絡工程總目標時應確定采用的網絡技術、工程標準、網絡規模、網絡系統功能結構、網絡應用目的和范圍。然后，對總體目標進行分解，明確各分期工程的具體目標、網絡建設內容、所需工程費用、時間和進度計劃等?！　τ诰W絡工程應根據工程的種類和目標大小不同，先對網絡工程有一個整體規劃，然后在確定總體目標，并對目標采用分步實施的策略。一般我們可以將工程分為三步?！　?) 建設計算機網絡環境平臺?！　?) 擴大計算機網絡環境平臺。　　3) 進行高層次網絡建設。2．網絡工程設計原則　　網絡信息工程建設目標關系到現在和今后的幾年內用戶方網絡信息化水平和網上應用系統的成敗。在工程設計前對主要設計原則進行選擇和平衡，并排定其在方案設計中的優先級，對網絡工程設計和實施將具有指導意義。　　1) 實用、好用與夠用性原則　　計算機與外設、服務器和網絡通信等設備在技術性能逐步提升的同時，其價格卻在逐年或逐季下降，不可能也沒必要實現所謂“一步到位”。所以，網絡方案設計中應采用成熟可靠的技術和設備，充分體現“夠用”、“好用”、“實用”建網原則，切不可用“今天”的錢，買“明、后天”才可用得上的設備?！　?) 開放性原則　　網絡系統應采用開放的標準和技術，資源系統建設要采用國家標準，有些還要遵循國際標準(如：財務管理系統、電子商務系統)。其目的包括兩個方面：第一，有利于網絡工程系統的后期擴充；第二，有利于與外部網絡互連互通，切不可“閉門造車”形成信息化孤島?！　?) 可靠性原則　　無論是企業還是事業，也無論網絡規模大小，網絡系統的可靠性是一個工程的生命線。比如，一個網絡系統中的關鍵設備和應用系統，偶爾出現的死鎖，對于政府、教育、企業、稅務、證券、金融、鐵路、民航等行業產生的將是災難性的事故。因此，應確保網絡系統很高的平均無故障時間和盡可能低的平均無故障率?！　?) 安全性原則　　網絡的安全主要是指網絡系統防病毒、防黑客等破壞系統、數據可用性、一致性、高效性、可信賴性及可靠性等安全問題。為了網絡系統安全，在方案設計時，應考慮用戶方在網絡安全方面可投入的資金，建議用戶方選用網絡防火墻、網絡防殺毒系統等網絡安全設施；網絡信息中心對外的服務器要與對內的服務器隔離。　　5) 先進性原則　　網絡系統應采用國際先進、主流、成熟的技術。比如，局域網可采用千兆以太網和全交換以太網技術。視網絡規模的大小(比如網絡中連接機器的臺數在250臺以上時)，選用多層交換技術，支持多層干道傳輸、生成樹等協議?！　?) 易用性原則　　網絡系統的硬件設備和軟件程序應易于安裝、管理和維護。各種主要網絡設備，比如核心交換機、匯聚交換機、接入交換機、服務器、大功率長延時UPS等設備均要支持流行的網管系統，以方便用戶管理、配置網絡系統?！　?) 可擴展性原則　　網絡總體設計不僅要考慮到近期目標，也要為網絡的進一步發展留有擴展的余地，因此要選用主流產品和技術。若有可能，最好選用同一品牌的產品，或兼容性好的產品。在一個系統中切不可選用技術和性能不兼容的產品。比如，對于多層交換網絡，若要選用兩種品牌交換機，一定要注意他們的VLAN干道傳輸、生成樹等協議是否兼容，是否可“無縫”連接。這些問題解決了，可擴展性自然是“水到渠成”。2.2 網絡通信平臺設計1．網絡拓撲結構　　網絡的拓撲結構主要是指園區網絡的物理拓撲結構，因為如今的局域網技術首選的是交換以太網技術。采用以太網交換機，從物理連接看拓撲結構可以是星型、擴展星型或樹型等結構，從邏輯連接看拓撲結構只能是總線結構。對于大中型網絡考慮鏈路傳輸的可靠性，可采用冗余結構。確立網絡的物理拓撲結構是整個網絡方案規劃的基礎，物理拓撲結構的選擇往往和地理環境分布、傳輸介質與距離、網絡傳輸可靠性等因素緊密相關。選擇拓撲結構時，應該考慮的主要因素有以下幾點。　　1) 地理環境：不同的地理環境需要設計不同的物理網絡拓撲，不同的網絡物理拓撲設計施工安裝工程的費用也不同。一般情況下，網絡物理拓撲最好選用星型結構，以便于網絡通信設備的管理和維護?！　?) 傳輸介質與距離：在設計網絡時，考慮到傳輸介質、距離的遠近和可用于網絡通信平臺的經費投入，網絡拓撲結構必須具有在傳輸介質、通信距離、可投入經費等三者之間權衡。建筑樓之間互連應采用多?；騿文９饫|。如果兩建筑樓間距小于90m，也可以用超五類屏蔽雙絞線，但要考慮屏蔽雙絞線兩端接地問題?！　?) 可靠性：網絡設備損壞、光纜被挖斷、連接器松動等這類故障是有可能發生的，網絡拓撲結構設計應避免因個別結點損壞而影響整個網絡的正常運行。若經費允許，網絡拓撲結構的核心層和匯聚層，最好采用全冗余連接，如圖6-1所示。　　網絡拓撲結構的規劃設計與網絡規模息息相關。一個規模較小的星型局域網沒有匯聚層、接入層之分。規模較大的網絡通常為多星型分層拓撲結構，如圖6-1所示。主干網絡稱為核心層，用以連接服務器、建筑群到網絡中心，或在一個較大型建筑物內連接多個交換機配線間到網絡中心設備間。連接信息點的“毛細血管”線路及網絡設備稱為接入層，根據需要在中間設置匯聚層。圖6-1 網絡全冗余連接星型拓撲結構圖　　分層設計有助于分配和規劃帶寬，有利于信息流量的局部化，也就是說全局網絡對某個部門的信息訪問的需求根少(比如：財務部門的信息，只能在本部門內授權訪問)，這種情況下部門業務服務器即可放在匯聚層。這樣局部的信息流量傳輸不會波及到全網。2．主干網絡(核心層)設計　　主干網技術的選擇，要根據以上需求分析中用戶方網絡規模大小、網上傳輸信息的種類和用戶方可投入的資金等因素來考慮。一般而言，主干網用來連接建筑群和服務器群，可能會容納網絡上50％～80％的信息流，是網絡大動脈。連接建筑群的主干網一般以光纜做傳輸介質，典型的主干網技術主要有100Mbps-FX以太網、l 000Mbps以太網、ATM等。從易用性、先進性和可擴展性的角度考慮，采用百兆、千兆以太網是目前局域網構建的流行做法。3．匯聚層和接入層設計　　匯聚層的存在與否，取決于網絡規模的大小。當建筑樓內信息點較多(比如大于22個點)超出一臺交換機的端口密度，而不得不增加交換機擴充端口時，就需要有匯聚交換機。交換機間如果采用級連方式，則將一組固定端口交換機上聯到一臺背板帶寬和性能較好的匯聚交換機上，再由匯聚交換機上聯到主干網的核心交換機。如果采用多臺交換機堆疊方式擴充端口密度，其中一臺交換機上聯，則網絡中就只有接入層。　　接入層即直接信息點，通過此信息點將網絡資源設備(PC：等)接入網絡。匯聚層采用級連還是堆疊，要看網絡信息點的分布情況。如果信息點分布均在距交換機為中心的50m半徑內，且信息點數已超過一臺或兩臺交換機的容量，則應采用交換機堆疊結構。堆疊能夠有充足的帶寬保證，適宜匯聚(樓宇內)信息點密集的情況。交換機級連則適用于樓宇內信息點分散，其配線間不能覆蓋全樓的信息點，增加匯聚層的同時也會使工程成本提高?！　R聚層、接入層一般采用l00Base-Tx快速變換式以太網，采用10/100Mbps自適應交換到桌面，傳輸介質是超五類或五類雙絞線。Cisco Catalyst 3500/4000系列交換機就是專門針對中等密度匯聚層而設計的。接入層交換機可選擇的產品根多，但要根據應用需求，可選擇支持l～2個光端口模塊，支持堆疊的接入層變換機。4．廣域網連接與遠程訪問設計　　由于布線系統費用和實現上的限制，對于零散的遠程用戶接入，利用PSTN電話網絡進行遠程撥號訪問幾乎是惟一經濟、方便的選擇。遠程撥號訪問需要設計遠程訪問服務器和Modem設備，并申請一組中繼線。由于撥號訪問是整個網絡中惟一的窄帶設備，這一部分在未來的網絡中可能會逐步減少使用。遠程訪問服務器(RAS)和Modem組的端口數目一一對應，一般按一個端口支持20個用戶計算來配置?！　V域網連接是指園區網絡對外的連接通道．一般采用路由器連接外部網絡。根據網絡規模的大小、網絡用戶的數量，來選擇對外連接通道的帶寬。如果網絡用戶沒有www、E-mail等具有internet功能的服務器，用戶可以采用ISDN或ADSL等技術連接外網。如果用戶有WWW、E-mail等具有internet功能的服務器，用戶可采用DDN(或E1)專線連接、ATM交換及永久虛電路連接外網。其連接帶寬可根據內外信息流的大小選擇，比如上網并發用戶數在150～250之問，可以租用2Mbps線路，通過同步口連接Internet。如果用戶與網絡接入運營商在同一個城市，也可以采用光纖10Mbps／100Mbps的速率連接Internet。外部線路租用費用一般與帶寬成正比，速度越快費用越高。網絡工程設計方和用戶方必須清楚的一點就是，能給用戶方提供多大的連接外網的帶寬受兩個因素的制約，一是用戶方租用外連線路的速率，二是用戶方共享運營商連接Internet的速率。5．無線網絡設計　　無線網絡的出現就是為了解決有線網絡無法克服的困難。無線網絡首先適用于很難布線的地方(比如受保護的建筑物、機場等)或者經常需要變動布線結構的地方(如展覽館等)。學校也是一個很重要的應用領域，一個無線網絡系統可以使教師、學生在校園內的任何地方接入網絡。另外，因為無線網絡支持十幾公里的區域，因此對于城市范圍的網絡接入也能適用，可以設想一個采用無線網絡的ISP可以為一個城市的任何角落提供高達10Mbps的互聯網接入。6．網絡通信設備選型　　1) 網絡通信設備選型原則　　2) 核心交換機選型策略　　3) 匯聚層/接入層交換機選型策略　　4) 遠程接入與訪問設備選型策略2.3 網絡資源平臺設計1．服務器2．服務器子網連接方案3．網絡應用系統2.4 網絡操作系統與服務器配置1．網絡操作系統選型　　目前，網絡操作系統產品較多，為網絡應用提供了良好的可選擇性。操作系統對網絡建設的成敗至天重要，要依據具體的應用選擇操作系統。一般情況下，網絡系統集成方在網絡工程項目中要完成基礎應用平臺以下三層(網絡層、數據鏈路層、物理層)的建構。選擇什么操作系統，也要看網絡系統集成方的工程師以及用戶方系統管理員的技術水平和對網絡操作系統的使用經驗而定。如果在工程實施中選一些大家都比較生疏的服務器和操作系統，有可能使工期延長，不可預見性費用加大，可能還要請外援做系統培訓，維護的難度和費用也要增加?！　【W絡操作系統分為兩個大類：即面向IA架構PC服務器的操作系統族和UNIX操作系統家族。UNIX服務器品質較高、價格昂貴、裝機量少而且可選擇性也不高，一般根據應用系統平臺的實際需求，估計好費用，瞄準某一兩家產品去準備即可。與UNIX服務器相比，Windows 2000 Advanced Server服務器品牌和產品型號可謂“鋪天蓋地”， 一般在中小型網絡中普遍采用?！　⊥粋€網絡系統中不需要采用同一種網絡操作系統，選擇中可結合Windows 2000 Advanced Server、Linux和UNIX的特點，在網絡中混合使用。通常WWW、OA及管理信息系統服務器上可采用Windows 2000 Advanced Server平臺，E-mail、DNS、Proxy等Internet應用可使用Linux／UNIX，這樣，既可以享受到Windows 2000 Advanced Server應用豐富、界面直觀、使用方便的優點，又可以享受到Linux／UNIX穩定、高效的好處。2．Windows 2000 Server 服務器配置　　首先，應根據需求階段的調研成果，比如網絡規模、客戶數量流量、數據庫規模、所使用的應用軟件的特殊要求等，決定Windows 2000 Advanced Server服務器的檔次、配置。例如，服務器若是用于部門的文件打印服務，那么普通單處理器Windows 2000Advanced Server服務器就可以應付自如；如果是用于小型數據庫服務器，那么服務器上至少要有256MB的內存：作為小型數據庫服務器或者E-mail、Internet服務器，內存要達到512MB，而且要使用ECC內存。對于中小型企業來說，一般的網絡要求是有數十個至數百個用戶，使用的數據庫規模不大，此時選擇部門級服務器。1路至2路CPU、512-1024MB ECC內存、三個36GB(RAID5)或者五個36GB硬盤(RAID5)可以充分滿足網絡需求。如果希望以后擴充的余地大一些，或者服務器還要做OA服務器、MIS服務器，網絡規模比較大，用戶數據量大，那么最好選擇企業級服務器，即4路或8路SMP結構，帶有熱插拔RAID磁盤陣列、冗余風扇和冗余電源的系統?！　∑浯危x擇Windows 2000 Advanced Server服務器時，對服務器上幾個關鍵部分的選取一定要把好關。因為Windows 2000 Advanced Server雖然是兼容性相對不錯的操作系統，但兼容并不保證100％可用。Windows 2000 Advanced Server服務器的內存必須是支持ECC的，如果使用非ECC的內存，SQL數據庫等應用就很難保證穩定、正常地運行。Windows 2000 Advanced server服務器的主要部件(如主板、網卡)一定要是通過了微軟Windows 2000 Advanced Server認證的。只有通過了微軟Windows 2000 Advanced Server部件認證的產品才能保證其在Windows 2000 Advanced Server下的100％可用性。另外，就是服務器的電源是否可靠，因為服務器不可能是跑幾天歇一歇的。　　第三，在升級已有的windows 2000 Advanced Server服務器時．則要仔細分析原有網絡服務器的瓶頸所在，此時可簡單利用Windows 2000 Advanced Server系統中集成的軟件工具，比如Windows 2000 Advanced Server系統性能監視器等。查看系統的運行狀況，分析系統各部分資源的使用情況。一般來說，可供參考的Windows 2000 Advanced Server服務器系統升級順序是擴充服務器內存容量、升級服務器處理器、增加系統的處理器數目。之所以這樣是因為，對于Windows 2000 Advanced Server服務器上的典型應用(如SQL數據庫、OA服務器)來說，這些服務占用的系統主要資源開銷是內存開銷，對處理器的資源開銷要求并小多，通過擴充服務器內存容量提高系統的可用內存資源，將大大提高服務器的性能。反過來，由于多處理器系統其本身占用的系統資源開銷大大高于單處理器的占用。所以相對來說，增加系統處理器的升級方案，其性價比要比擴充內存容量方案差。因此，要根據網絡應用系統實際情況來確定增加服務器處理器的數目，比如網絡應用服務器要處理大量的并發訪問、復雜的算法、大量的數學模型等。3．服務器群的綜合配置與均衡　　我們所謂的PC服務器、UNIX服務器、小型機服務器，其概念主要限于物理服務器(硬件)范疇。在網絡資源存儲、應用系統集成中。通常將服務器硬件上安裝各類應用系統的服務器系統冠以相應的應用系統的名字，如數據庫服務器、Web服務器、E-mail服務器等，其概念屬于邏輯服務器(軟件)范疇。根據網絡規模、用戶數量和應用密度的需要，有時一臺服務器硬件專門運行一種服務，有時一臺服務器硬件需安裝兩種以上的服務程序，有時兩臺以上的服務器需安裝和運行同一種服務系統。也就是說，服務器與其在網絡中的職能并不是一一對麻的。網絡規模小到只用l至2臺服務器的局域網，大到可達十幾臺至數十臺的企業網和校園網，如何根據應用需求、費用承受能力、服務器性能和不同服務程序之間對硬件占用特點、合理搭配和規劃服務器配制，最大限度地提高效率和性能的基礎上降低成本，是系統集成方要考慮的問題。　　有關服務器應用配置與均衡的建議如下。　　1) 中小型網絡服務器應用配置　　2) 中型網絡服務器應用配置　　3) 大中型網絡或ISP/ICP的服務器群配置2.5 網絡安全設計　　網絡安全體系設計的重點在于根據安全設計的基本原則，制定出網絡各層次的安全策略和措施，然后確定出選用什么樣的網絡安全系統產品。1．網絡安全設計原則　　盡管沒有絕對安全的網絡，但是，如果在網絡方案設計之初就遵從一些安全原則，那么網絡系統的安全就會有保障。設計時如不全面考慮，消極地將安全和保密措施寄托在網管階段，這種事后“打補丁”的思路是相當危險的。從工程技術角度出發，在設計網絡方案時，應該遵守以下原則?！　?) 網絡安全前期防范　　強調對信息系統全面地進行安全保護。大家都知道“木桶的最大容積取決于最短的一塊木板”，此道理對網絡安全來說也是有效的。網絡信息系統是一個復雜的計算機系統，它本身在物理上、操作上和管理上的種種漏洞構成了系統的安全脆弱性，尤其是多用戶網絡系統自身的復雜性、資源共享性，使單純的技術保護防不勝防。攻擊者使用的是“最易滲透性”，自然在系統中最薄弱的地方進行攻擊。因此，充分、全面、完整地對系統的安全漏洞和安全威脅進行分析、評估和檢測(包括模擬攻擊)，是設計網絡安全系統的必要前提條件?！　?) 網絡安全在線保護　　強調安全防護、監測和應急恢復。要求在網絡發生被攻擊、破壞的情況下，必須盡可能快地恢復網絡信息系統的服務。減少損失。所以，網絡安全系統應該包括3種機制：安全防護機制、安全監測機制、安全恢復機制。安全防護機制是根據具體系統存在的各種安全漏洞和安全威脅采取的相應防護措施，避免非法攻擊的進行：安全監測機制是監測系統的運行，及時發現和制止對系統進行的各種攻擊；安全恢復機制是在安全防護機制失效的情況下，進行應急處理和及時地恢復信息，減少攻擊的破壞程度?！　?) 網絡安全有效性與實用性　　網絡安全應以不能影響系統的正常運行和合法用戶方的操作活動為前提。網絡中的信息安全和信息應用是一對矛盾。一方面，為健全和彌補系統缺陷的漏洞，會采取多種技術手段和管理措施：另一方面，勢必給系統的運行和用戶方的使用造成負擔和麻煩，“越安全就意味著使用越不方便”。尤其在網絡環境下，實時性要求很高的業務不能容忍安全連接和安全處理造成的時延。網絡安全采用分布式監控、集中式管理?！　?) 網絡安全等級劃分與管理　　良好的網絡安全系統必然是分為不同級別的，包括對信息保密程度分級(絕密、機密、秘密、普密)，對用戶操作權限分級(面向個人及面向群組)，對網絡安全程度分級(安全子網和安全區域)，對系統結構層分級(應用層、網絡層、鏈路層等)的安全策略。針對不同級別的安全對象，提供全面的、可選的安全算法和安全體制，以滿足網絡中不同層次的各種實際需求。　　網絡總體設計時要考慮安全系統的設計。避免因考慮不周，出了問題之后“拆東墻補西墻”的做法。避免造成經濟上的巨大損失，避免對國家、集體和個人造成無法挽回的損失。由于安全與保密問題是一個相當復雜的問題。因此必須注重網絡安全管理。要安全策略到設備、安全責任到人、安全機制貫穿整個網絡系統，這樣才能保證網絡的安全性。　　5) 網絡安全經濟實用　　網絡系統的設計是受經費限制的。因此在考慮安全問題解決方案時必須考慮性能價格的平衡，而且不同的網絡系統所要求的安全側重點各不相同。一般園區網絡要具有身份認證、網絡行為審計、網絡容錯、防黑客、防病毒等功能。網絡安全產品實用、好用、夠用即可。2．網絡信息安全設計與實施步驟　　第一步、確定面臨的各種攻擊和風險?！　〉诙?、確定安全策略?！　“踩呗允蔷W絡安全系統設計的目標和原則，是對應用系統完整的安全解決方案。安全策略的制定要綜合以下幾方面的情況?！　?1) 系統整體安全性，由應用環境和用戶方需求決定，包括各個安全機制的子系統的安全目標和性能指標?！　?2) 對原系統的運行造成的負荷和影響(如網絡通信時延、數據擴展等)?！　?3) 便于網絡管理人員進行控制、管理和配置。　　(4) 可擴展的編程接口，便于更新和升級?！　?5) 用戶方界面的友好性和使用方便性?！　?6) 投資總額和工程時間等。　　第三步、建立安全模型?！　∧Ｐ偷慕⒖梢允箯碗s的問題簡化，更好地解決和安全策略有關的問題。安全模型包括網絡安全系統的各個子系統。網絡安全系統的設計和實現可以分為安全體制、網絡安全連接和網絡安全傳輸三部分?！　?1) 安全體制：包括安全算法庫、安全信息庫和用戶方接口界面?！　?2) 網絡安全連接：包括安全協議和網絡通信接口模塊?！　?3) 網絡安全傳輸：包括網絡安全管理系統、網絡安全支撐系統和網絡安全傳輸系統。　　第四步、選擇并實現安全服務。　　(1) 物理層的安爭：物理層信息安全主要防止物理通路的損壞、物理通路的竊聽和對物理通路的攻擊(干擾等)?！　?2) 鏈路層的安全：鏈路層的網絡安全需要保證通過網絡鏈路傳送的數據不被竊聽。主要采用劃分VLAN(局域網)、加密通信(遠程網)等手段?！　?3)網絡層的安全：網絡層的安全需要保證網絡只給授權的客戶使用授權的服務，保證網絡傳輸正確，避免被攔截或監聽?！　?4) 操作系統的安全：操作系統安全要求保證客戶資料、操作系統訪問控制的安令，同時能夠對該操作系統上的應用進行審計?！　?5) 應用平臺的安全：應用平臺指建立在網絡系統之上的應用軟件服務，如數據庫服務器，電子郵件服務器，Web服務器等。由于應用平臺的系統非常復雜，通常采用多種技術(如SSL等)來增強應用平臺的安全性?！　?6) 應用系統的安全：應用系統是為用戶提供服務，應用系統的安全與系統設計和實現關系密切。應用系統使用應用平臺提供的安全服務來保證基本安全，如通信內容安全、通信雙方的認證和審計等手段。　　第五步、安全產品的選型　　網絡安全產品主要包括防火墻、用戶身份認證、網絡防病系統統等。安全產品的選型工作要嚴格按照企業(學校)信息與網絡系統安全產品的功能規范要求，利用綜合的技術手段，對產品功能、性能與可用性等方面進行測試，為企業、學校選出符合功能要求的安全產品。　　一個完整的設計方案，應包括以下基本內容：1．設計總說明　　對系統工程起動的背景進行簡要的說明：主要包括：　　(1) 技術的普及與應用　　(2) 業主發展的需要（對需求分析書進行概括）2．設計總則　　在這一部分闡述整個系統設計的總體原則。主要包括：　　(1) 系統設計思想　　(2) 總體目標　　(3) 所遵循的標準3．技術方案設計　　對所采用的技術進行詳細說明，給出全面的技術方案。主要包括：　　(1) 整體設計概要　　(2) 設計思想與設計原則　　(3) 綜合布線系統設計　　(4) 網絡系統設計　　(5) 網絡應用系統平臺設計　　(6) 服務器系統安全策略4．預算　　對整個系統項目進行預算。主要內容包括：列出整個系統的設備、材料用量表及費用；成本分析；以綜合單價法給出整個系統的預算表。5．項目實施管理　　對整個項目的實施進行管理控制的方法。主要包括：　　(1) 項目實施組織構架及管理　　(2) 獎懲體系　　(3) 施工方案　　(4) 技術措施方案　　(5) 項目進度計劃　　(5) 對業主配合的要求6．供貨計劃、方式　　主要描述項目的材料、設備到達現場的計劃，供貨方式。

一、"自適應網頁設計"的概念2010年，Ethan Marcotte提出了"自適應網頁設計"（Responsive Web Design）這個名詞，指可以自動識別屏幕寬度、并做出相應調整的網頁設計。自適應網頁設計"到底是怎么做到的看其實并不難。首先，在網頁代碼的頭部，加入一行viewport元標簽?！　?lt;meta name="viewport" content="width=device-width, initial-scale=1" />viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個設置，包括IE9。對于那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js?！　?lt;!--[if lt IE 9]>　　　　<script src=""></script>　　<![endif]-->三、不使用絕對寬度由于網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。具體說，CSS代碼不能指定像素寬度：　　width:xxx px;只能指定百分比寬度：　　width: xx%;或者　　width:auto;四、相對大小的字體字體也不能使用絕對大?。╬x），而只能使用相對大?。╡m）?！　ody {　　　　font: normal 100% Helvetica, Arial, sans-serif;　　}上面的代碼指定，字體大小是頁面默認大小的100%，即16像素?！　1 {　　　　font-size: 1.5em; 　　}然后，h1的大小是默認大小的1.5倍，即24像素（24/16=1.5）?！　mall {　　　　font-size: 0.875em;　　}small元素的大小是默認大小的0.875倍，即14像素（14/16=0.875）。五、流動布局（fluid grid）"流動布局"的含義是，各個區塊的位置都是浮動的，不是固定不變的?！　?main {　　　　float: right;　　　　width: 70%; 　　}　　.leftBar {　　　　float: left;　　　　width: 25%;　　}float的好處是，如果寬度太小，放不下兩個元素，后面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。另外，絕對定位（position: absolute）的使用，也要非常小心。六、選擇加載CSS"自適應網頁設計"的核心，就是CSS3引入的Media Query模塊。它的意思就是，自動探測屏幕寬度，然后加載相應的CSS文件?！　?lt;link rel="stylesheet" type="text/css"　　　　media="screen and (max-device-width: 400px)"　　　　href="tinyScreen.css" />上面的代碼意思是，如果屏幕寬度小于400像素（max-device-width: 400px），就加載tinyScreen.css文件。　　<link rel="stylesheet" type="text/css"　　　　media="screen and (min-width: 400px) and (max-device-width: 600px)"　　　　href="smallScreen.css" />如果屏幕寬度在400像素到600像素之間，則加載smallScreen.css文件。除了用html標簽加載CSS文件，還可以在現有CSS文件中加載。　　@import url("tinyScreen.css") screen and (max-device-width: 400px);七、CSS的@media規則同一個CSS文件中，也可以根據不同的屏幕分辨率，選擇應用不同的CSS規則?！　media screen and (max-device-width: 400px) {　　　　.column {　　　　　　float: none;　　　　　　width:auto;　　　　}　　　　#sidebar {　　　　　　display:none;　　　　}　　}上面的代碼意思是，如果屏幕寬度小于400像素，則column塊取消浮動（float:none）、寬度自動調節（width:auto），sidebar塊不顯示（display:none）。八、圖片的自適應（fluid image）除了布局和文本，"自適應網頁設計"還必須實現圖片的自動縮放。這只要一行CSS代碼：　　img { max-width: 100%;}這行代碼對于大多數嵌入網頁的視頻也有效，所以可以寫成：　　img, object { max-width: 100%;}老版本的IE不支持max-width，所以只好寫成：　　img { width: 100%; }此外，windows平臺縮放圖片時，可能出現圖像失真現象。這時，可以嘗試使用IE的專有命令：　　img { -ms-interpolation-mode: bicubic; }或者，Ethan Marcotte的imgSizer.js?！　ddLoadEvent(function() {　　　　var imgs = document.getElementById("content").getElementsByTagName("img");　　　　imgSizer.collate(imgs);　　});不過，有條件的話，最好還是根據不同大小的屏幕，加載不同分辨率的圖片。有很多方法可以做到這一條，服務器端和客戶端都可以實現

1.可以用SharedPreferences記錄登陸狀態...2.主頁面和登陸頁面可以使用同一個Activity，但使用不同的布局文件，例如main.xml和login.xml3.在第一個Activity啟動時，在onCreate方法中，先獲取SharedPreference中的登陸狀態，假設是Boolean型的isLogin1234567891011if(isLogin){    setContenView(R.layout.main);    ...    ...    ...}else{    setContenView(R.layout.login);    ...    ...    ...}歡迎~望采納~按照你的想法做了，但是登陸后如何跳轉回主頁，主頁layout都沒有啟動.... 登陸后，先改變登陸狀態，然后調用setContenView(R.layout.main);，接下來的操作就跟以前一樣啦...layout是不用啟動的，只需要在適當的時候在Activity中更換布局就行了，用setContentView函數

有以下方法：通過“我的淘寶”---“我是賣家”進入賣家中心，在左側欄找到“店鋪裝修”，點擊進入。選擇左上角的“模板管理”，在頁面里選擇一個模板后點擊“應用”即可。應用前記得先備份?？梢园凑仗詫毜牡赇佅到y來進行裝修，把設計的模板，先做好成對應布局的html代碼，然后在把這些代碼放到自定義內容區里，然后店鋪背景這些也要上傳到店鋪風格里。如果是阿里的話直接復制到自定義即可。用photoshop設計好后切圖，再用dreamweaver導入，加鏈接，復制代碼上傳到淘寶店里。

Web前端開發技術主要包括三個要素：HTML、CSS和JavaScript！它要求前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。如何學習前端知識？我們生活在一個充滿規則的宇宙里面。社會秩序按照規則運行，計算機語言幾乎全部是規則的集合。計算機前輩們定義規則，規則約束我們，我們用規則控制數據。大部分時候，對數據的合理控制，來自于你對規則的掌握?，F在很多小伙伴喜歡在互聯網上找視頻資料學習網頁制作，但是光看視頻你是不可能學會網頁制作的，沒有人指導你，而且很多視頻已經過時了 ，并沒有什么用!  如果你真的想學習網頁制作這門技術，你可以來這個裙，前面是6 1 1，中間是四 貳 八，最后是壹  ④ 二！ 在這里有最新的HTML課程 免費學習 也有很多人指導你進步，不需要你付出什么，只要你是真心想學習的，隨便看看的就不要加了，加了也是浪費大家的時間 。學習 HTML，CSS 應該先跟著書仔細、扎實的學一遍。然后就需要做大量的練習，做各種常規的、奇怪的、大量的布局練習來捆固、理解自己的知識。而學習 Javascript 首先要知道這門語言可以做什么，不能做什么，擅長做什么，不擅長做什么！如果你只想當一個普通的前端程序員，你只需要記住大部分 Javascript 函數，做一些練習就可以了。如果你想當深入了解Javascript，你需要了解 Javascript 的原理，機制。需要知道他們的本源，需要深刻了解Javascript 基于對象的本質。還需要 深刻了解 瀏覽器宿主 下 的 Javascript 的行為、特性。因為歷史原因，Javascript一直不被重視，有點像被收養的一般！ 所以他有很多缺點，各個宿主環境下的行為不統一、內存溢出問題、執行效率低下等問題。作為一個優秀的前端工程師還需要深入了解、以及學會處理 Javascript 的這些缺陷。Web前端：1）精通HTML，能夠書寫語義合理，結構清晰，易維護的HTML結構。2）精通CSS，能夠還原視覺設計，并兼容業界承認的主流瀏覽器。3）熟悉JavaScript，了解ECMAScript基礎內容，掌握1~2種js框架，如JQuery4）對常見的瀏覽器兼容問題有清晰的理解，并有可靠的解決方案。5）對性能有一定的要求，了解yahoo的性能優化建議，并可以在項目中有效實施。6）......Web后端：1）精通jsp，servlet，java bean，JMS，EJB，Jdbc，Flex開發，或者對相關的工具、類庫以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對Web開發的模式有較深的理解2）練使用oracle、sqlserver、mysql等常用的數據庫系統，對數據庫有較強的設計能力3）熟悉maven項目配置管理工具，熟悉tomcat、jboss等應用服務器，同時對在高并發處理情況下的負載調優有相關經驗者優先考慮4）精通面向對象分析和設計技術，包括設計模式、UML建模等5）熟悉網絡編程，具有設計和開發對外API接口經驗和能力，同時具備跨平臺的API規范設計以及API高效調用設計能力6）......從幾個公司的招聘要求可以看到，做Web開發，對前端和后端的要求是各自所不同的。而我們目前的實際情況，也和這個差不多，但是，我們無論在知識的掌握程度上，還是知識掌握的寬度上，都是不夠的。首先，我們在前端缺乏積累，沒有沉淀，專業的前端技術的積累是從去年才開始的，同時，在前端也缺乏支撐與高手，所以，走起來比較困難。同時，前端人員培養的較少，一個原因是對前端了解太少，另外一個原因就是對前端與后端的工作比例估計不足。所幸，我們在這一年也在前端有了很快的進步，培養了幾個優秀的開發人員，有意識的解決了前端的用戶體驗，這都是可喜的。今年，需要更進一步，專業化。其次，我們在后端發展的不夠寬，后端的知識體系已經比較完善，但是，很多應用點都沒有涉及到。同時，對現有技術框架的理解都不夠深入，太浮躁。我們目前的設計團隊在解決互聯網高并發、大數據量的存取上經驗與能力都還不足，需要正視這些問題。后端技術的發展需要更加的精進，以解決實際存在的問題為主。最后，我們在前端、后端都缺乏熟練工，這會影響到開發的速度，同時，也不利于后期技術的研究。

1、頁面豐碩簡練H5技巧完網站等于說相應式計劃改良頁面媒體元素應用績前建站頁面主意削減畫、視頻等應用所占網站資本空間招致頁面加載速率慢環境現應用H5建站能夠勇敢應用些元素且需擔憂閱讀順暢績同讓頁面顯加倍豐碩能包管其整齊性2、利于網站優化網站若克及應用互聯網資本末建站代價已復存搜索引擎平臺便資本應用渠道由網站必定少優化H5技巧所應用代碼式相付舊編程講要簡練且應用媒體環境搜索引擎抓取異友網站優化起加倍輕松3、進步用戶體驗H5現改良網頁內容插件約束場合排場發明豐碩彩網站滿意用戶視覺審美請求且能夠或許包管網站加載速率更重要各類閱讀器推付歧用戶歧應用習氣H5兼容各類閱讀器讓網站現裝備歧轉變進步用戶體驗4、增用戶流量H5技巧完網站跨平臺應用特別挪裝備化包含各類屏幕手機平板等等毫疑問挪互聯網趨向泰半用戶流量源于挪端用戶H5網站扶植輕松拓展用戶閱讀渠道企業需別辟挪網站用戶流量異能夠或許挪用戶群體蛋糕形給網站增流量

對于剛入行的UI設計師，最容易犯的錯就是在設計移動APP時，不懂什么尺寸或者用哪種屏幕的尺寸是最適當的？為了解決這個問題，今天我們就簡單的為大家整理做UI時最基礎的尺寸規范?，F象首先說現象，大家都知道移動端設備屏幕尺寸非常多，碎片化嚴重。尤其是Android，你會聽到很多種分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920，而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了：640×960, 640×1136, 750×1334, 1242×2208。不要被這些尺寸嚇倒。實際上大部分的app UI設計和移動端網頁，在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法，而且有規律可循。像素密度要知道，屏幕是由很多像素點組成的。之前提到那么多種分辨率，都是手機屏幕的實際像素尺寸。比如480×800的屏幕，就是由800行、480列的像素點組成的。每個點發出不同顏色的光，構成我們所看到的畫面。而手機屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320×480，iPhone 4s的屏幕像素是640×960。剛好兩倍，然而兩款手機都是3.5英寸的。所以，我們要引入最重要的一個概念：像素密度，也就是PPI（pixels per inch）。這項指標是連接數字世界與物理世界的橋梁。Pixels per inch，準確的說是每英寸的長度上排列的像素點數量。1英寸是一個固定長度，等于2.54厘米，大約是食指最末端那根指節的長度。像素密度越高，代表屏幕顯示效果越精細。Retina屏比普通屏清晰很多，就是因為它的像素密度翻了一倍。倍率與邏輯像素再用iPhone 3gs和4s來舉例。假設有個郵件列表界面，我們不妨按照PC端網頁設計的思維來想象。3gs上大概只能顯示4-5行，4s就能顯示9-10行，而且每行會變得特別寬。但兩款手機其實是一樣大的。如果照這種方式顯示，3gs上剛剛好的效果，在4s上就會小到根本看不清字。在現實中，這兩者效果卻是一樣的。這是因為Retina屏幕把2×2個像素當1個像素使用。比如原本44像素高的頂部導航欄，在Retina屏上用了88個像素的高度來顯示。導致界面元素都變成2倍大小，反而和3gs效果一樣了。畫質卻更清晰。在以前，iOS應用的資源圖片中，同一張圖通常有兩個尺寸。你會看到文件名有的帶@2x字樣，有的不帶。其中不帶@2x的用在普通屏上，帶@2x的用在Retina屏上。只要圖片準備好，iOS會自己判斷用哪張，Android道理也一樣。由此可以看出，蘋果以普通屏為基準，給Retina屏定義了一個2倍的倍率（iPhone 6plus除外，它達到了3倍）。實際像素除以倍率，就得到邏輯像素尺寸。只要兩個屏幕邏輯像素相同，它們的顯示效果就是相同的。Android的解決方法類似，但更復雜一些。因為Android屏幕尺寸實在太多，分辨率高低跨度非常大，不像蘋果只有那么幾款固定設備、固定尺寸。所以Android把各種設備的像素密度劃成了好幾個范圍區間，給不同范圍的設備定義了不同的倍率，來保證顯示效果相近。像素密度概念雖然重要，但用不著我們自己算，iOS與Android都幫我們算好了。如圖所示，像素密度在120左右的屏幕歸為ldpi，160左右的歸為mdpi，以此類推。這樣，所有的Android屏幕都找到了自己的位置，并賦予了相應的倍率：ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型號iPhone的倍率比較簡單，我們后面會講到。那么Android手機那么多，具體怎么分？哪些手機是幾倍的倍率呢？我們先看一張表，這是友盟2014年10月到2015年03月的數據：就目前市場狀況而言，各種手機的分辨率可以這樣粗略判斷。雖然不全面，但至少在1年內都還有一定的參考意義：ldpi 如今已絕跡，不用考慮mdpi [320x480]（市場份額不足5%，新手機不會有這種倍率，屏幕通常都特別?。﹉dpi [480x800、480x854、540x960]（早年的低端機，屏幕在3.5英寸檔位；如今的低端機，屏幕在4.7-5.0英寸檔位）xhdpi [720x1280]（早年的中端機，屏幕在4.7-5.0英寸檔位；如今的中低端機，屏幕在5.0-5.5英寸檔位）xxhdpi [1080x1920]（早年的高端機，如今的中高端機，屏幕通常都在5.0英寸以上）xxxhdpi [1440x2560]（極少數2K屏手機，比如Google Nexus 6）自然地，以1倍的mdpi作為基準。像素密度更高或者更低的設備，只需乘以相應的倍率，就能得到與基準倍率近似的顯示效果。不過需要注意的是，Android設備的邏輯像素尺寸并不統一。比如兩種常見的屏幕480×800和1080×1920，它們分別屬于hdpi和xxhdpi。除以各自倍率1.5倍和3倍，得到邏輯像素為320×533和360×640。很顯然，后者更寬更高，能顯示內容。所以，即使有倍率的存在，各種Android設備的顯示效果仍然無法做到完全一致。單位不難發現，真正決定顯示效果的，是邏輯像素尺寸。為此，iOS和Android平臺都定義了各自的邏輯像素單位。iOS的尺寸單位為pt，Android的尺寸單位為dp。說實話，兩者其實是一回事。單位之間的換算關系隨倍率變化：1倍：1pt=1dp=1px（mdpi、iPhone 3gs）1.5倍：1pt=1dp=1.5px（hdpi）2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）3倍：1pt=1dp=3px（xxhdpi、iPhone 6）4倍：1pt=1dp=4px（xxxhdpi）單位決定了我們的思考方式。在設計和開發過程中，應該盡量使用邏輯像素尺寸來思考界面。設計Android應用時，有的設計師喜歡把畫布設為1080×1920，有的喜歡設成720×1280。給出的界面元素尺寸就不統一了。Android的最小點擊區域尺寸是48x48dp，這就意味著在xhdpi的設備上，按鈕尺寸至少是96x96px。而在xxhdpi設備上，則是144x144px。無論畫布設成多大，我們設計的是基準倍率的界面樣式，而且開發人員需要的單位都是邏輯像素。所以為了保證準確高效的溝通，雙方都需要以邏輯像素尺寸來描述和理解界面，無論是在標注圖還是在日常溝通中。不要再說“底部標簽欄的高度是96像素，我是按照xhdpi做的”這樣的話了。Web怎么辦移動端頁面的絕對單位仍然是px，至少代碼里這么寫，但它的道理也和app一樣。由于像素密度是設備本身的固有屬性，它會影響到設備中的所有應用，包括瀏覽器。前端技術可以善加利用設備的像素密度，只需一行代碼，瀏覽器便會使用app的顯示方式來渲染頁面。根據像素密度，按相應倍率縮放。以iPhone 5s為例，屏幕的分辨率是640×1136，倍率是2。瀏覽器會認為屏幕的分辨率是320×568，仍然是基準倍率的尺寸。所以在制作頁面時，只需要按照基準倍率來就行了。無論什么樣的屏幕，倍率是多少，都按邏輯像素尺寸來設計和開發頁面。只不過在準備資源圖的時候，需要準備2倍大小的圖，通過代碼把它縮成1倍大小顯示，才能保證清晰。實際應用大家最關心的還是實際運用，畫布該怎么設置。我們就iOS、Android、Web三個平臺來分別梳理一下。不過在這之前，我要為使用PS進行設計的朋友介紹一個小技巧。之前我說過，我們要以邏輯像素尺寸來思考界面。體現到設計過程中，就是要把單位設置成邏輯像素。打開PS的首選項——單位與標尺界面，把尺寸和文字單位都改成點（Point）。這里的點也就是pt，無論設計iOS、Android還是Web應用，單位都用它。當然，各平臺單位名稱還是要記住的。這里我們用的只是它的原理，不用在意名稱。要調節倍率，則通過圖像大小里的DPI來控制。這個DPI，其實就是PPI，像素密度。有個常識大家都知道，屏幕上的設計DPI設成72，印刷品設計DPI設成300。為什么是這兩個數字？首先說300，這和人眼的分辨能力有關。由于1英寸是固定長度，每1英寸有多少個像素點決定了畫質清晰程度。之前說過，這就是像素密度，也就是DPI。DPI達到300以上，其細膩程度就會給人真實感，像真實世界中的物件。相反，DPI只有10的話，在你一個食指指節大小的長度內只有10個像素，這明顯就是馬賽克了。所以印刷品要設成300，才能保證清晰。再說72，這有一定的歷史原因。最早的圖形設計是在mac電腦上進行的，mac本身的顯示器分辨率就是72。PS中把圖像DPI也設成72，就能保證屏幕上顯示的尺寸和打印尺寸相同，便于設計。72的PC顯示器分辨率逐漸成為一種默認的行業標準，這套規則就這么沿用下來。現在回到正題，我們怎么通過DPI來調節倍率？既然屏幕本身的分辨率是72，DPI設成72剛好是1倍尺寸，那設成72的兩倍就是倍率為2的屏幕了，就這么簡單。下面來看看3個平臺各自的畫布設置：IPhoneiPhone的屏幕尺寸各不相同，我說的是邏輯像素尺寸，這確實是讓人很頭疼的事情。如果想用一套設計涵蓋所有iPhone，就要選擇邏輯像素折中的機型。從市場占有率數據來看，目前最多的是iPhone5/5s的屏幕。倍率為2，邏輯像素320×568。上升勢頭最猛，未來有望登上第一的是iPhone 6的屏幕。倍率為2，邏輯像素375×667。按照這兩種尺寸來設計，都是比較主流的做法?？梢约骖櫠桃恍┑膇Phone 4s，大一點的6 plus也不會過于空曠。不過在切圖的時候要注意，由于iPhone 6 plus的3倍圖是由2倍圖放大而來，所以位圖要注意保證清晰。Android都說Android碎片化嚴重，但它現在反而比iOS好處理。因為如今的Android屏幕邏輯像素已經趨于統一了：360×640，就看你設成幾倍了。想以xhdpi為準，就把DPI設成72×2=144。想以xxhdpi為準，就把DPI設成72×3=216。對于那些比較老的低端機，寬度是480px的那批，畫面確實會小一些，顯示內容會更少。稍微留意一下，重要內容盡量保持在界面中上部分。當然，這些機型不出一年就會被邊緣化，基本淘汰?，F在能運轉的也是當作功能機在用，軟件多了必卡無疑，用戶體驗無從談起。不作考慮也是OK的。Web手機端網頁就沒有統一標準了，比較流行的做法是按照iPhone 5的尺寸來設計。倍率2，邏輯像素320×568。這樣的做法比較實在，倍率2的屏幕無論在iOS還是Android方面都是主流，而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平，頁面加載速度快。當然，缺點就是在倍率3的設備上看，圖片不是特別清晰。如果追求圖片質量，愿意犧牲加載速度，那么可以按照最大的屏幕來設計。也就是iPhone 6 plus的尺寸，倍率3，邏輯像素414×736?？偨Y移動端的尺寸比PC端復雜，關鍵就在倍率。但也正因為倍率的存在，把大大小小的屏幕拉回到同一水平線，得以保證一套設計適應各種屏幕。站在這條水平線的角度看，會發現它很好理解。

那是圖片截取方式css背景圖代碼有的background:url("../img/Rbut.gif") 100px 50px no-repeat;100px 截取從左向右100像素的距離之后的顯示的部分50px 截取從上到下50像素的距離之后的顯示的部分這兩個參數等于是坐標