個人網站制作流程

日期:2020-01-11 17:28:17 作者:admin 出自:内蒙古快3推荐开奖结果

一、站建設方案書的內容
        個人網站建設方案書是將個人網站建設成為一個優質網站首先要考慮,網站建設方案能反應出網站的建設構想,初步形態及網站推廣計劃。個人網站建設方案適合個體戶和中小型企業,它有自己獨特的風格設計。風格設計主要體現在本人個性特點的凸顯,分析.策劃并制定出一套適合自身的網站建設的設計風格方案。設計首頁要明確主次,主要的可放在顯要位置、加粗或變顏色等,再列出最吸引瀏覽者的信息以及內容,用最精煉的語言表達出瀏覽者想了解的信息。
二、建站目的及功能定位

        對于個人網站建設前期的定位是相當重要,你必須了解你做這個網站的目的,是為了宣傳自己還是展示自己的愛好,本人感覺最好是定位在自己感興趣或者自己工作的行業中,這樣自己可能會對所確定的主題行業了解的更多些,很多人在建站初期總是喜歡在主頁里堆積大量感興趣的內容,但個人的精力總是有限的,因為無力維護而導致站點更新緩慢、內容匱乏,與其這樣,不如選定一個主題做出自己的風格,不求大而全,但求小而精。
三、網站主要內容介紹:

        1.構成網頁的基本要素
        ①文字(標題、字號、字型...)
        ②圖形(網頁上經常使用的圖片格式:jpg、jpeg、Gif、Swf...)
        ③交互功能(菜單按鈕、鏈接、表單、數據交換...)
        超文本標識語言(HTML)
        HTML(Hypertext Markup Language)是一種專門用于Web頁制作的編程語言,用來描述超文本各個部分的內容,告訴瀏覽器如何顯示文本,怎樣生成與別的文本或圖像的鏈接點。
        在HTML中,所有的標記符都用尖括號括起來。
        例如,<HTML>表示HTML標記符。絕大多數標記符都是成對出現的,包括開始標記符和結束標記符。
        如:<HTML>…</HTML> .
        HTML文檔的基本結構
        一個典型的HTML文本的基本結構形式如下:
        <HTML>
        <HEAD>
        <TITLE>網站制作流程及界面交互設計研究探討</TITLE>
        </HEAD>
        <BODY>文本內容:</BODY>
        </HTML>
        2.制作及美化的基本工具
        ①超文本標識語言(HTML)
        編輯工具:editplus、dreamweaver、記事本、FrontPage、
        ②頁面設計及美化工具
        使用工具:所有可制作平面的軟件
        推薦使用Photoshop、FireWorks、Flash
 

        3、網頁制作的基本步驟
        ①整體規劃
        需要完成的規劃:網站主題、風格、頁面元素、邏輯結構等
        ②資料收集
        收集內容:
        a、跟主題相關的文字圖片資料
        b、一些優秀的頁面風格
        c、下載一些你喜歡的交互頁面
        d、開放的源代碼
③偽界面設計
        根據事先規劃的結構,在平面軟件里設計你想要的最終效果,利用平面圖片的形式先展示一次,設計時要注意宜人性、人機、心理等各方面因素
④代碼轉換及交互添加

        把平面的偽界面轉化為HTML代碼,添加相應的交互功能Js、按紐、表單,以及一些與數據庫相連接的代碼。
⑤測試網頁兼容性

        你可以不必嚴格按照W3C標準來制作頁面,但是你必須保證讓所有現有的瀏覽器能比較好的展示你的作品。
⑥發布站點

        測試完畢,符合你的要求,當然就可以開始發布你的網站了,發布的服務器可以是遠程,也可以是本地,各個語言有各自的相應的服務器,比如ASP,就應該對應的是ASP服務器,上傳可利用遠程FTP工具。
4、界面設計及交互研究探討
①導航欄設計

        導航要素設計的好壞決定著用戶是否能方便使用網站導航要素要設計的直接而明確,并最大限度為用戶的方便考慮。
②網頁布局

        網頁的布局是整個界面的核心,這里體現了一切以用戶為中心、以及制作者如何與欣賞著溝通的思想在里面,你必須知道自己要傳達什么樣的信息,別人使用起來合適不,字體的大小、型號、字間距、行間距,以及配色所有的一切都在這個階段完成,所以如何表現功能以及美感就是你研究的重點。
        PS:布局之前要緊密連接你網站的主題,要注意把握整體風格,你可以事先在紙上勾畫草圖,利用你習慣的元素來表現你想要的效果
        網頁布局--主要構成原則
        醒目性:指用戶把注意力集中到你誘導起瀏覽的部分和內容
        可讀性:指網站的內容讓人容易讀懂
        明快性:指準確、快速轉達網站的構成內容
        造型性:維持整體外型上的穩定感和均衡性
        創造性:有鮮明個性,創意是必不可少的
        布局的構成原則上是:統一、協調、流動、強調、均衡
③交互研究

        我這邊的交互主要集中在人機操作方面,研究用戶瀏覽網站心理我個人認為一個成功的個人主頁,單純的美觀是不夠的,重要的是宜人性方面應該注重,喜歡Google、Douban就居于這。
5、實例制作演示(略)
①頁面制作整體規劃

        對象:一個打印商業宣傳主頁
        格調:活潑,色彩,簡單,大方
