<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-9  評論-168  文章-266  trackbacks-0

      對于一個新手想擁有自己的網站來說,怎么樣去做是一個問題。當然,你可以到新浪博客或者其他什么地方申請一個免費的個人主頁,這是最方便實際的解決方法。但是,這怎么是我們崇尚DIY精神的表現呢?我們為什么不能自己制作出一個優秀的網站呢?下面我就網頁設計流程做一個小小的總結。

    我是搞網站制作的,也是靠這個吃飯的。但是為了支持各位學習技術,我不介意把自己吃飯的家伙掏出來給大家看,希望大家喜歡。否則,我可就太冤枉了~```

    一、網頁設計流程之策劃。

    這兩個字看似沒有什么意義,表面上來看,的確是如此的。但是,你想擁有一個什么樣的網站?你的主色調,你的內容,等等等等,都需要一個策劃,否則你打開制作工具,你根本不知道要做什么。就象你或者你的GF要做飯,材料什么都有,菜買回來了,可你不知道要吃什么,還為吃白菜或者吃芹菜而鬧不明白。

    你會很為難。對于新手來說,可以參考借鑒別人的作品,多看看一些你喜歡的網頁,然后去模仿,慢慢的就能做出自己的東西了。一個策劃做好了,就什么都好說了。

    二、網頁設計流程之設計圖紙

    你可以先在草稿上先畫一畫,但那樣的話,這個步驟應該歸結于第一步。這里說的設計圖紙是在PS或者FW中把你想做的網站用圖片的形式畫出來。我不清楚是否在各位看觀中是否有準備去應聘網頁美工等工作的。但就我自己的公司在我們附近的一所大學里招聘的情況來看。實在是不怎么理想。因為這些應聘網頁美工的同學居然不知道不明白網頁是先用PS或者FW畫出來的。最后我錄用了附近中專的一個學生。

    倒不是他在學校里學到了什么,是自學的,做得還不錯。由此可見,學生在學校里學到的東西實在是太皮毛了~~~~(跑題了是吧~~~~~ )~~~~~這一個步驟呢就是說~~~~~先把自己的想要的網頁用PS畫出來。PS的靈活多變以及超級強大的功能,完全可以畫出絢爛的網頁出來。

    現在來說呢,我給大家提供幾個數字,就是網頁設計圖紙的寬度。如果你的網頁是準備留有對聯廣告的位置,也就是像稀飯主站的那種樣式來說呢,你的網頁的寬度一般為 768 像素。也有760像素770像素780像素。這看個人的設計習慣來的。但一般來說呢,768像素是最符合規范的,因為768正好是屏幕的高度。如果你是想設計滿屏的網頁,就像這個論壇吧。

    寬度一般為1000左右。有人說是1007,的確,在WINDOWS 標準界面下這個寬度能全部顯示而不必在下面拉啊拉的。但是如果是XP風格的話,就要左右拉了因此寬度設置為1000差不多。也有設計為998了。這根據個人經驗而來,大家可以根據自己的實際判斷來說。總之就這左右。告訴嘛~~~~~你想設置多高就多高吧。如果是首頁的話呢,最好是能全部顯示出來。由于各個瀏覽器的不同——像多窗口瀏覽器有一個標簽欄,就算是IE,常用圖標也有大小之分。因此告訴是多少,你就自己掌握吧。

    三、網頁設計流程之切割網頁

    切割網頁這工作還是交給PS或者FW來制作。也就是使用他們的切片工具。個人認為FW更適合用來切割圖片。太專業了。而且很容易上手。PS當然也有這個功能。不過說來寒酸,我到現在也沒搞明白那是怎么切割的~~~~~就看別人切割了,自己就是不會~~~~~(沒辦法,本人電腦知識全部自學,PS、FW、DMX等等等等,因此有些問題搞不明白還是情有可原的吧~~~~ )

    切割網頁就是把圖片切割成若干個小圖片,其中寬度高度什么的都得自己去掌握去學習,我考慮寫一個教程。不過時間不是很充裕,看情況。

    四、網頁設計流程之DMX制作網頁

    終于到這一步了,大家是不是很明白啊?不會用DMX就不能說是會制作網頁知道不?現在一般的大學生和職業學校的學生都應該掌握了這個吧。順便說一下,網頁就是表格加圖片加FLASH。自己慢慢體會吧。

    這里只說了個網頁設計流程,我看情況能不能有時間寫出詳細的教程。大家自己有基礎的可以先做做。這個流程中沒有說到CSS樣式的設置和其他的規格一些方面。這些就看自己的發揮了。CSS可以用人家現成的,自己修改修改就可以了。

    posted on 2009-09-06 09:21 紫蝶∏飛揚↗ 閱讀(1950) 評論(4)  編輯  收藏

    評論:
    # re: [轉]網頁設計流程[未登錄] 2009-09-07 09:40 | Diablo.Wu
    有些東西說的詳細點就好了。還有,大哥,都什么年代了,還table給網頁布局那。。。另外,個人覺得一個良好的美工,應該對w3c的html的基本規范了解,所以就是不用dm之類的東西也應該做出來網頁來。  回復  更多評論
      
    # re: [轉]網頁設計流程 2009-09-08 13:17 | 紫蝶∏飛揚↗
    樓上說的文章里推薦table布局,哪里有說?而且頁面設計是怎么方便,怎么好用,隨個人喜好,DM工具本就是為了能以更少的出錯更少的時間進行開發.如樓上所說,不用DM開發,等你寫好了.調好了,項目早過期了.如樓上所說的手工寫代碼那才是什么年代的事...  回復  更多評論
      
    # re: [轉]網頁設計流程[未登錄] 2009-09-14 09:08 | Diablo.Wu
    @紫蝶∏飛揚↗
    手寫,那是基本的素質,我也沒說讓你手寫啊。工具在開發過程中是肯定需要的,手工寫html只是一個基礎技能而已,就像學高數,在日后的工作中也不一定能用到,但是缺必不可少。現在很多人用ide寫網頁,最后連w3c的標準都不知道。  回復  更多評論
      
    # re: [轉]網頁設計流程 2009-09-15 09:47 | 紫蝶∏飛揚↗
    W3C是什么并不重要,重要的是技術只是謀生的手段,并不是每個人都非要做所謂的高手,高手,高高手的.如某些前輩所說,"技術是永無邊境的".越到后來,程序越復雜,你手寫?能理清得了結構層次,開始簡單的項目手寫固然可以.復雜的程序結構怎么辦?那可不是手寫能記的清的.最后在重申一篇,技術只是謀生的一個方面而已.  回復  更多評論
      

    只有注冊用戶登錄后才能發表評論。


    網站導航:
     
    主站蜘蛛池模板: 亚洲欧洲自拍拍偷精品 美利坚 | 亚洲另类激情综合偷自拍图| 亚洲精品理论电影在线观看| 日韩欧美一区二区三区免费观看| 亚洲美女精品视频| 久久久久高潮毛片免费全部播放 | 亚洲国产综合精品中文第一区| www免费插插视频| 国产亚洲精品无码拍拍拍色欲| 国产在线观a免费观看| 中文字幕亚洲天堂| 最近更新免费中文字幕大全| 亚洲Av永久无码精品三区在线| 色欲色香天天天综合网站免费| 精品亚洲成a人片在线观看| 亚洲精品在线免费看| 亚洲精品无码久久久久APP| 免费一看一级毛片| 最近中文字幕免费大全| 亚洲黄色网址大全| 天天拍拍天天爽免费视频| 免费激情网站国产高清第一页| 亚洲夜夜欢A∨一区二区三区 | 两个人看的www免费| 在线免费观看亚洲| 国产片免费在线观看| 久久久久国色AV免费观看| 亚洲成AV人片在| 免费电影在线观看网站| 人人公开免费超级碰碰碰视频 | 国产免费人人看大香伊| 福利免费在线观看| 亚洲导航深夜福利| 亚洲成av人片天堂网老年人| 成人久久免费网站| 亚洲色大成网站www永久男同| 亚洲一区二区三区国产精品| 久久成人国产精品免费软件| 国产精品亚洲专区无码WEB| 亚洲av永久无码精品网站 | 国产精品亚洲精品日韩电影|