雷火电竞首页-中国电竞赛事及体育赛事平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

靜態網頁設計的流程是什么? 為你全面總結

Time: 2020-03-10

        靜態網頁設計的流程是什么?如果你也想需要完成相關的工作的話,那么,接下來我們為各位朋友們分享的內容,可以很好的幫助大家完成這個任務,還等什么呢?讓我們共同來探索下吧。

  一、靜態網頁

  在網站設計中,純粹HTML(標準通用標記語言下的一個應用)格式的網頁通常被稱為"靜態網頁",靜態網頁是標準的HTML文件,它的文件擴展名是.htm、.html,可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控件及JAVA小程序等。靜態網頁是網站建設的基礎,早期的網站一般都是由靜態網頁制作的。靜態網頁是相對于動態網頁而言,是指沒有后臺數據庫、不含程序和不可交互的網頁。靜態網頁相對更新起來比較麻煩,適用于一般更新較少的展示型網站。容易誤解的是靜態頁面都是htm這類頁面,實際上靜態也不是完全靜態,他也可以出現各種動態的效果,如GIF格式的動畫、FLASH、滾動字幕等。

靜態網頁設計1.jpeg

  (圖片來自網絡)

  二、靜態網頁設計的流程

  用DW軟件,打開-插入-表格-(這里您已經有了要作一個什么樣網頁的大致想法)幾行,幾列。寬度要在1000為好,這樣下面就會出現一個導航條,邊界設置為0。如:插入表格為1行3列-確定。在用鼠標點擊第一空格,插入-圖片,尋找您要插入圖片的位置,確定(或保存),然后在用鼠標點擊第二個空格,插入。以此類推。然后再用鼠標點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章,一定要把文章的格式轉換成純Word文檔,后綴為.doc。

  三、好的網頁設計師需要注意什么

  1、內容和功能決定表現形式和界面設計

  常常拿到的任務是一張小紙條,上面兩句話,叫你去做一個網站設計。有的人看看紙條就去設計頁面了,憑兩句話,你就可以為客戶做一個頁面設計。

  2、界面弱化

  一個好的界面設計它的界面是弱化的,它突出的是功能,著重體現的是網站業提供給使用者主要是什么。這就涉及到瀏覽順序、功能分區等等。

  要讓訪客在0.5秒內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次。當然上面說的是大多數功能性網站,對于宣傳展示性網站,諸如加特效的或Flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。

  3、模塊化和可修改性強

  模塊化不僅可以提高重用性,也能統一網站風格,還可以降低程序開發的強度。這里就涉及一些尺寸、模數、寬容度、命名規范等等知識了,不再冗述。

  無論是架構還是模塊或圖片,都要考慮可修改性強。舉個簡單的例子,圖標、按鈕等,很多人喜歡制作圖片,N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然后用在網頁代碼里打上文字,那么修改起來就簡單了,讓程序員自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的,一般既能清晰又保證美觀的字體字號有幾類:

  宋體12px | 宋體 12px 粗體 | 宋體 14px | 宋體 14px 粗體 | 黑體 20px | verdana 9px | Arial Black 12px+ |。

  4、分析能力遠比創意來的重要

  設計界動輒就大談什么“創意”,還沒有搞清目的意義內容,還沒在技術制作上臻于完善的基礎上,用創意和特效來迷惑客戶和訪客是可恥的。一個網頁設計者的分析能力遠比創意來的重要。

1583841214604384.jpg

  (圖片來自網絡)

  靜態網頁設計的流程是什么?想必我們已經在上文為大家進行了全面的介紹了。希望大家看完之后,可以運用到自己的實踐中。


合作咨詢

上海(總部)

上海市浦東新區郭守敬路498號22號樓
021-61057328
[email protected]

辦公地址地圖

北京

北京市東城區后永康17號A座
010-64015620
[email protected]

辦公地址地圖

成都

四川省成都市錦江區東大街牛王廟段100號
028-62790929
[email protected]

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開