②資料收集

        a 、商標、網址、公司宣傳冊、了解企業文化,了解負責人的品位、他們的案例、跟負責人溝通掌握信息
        b 、網上下載相似印刷行業的公司主頁,了解現有行業的的一些設計特點
        c、下載一些色彩比較華麗的圖片,或跟印刷相關連的圖片
        d、如果你自己不會動態語言,下載一個滿足你功能的新聞發布系統和留言源碼
①偽界面設計

        a、在PS設計偽界面
        b、切片工具對整體進行合理的分割
        注意點:隱藏你要通過輸入的文字,分割時要保持他的整體意義,盡量讓每一部分是完整的,注意一些交互上操作。
        c、導成WEB格式-直接導成HTML格式—步驟:
        1、.點擊文件存儲為WEB文件格式
        2、在界面里面調整理想參數
        3、導出保存PS能自動生成一些HTML代碼,但是他不是很標準,你必須在Dreamweave里面進行加工
        d、在Dreamweave里面進行代碼加工
        具體步驟:
        1、先修改標題
        2、修改頁面屬性:背景顏色、背景圖片.....
        3、把頁面調整為布局格式(這個可以按照自己習慣來設置,有標準的表格方式,也有布局類型)
④把要添加文字的圖片轉化為背景形式
  a、找到對應圖片路徑
  b、拷貝路徑后刪除圖片
  c、轉化為標準形式
  d、把路徑粘貼到背景屬性上
  e、回到布局界面
⑤添加具體文字連接設置等操作
⑥CSS設置
⑦修整代碼,發布預覽按F12即可預覽效果
4、測試網頁兼容性

        按照你設計時的對象,根據IE版本以及瀏覽器的不同,調整理想的效果,但是大部分出現問題的是JS\VB等代碼,如果只是單純靜態圖片,基本不會有很大的差別,推選大家盡量往W3C標準靠
5、發布站點

        購買自己的空間域名,其實事先就應該購買的,利用FTP上傳軟件,把你的頁面上傳到你的網上服務器上推薦一款FTP上傳工具
 
四,具體設計過程

        個人在設計時考慮的多為個人的興趣喜好,而不注重商業的展示。內容以反映個人為中心,從而使個人網站真正的成為展示自己的網絡名片。 在網頁制作中,我借鑒了韓國個人網站的設計風格,著重于給瀏覽者以強烈的視覺沖擊。運用了photoshop和fireworks強大的圖像制作和處理能力。進行了大量的圖片制作,從而給人以強烈的美感。并利用Flash進行片頭動畫的制作,給予瀏覽者一種強烈的時代動感。整個網站的架構是由Dreamwave完成的。 
要領一:確定網站主題
        做網站,首先必須要解決的就是網站內容問題,即確定網站的主題。興趣是制作網站的動力,沒有創作熱情,很難設計制作出優秀的作品。 對于內容主題的選擇,要做到小而精,主題定位要小,內容要精。不要去試圖制作一個包羅萬象的站點,這往往會失去網站的特色,也會帶來高強度的勞動,給網站的及時更新帶來困難。記?。涸諢チ現揮械諞?,沒有第二!
要領二:選擇好域名

        域名是網站在互聯網上的名字。一個非產品推銷的純信息服務網站,其所有建設的價值,都凝結在其網站域名之上。失去這個域名,所有前期工作就將全部落空。 要把域名起得形象、簡單、易記。
要領三:掌握建網工具 

        網絡技術的發展帶動了軟件業的發展,所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現在非常流行的Flash互動網頁制作工具,各種各樣的Web頁面制作工具。 
要領四:確定網站界面

        界面就是網站給瀏覽者的第一印象,往往決定著網站的可看性,在確定網站的界面時要注意以下三點:
        ①欄目與板塊編排
        ②目錄結構與鏈接結構
        ③進行形象設計
要領五:確定網站風格

        “風格”是抽象的,是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志,色彩,字體,標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素,網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局,還是交互方式,只要你能由此讓瀏覽者明確分辨出這是你網站獨有的,這就形成了網站的“風格”。 風格是有人性的,通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性:是粗獷豪放的,還是清新秀麗的;是溫文儒雅的,還是執著熱情的;是活潑易變的,還是墨守成規的。 總之,有風格的網站與普通網站的區別在于:在普通網站上你看到的只是堆砌在一起的信息,你只能用理性的感受來描述,比如信息量多少,瀏覽速度快慢等;在有風格的網站上你可以獲得除內容之外的更感性的認識,比如站點的品位,對瀏覽者的態度等。
要領六:有創意的內容選擇

        好的內容選擇需要有好的創意,作為網頁設計制作者,最苦惱的就是沒有好的內容創意。網絡上的最多的創意即是來自于虛擬同現實的結合。創意的目的是為了更好的宣傳與推廣網站,如果創意很好,卻對網站發展毫無意義,那么,網站設計制作者也應當放棄這個創意。另外,主頁內容是網站的根本之所在,如果內容空洞,即使頁面制作地再怎樣精美,仍然不會有多少用戶。從根本上說,網站內容仍然左右著網站流量,內容為王(Content Is King)依然是個人網站成功的關鍵。
要領七:推廣自己的網站

        網站的推廣有以下幾種方式:
        (1)搜索引擎注冊與搜索目錄登錄技巧
        (2)廣告交換技巧
        (3)目標電子郵件推廣
要領八:支撐網站日常運行

        通常來說,個人網站獲取資金通常有以下兩個渠道:
        (1)銷售網站的廣告位
        (2)與大型網站合作

上一篇:網頁設計與網站制作區別 下一篇:新手學習網站制作
18585853123
在線留言