• <button id="ceg4o"></button>
  • <button id="ceg4o"><xmp id="ceg4o"><button id="ceg4o"><nav id="ceg4o"></nav></button>
  • <tr id="ceg4o"></tr>
  • <button id="ceg4o"><nav id="ceg4o"></nav></button>
  • <button id="ceg4o"><xmp id="ceg4o">

    當前位置:首頁 > 新聞中心> 行業資訊

    網頁設計制作

      網站設計涵蓋了網站生產和維護中的許多不同技能和學科。 網頁設計的不同領域包括網頁圖形設計; 界面設計 ; 創作,包括標準化代碼和專有軟件 ; 用戶體驗設計 ; 和搜索引擎優化 。 通常,許多人會組成團隊來涵蓋設計過程的不同方面,盡管有些設計師會涵蓋所有方面。 [1]術語“網頁設計”通常用于描述與網站的前端(客戶端)設計有關的設計過程,包括寫作標記 。 在更廣泛的Web開發范圍內,Web設計與Web工程部分重疊。 Web設計人員應該對可用性有所了解,如果他們的角色涉及創建標記,那么他們也應該與Web訪問性準則保持最新。


      歷史


      商店中的Web設計書籍1988–2001年盡管網頁設計具有相當近的歷史。 它可以鏈接到其他領域,例如圖形設計,用戶體驗和多媒體藝術,但從技術角度來看更合適。 它已成為人們日常生活的重要組成部分。 很難想象沒有動畫圖形,不同樣式的字體,背景和音樂的互聯網。


      網站和網站設計的開始1989年, Tim Berners-Lee在歐洲核子研究組織(CERN)工作時提出了創建一個全球超文本項目的計劃,該項目后來被稱為萬維網 。 在1991年至1993年期間,萬維網誕生了。 可以使用簡單的行模式瀏覽器查看純文本頁面。 [2] 1993年, Marc Andreessen和Eric Bina創建了Mosaic瀏覽器 。 當時有多個瀏覽器,但是大多數瀏覽器是基于Unix的,并且自然會帶有大量文本。 對于圖像或聲音之類的圖形設計元素還沒有集成的方法。 馬賽克瀏覽器打破了這個模子。 [3] W3C創建于1994年10月,旨在“通過開發促進其發展并確保其互操作性的通用協議,將萬維網帶入全部潛能?!?[4]這不鼓勵任何一家公司壟斷專有的瀏覽器和編程語言,而這可能會改變整個互聯網的影響。 W3C繼續制定標準,如今可以在JavaScript和其他語言中看到這些標準。 1994年,安德森(Andreessen)成立了Mosaic Communications Corp.,該公司后來稱為Netscape Communications ,即Netscape 0.9瀏覽器。 Netscape在不考慮傳統標準流程的情況下創建了自己的HTML標簽。 例如,Netscape 1.1包含用于更改背景顏色和使用網頁上的表格設置文本格式的標簽。 從1996年到1999年,隨著Microsoft和Netscape爭奪瀏覽器的最終統治地位, 瀏覽器之戰開始了。 在這段時間里,該領域有許多新技術,尤其是層疊樣式表 , JavaScript和Dynamic HTML 。 總體而言,瀏覽器競賽確實帶來了許多積極的成果,并幫助網頁設計快速發展。 [5]


      網頁設計的演變1996年,Microsoft發布了首個具有競爭力的瀏覽器,該瀏覽器具有自己的功能和HTML標簽。 它也是第一個支持樣式表的瀏覽器,該樣式表在當時被認為是一種晦澀的創作技術,如今已成為Web設計的重要方面。 [5] 表的HTML標記最初旨在顯示表格數據。 但是,設計人員很快意識到使用HTML表創建復雜的多列布局的潛力,而這在其他情況下是不可能的。 這時,由于設計和良好的美觀性似乎優先于良好的標記結構,因此對語義和網絡可訪問性的關注很少。 HTML網站的設計選項受到限制,早期版本的HTML甚至更多。 為了創建復雜的設計,許多Web設計師不得不使用復雜的表格結構,甚至使用空白的.GIF圖像來阻止空白表格單元崩潰。 [6] CSS由W3C于1996年12月引入,以支持表示和布局。 這允許HTML代碼具有語義性,而不是語義性和表示性,并且改進了Web可訪問性,請參閱無表Web設計 。


      1996年,開發了Flash (最初稱為FutureSplash)。 當時,Flash內容開發工具與現在相比相對簡單,使用了基本的布局和繪圖工具, ActionScript的有限前身以及時間軸,但它使Web設計人員能夠超越HTML, 動畫GIF和JavaScript的范疇。 。 但是,由于Flash需要使用插件 ,因此許多Web開發人員避免使用它,因為擔心由于缺乏兼容性而限制了其市場份額。 取而代之的是,設計師將gif動畫(如果他們沒有完全放棄使用動態圖形的話 )恢復為gif動畫,而將JavaScript恢復為小部件 。 但是Flash的優勢使它在特定的目標市場中足夠流行,最終可以在絕大多數瀏覽器中使用,并且功能強大到可以用來開發整個網站。 [6]


      第一次瀏覽器大戰結束1998年,Netscape在開放源代碼許可下發布了Netscape Communicator代碼,使成千上萬的開發人員可以參與改進軟件。 但是,他們決定從頭開始,這指導了開源瀏覽器的開發,并很快擴展到了完整的應用程序平臺。 [5] Web Standards Project的形成是通過創建Acid1 , Acid2和Acid3測試來促進瀏覽器與HTML和CSS標準的兼容性 。 2000年對微軟來說是重要的一年。 Internet Explorer已針對Mac發布; 這是非常重要的,因為它是第一個完全支持HTML 4.01和CSS 1的瀏覽器,提高了對標準合規性的要求。 它也是第一個完全支持PNG圖像格式的瀏覽器。 [5]在此期間,Netscape被出售給AOL ,這被視為Netscape在瀏覽器大戰中對Microsoft的官方損失。 [5]


      2001–2012自21世紀初以來,網絡已越來越融入人們的生活。 隨著這種情況的發生,網絡技術也不斷發展。 人們使用和訪問網絡的方式也發生了重大變化,這改變了網站的設計方式。


      自瀏覽器大戰結束以來[ 什么時候? ]新的瀏覽器已經發布。 其中許多都是開源的,這意味著它們傾向于更快地開發并且更支持新標準。 許多[ 黃鼠狼的話 ]認為新的選擇比微軟的Internet Explorer更好。


      W3C已發布了HTML( HTML5 )和CSS( CSS3 )的新標準,以及新的JavaScript API ,它們都是一個新的但單獨的標準。 [ 什么時候? ]雖然術語HTML5僅用于指代HTML的新版本和某些 JavaScript API,但使用它來指代整套新標準(HTML5,CSS3和JavaScript)已變得很普遍。


      工具和技術


      Web設計人員根據所涉及的生產過程的不同部分使用各種不同的工具。這些工具會隨著時間的推移通過較新的標準和軟件進行更新,但其背后的原理仍然相同。 Web設計人員同時使用矢量和柵格圖形編輯器來創建Web格式的圖像或設計原型。 用于創建網站的技術包括HTML和CSS等W3C標準,這些標準可以由所見即所得編輯軟件進行手工編碼或生成。 Web設計人員可能使用的其他工具包括標記驗證器 [7]和其他可用性和可訪問性的測試工具,以確保其網站符合Web可訪問性準則。 [8]


      技能與技巧


      營銷與傳播設計網站上的營銷和傳播設計可能會確定哪些產品適用于其目標市場。 這可以是年齡段或特定文化背景; 因此,設計師可以了解其受眾的趨勢。 設計師還可以理解他們正在設計的網站的類型,例如,B2B 企業對企業網站的設計注意事項可能與以消費者為目標的網站(例如零售或娛樂網站)有很大差異。 可能要仔細考慮,以確保網站的美觀或整體設計不會與內容的清晰度和準確性或Web導航的簡便性相沖突[9],特別是在B2B網站上。 設計師還可以考慮網站所代表的所有者或企業的聲譽,以確保它們受到良好的刻畫。


      用戶體驗設計和交互設計用戶對網站內容的理解通常取決于用戶對網站工作方式的理解。 這是用戶體驗設計的一部分 。 用戶體驗與網站上的布局,清晰的說明和標簽有關。 用戶對如何在網站上進行交互的理解程度也可能取決于網站的交互設計 。 如果用戶意識到該網站的有用性,則他們更有可能繼續使用該網站。 盡管如此,熟練和精通網站使用的用戶可能會發現更獨特但又不太直觀或用戶友好性較低的網站界面仍然有用。 但是,經驗較少的用戶不太可能看到不太直觀的網站界面的優點或有用性。 這推動了一種趨勢,即更加通用的用戶體驗和易于訪問的功能,以適應盡可能多的用戶,而不論用戶的技能如何。 [10]在用戶界面設計中考慮了許多用戶體驗設計和交互設計 。


      如果不是高級編碼語言技能,則高級交互功能可能需要插件 。 在用戶體驗設計中,選擇是否使用需要插件的交互性是至關重要的決定。 如果大多數瀏覽器未預裝該插件,則可能會導致用戶既不知道如何安裝插件也不只是為了訪問內容而耐心。 如果該功能需要高級編碼語言技能,那么與該功能將增加用戶體驗的增強功能相比,編碼的時間或金錢可能太昂貴。 還存在高級交互可能與舊版瀏覽器或硬件配置不兼容的風險。 對于用戶體驗而言,發布無法可靠運行的功能比不進行嘗試可能更糟。 是否需要或是否值得冒險取決于目標受眾。


      頁面布局用戶界面設計的一部分受頁面布局質量的影響。 例如,設計者可以在設計布局時考慮站點的頁面布局在不同頁面上是否應保持一致。 頁面像素寬度也可能被認為對于在布局設計中對齊對象至關重要。 最受歡迎的固定寬度網站通常具有相同的設置寬度,以與當前最受歡迎的瀏覽器窗口相匹配,并且具有當前最受歡迎的屏幕分辨率和當前最受歡迎的顯示器尺寸。 對于大屏幕上的美觀問題,大多數頁面也居中對齊。


      在頁面布局設計原理和編碼技術方面, 流體布局作為2000年左右基于HTML表格的布局和基于網格的設計的替代方法越來越流行,但采用起來非常緩慢。 [注釋1]這是由于考慮了屏幕讀取設備和設計人員無法控制的可變窗口大小。 因此,可以將設計分解為多個單元(側欄,內容塊, 嵌入的廣告區域,導航區域),這些單元將發送到瀏覽器,并由瀏覽器盡其所能安裝到顯示窗口中。 由于瀏覽器確實能夠識別閱讀器屏幕的詳細信息(窗口大小,相對于窗口的字體大小等),因此瀏覽器可以針對流體布局而不是固定寬度布局進行用戶特定的布局調整。 盡管這樣的顯示可能經常會更改主要內容單元的相對位置,但側欄可能會移動到正文下方,而不是正文的旁邊。 這比不適合設備窗口的基于硬編碼網格的布局更為靈活。 特別地,內容塊的相對位置可以改變,同時使塊內的內容不受影響。 這也使用戶水平滾動頁面的需求降至最低。


      響應式網頁設計是一種基于CSS3的更新方法,通過增強使用CSS @media規則,頁面樣式表中的每個設備規范的水平更高。 Google在2018年3月宣布將推出移動優先索引。 [11]使用響應式設計的網站位置優越,可確保它們符合這種新方法。


      版式主要文章: 印刷術


      Web設計人員可以選擇將網站字體的種類限制為僅幾種相似樣式的字體 ,而不是使用多種字體或字體 樣式 。 大多數瀏覽器可以識別特定數量的安全字體,設計人員主要使用這些字體以避免復雜情況。


      字體下載后來包含在CSS3字體模塊中,此后已在Safari 3.1,Opera 10和Mozilla Firefox 3.5中實現。 隨后,這增加了對Web排版以及字體下載使用的興趣。


      大多數網站布局都包含負空格,以將文本分成多個段落,并避免居中對齊文本。 [12]


      動態圖形頁面布局和用戶界面也可能會受到使用動態圖形的影響。 是否使用動態圖形的選擇可能取決于網站的目標市場。 運動圖形可能是面向娛樂的網站,或者至少可以更好地接收。 但是,如果網站的目標受眾具有更嚴重的或正式的興趣(例如企業,社區或政府),則可能僅出于娛樂或裝飾目的,就不需要使用動畫并分散注意力。 這并不意味著不能通過與內容相關的動畫或視頻演示來增強更嚴肅的內容。 無論哪種情況, 動態圖形設計都可能在更有效的視覺效果或分散注意力的視覺效果之間產生差異。


      站點訪問者未啟動的動態圖形可能會導致可訪問性問題。 萬維網聯盟的可訪問性標準要求站點訪問者能夠禁用動畫。 [13]


      代碼質量網站設計人員可能認為符合標準是一種好的做法。 通常通過指定元素正在執行的描述來完成此操作。 不符合標準可能不會使網站無法使用或容易出錯,但標準可能與頁面的正確布局有關,以提高可讀性,并確保適當地關閉了編碼元素。 這包括代碼錯誤,代碼的組織結構更合理以及確保正確標識了ID和類。 編碼不良的頁面有時俗稱“ 標簽湯” 。 僅當做出正確的DOCTYPE聲明(用于突出顯示代碼中的錯誤)時,才能通過W3C [7]進行驗證 。 系統識別出不符合網頁設計標準的錯誤和區域。 然后,用戶可以糾正此信息。 [14]


      產生的內容網站的生成方式有兩種:靜態或動態。


      靜態網站主條目: 靜態網頁


      靜態網站為靜態網站的每個頁面存儲唯一文件。 每次請求該頁面時,都會返回相同的內容。 在網站設計期間,僅創建一次此內容。 它通常是手動創作的,盡管某些站點使用自動創建過程,類似于動態網站,其結果作為完整的頁面長期存儲。 這些自動創建的靜態網站在2015年左右變得越來越流行,其生成器包括Jekyll和Adobe Muse 。 [15]


      靜態網站的好處是它們易于托管,因為其服務器僅需要提供靜態內容,而無需執行服務器端腳本。 這需要更少的服務器管理,并且暴露安全漏洞的機會也更少。 他們還可以在低成本服務器硬件上更快地提供頁面。 隨著廉價的Web托管擴展到還提供動態功能以及虛擬服務器在短時間內以低成本提供高性能的這些優勢變得不再那么重要。


      幾乎所有網站都有一些靜態內容,因為即使在具有高度動態頁面的網站上,諸如圖像和樣式表之類的支持資產也通常是靜態的。


      動態網站主條目: 動態網頁


      動態網站是動態生成的,并使用服務器端技術來生成網頁。 他們通常從一個或多個后端數據庫中提取內容:一些是跨關系數據庫的數據庫查詢,以查詢目錄或匯總數字信息,其他則可以使用文檔數據庫(例如MongoDB或NoSQL)存儲較大的內容單元,例如博客文章或Wiki文章。


      在設計過程中,通常使用靜態頁面對動態頁面進行模擬或線框化 。 開發動態網頁所需的技能比靜態網頁要廣泛得多,涉及服務器端和數據庫編碼以及客戶端界面設計。 因此,即使是中型動態項目也幾乎總是團隊合作的結果。


      當動態網頁首次開發時,通常會直接用Perl , PHP或ASP等語言進行編碼。 其中一些,尤其是PHP和ASP,使用了“模板”方法,其中服務器端頁面類似于完整的客戶端頁面的結構,數據被插入到“標簽”定義的位置。 這是比使用純過程編碼語言(例如Perl)編碼更快的開發方式。


      如今,這兩種方法已被許多以應用程序為中心的高級工具(如內容管理系統)所取代。 它們建立在通用編碼平臺的基礎之上,并假定存在一個網站來根據幾種公認的模型之一提供內容,例如按時間順序排列的博客 ,主題雜志或新聞網站,Wiki或用戶論壇。 這些工具使這種站點的實現非常容易,并且完全是基于組織和設計的任務,而無需任何編碼。


      內容本身(以及模板頁面)的編輯既可以通過網站本身來完成,也可以使用第三方軟件來完成。 僅向特定類別的用戶(例如,管理員或注冊用戶)提供編輯所有頁面的功能。 在某些情況下,匿名用戶被允許編輯某些Web內容,這種內容不那么頻繁(例如,在論壇上-添加消息)。 匿名更改站點的一個示例是Wikipedia 。


      網頁設計


      包括Jakob Nielsen和Kyle Soucy在內的可用性專家經常強調主頁設計對網站成功的影響,并斷言主頁是網站上最重要的頁面。 [16] [17] [18] [19]然而,進入2000年代的從業人員開始發現,越來越多的網站流量繞過了首頁,而是通過搜索引擎,電子通訊和RSS feed直接進入內部內容頁面。 [20]導致許多從業者爭辯說主頁比大多數人認為的重要。 [21] [22] [23] [24]賈里德·斯普爾(Jared Spool)在2007年辯稱,網站首頁實際上是網站上最不重要的頁面。 [25]


      在2012年和2013年,輪播(也稱為“滑塊”和“旋轉橫幅”)已成為首頁上非常流行的設計元素,通常用于在狹窄的空間內展示特色或近期內容。 [26] [27]許多從業者認為,輪播是無效的設計元素,會損害網站的搜索引擎優化和可用性。 [27] [28] [29]


      職業


      創建網站涉及兩個主要工作:Web設計人員和Web開發人員 ,他們通常在網站上緊密合作。 [30]網頁設計師負責視覺方面,包括網頁的布局,著色和版式。 Web設計人員也將具有諸如HTML和CSS之類的標記語言的實用知識,盡管他們的知識程度因Web設計人員而異。 特別是在較小的組織中,一個人將需要設計和編程整個網頁所需的技能,而較大的組織可能只有一名Web設計師負責視覺方面。 [31]


      網站創建可能涉及的其他工作包括:


      平面設計師為網站創建視覺效果,例如徽標,布局和按鈕


      互聯網營銷專家通過使用互聯網上的營銷和促銷技術,通過針對受眾的戰略解決方案來幫助維持網站的存在


      SEO作家研究并推薦將正確的詞合并到特定網站中,并使該網站更易于訪問并在眾多搜索引擎中找到[32]


      Internet撰稿人創建頁面的書面內容,以吸引網站的目標觀眾[1]


      用戶體驗(UX)設計器結合了以用戶為中心的設計注意事項,這些方面包括信息體系結構,以用戶為中心的設計,用戶測試,交互設計以及偶爾的視覺設計。


    導航欄目

    聯系我們

    聯系人:魯經理

    手機:15076883429

    郵箱:15076883429@139.com

    網址:http://www.www.dmtg.net.cn

    地址: 河北省邢臺市守敬北路256號

    柔术女人z0z0牲交