1、怎麼做一個網頁(網頁設計作業)
jsp+美工+編程
當人們訪問你的站點時,他們都會立即下意識地判斷:這個站點怎麼樣?值不值的當回事兒?是否值的把他加入到我的bookmark中去,要知道,在網路信息的虛擬世界裡,互聯網提供了天下大同的機會,同時也讓這個虛擬世界充斥著數不清的商業站點、垃圾站點,大多數站點缺乏靈魂、主旨,東一榔頭西一棒子,鬆散、混亂,原因就在於缺乏策劃設計。因此要想使你的網站從那些數不清的站點中脫穎而出,就必須對整個站點作好統籌安排,規劃,對所有的內容進行細意斟酌,把所有的意念合情合理的組織起來設計一個合理的頁面樣式。下面我們就具體的來探討一下網站策劃設計.
一、 首先確定web站點的營銷目標:
1)、市場調查階段
了解一下目前internet的發展狀況以及同類站點的發展、經營狀況,吸取他們的長處,找出自己的優勢,對市場作個調查,明確自己網站的主題,尋找一個好的出發點。
2)、你設想中的網站規模有多大?
作網站並不是盲目的想做多大就作多大,而要根據自身的現階段能力,以及企業的規模大小,確定你的網站是小型、中型、大規模的網站,還是從小規模的開始,然後逐步發展。這主要的是關繫到網站的後期維護以及網站的發展方向來考慮的。
3)、確定網站的類別,你希望網站有怎樣的設計特色
根據主題、形式以及本身企業的特點,網站的設計也有不同的類別,大概可分為:以內容為主,設計為輔,注重速度這種大型的專業網站,它一般體現在專業的 icp,isp供應商製作的網站,在設計這類網站時不要太花哨,應注重信息量;第二種大多數企業為了更好的宣傳自己的產品,擴大銷路,使自己的產品走向世界,提高自己企業的形象而製作的網站,這種網站製作應結合本身產品特點而製作的特色網站,相對來說比較注重產品的營銷;第三種是形象類的網站,一般這種網站相對體現在政府部門,作為對外一個窗口,相對來說這種網站設計比較嚴肅;第四種是個人主頁網站,這種網站相對比較自由,不受什麼約束,可以根據每個人自己的特長自由發揮。因此我們在製作主頁時先明確自己的定位方向,設計出適合自己的站點。
4)、你的主要目標受眾是誰?
根據網站的類別不同,目標受眾也不一樣,有工商業者、專業人士、學生;女性,男性;兒童,青少年,中年人,老人;還是所有的人,比如教育類的網站相對來說是目標受眾是院校的老師和學生。化裝類、護膚產品類的網站相對來說是女性等。
5)、確定整個網站的整體風格
其實,這個原則和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、注腳什麼的,都要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。
舉個簡單例子。如果你在列示一二三四若干條的情況下,在每條前面用黑圓點加強視覺效果,那麼其他類似地方,也應該用保持同樣的風格。色彩斑斕的站點,尤其要注意風格的統一。顏色可以變,不過字體、主體文本對齊風格、標題、背景效果以及特殊圖像效果等等都應保持統一。
很多缺乏編輯、出版背景的網友,很容易忽視這點,特別是網頁一多,更容易忘。
6)、你准備投入多少資金、如何經營這個網站?
對所作的網站大概的作個估價,需要多少資金,你准備投入多少資金來運營這個網站,假設網站製作好以後如何經營這個網站,是全部由自己來做,還是委託專業服務來做,自己定期指導,還是設定要求、目標完全由別人代勞。這是不可忽略的問題,如果一個網站前期作的再好,後期沒人維護也是空的,就好比一條剛建好的街道,乾乾凈凈的,人們也比較喜歡來這里逛街,日久了,人走的人多了,垃圾多了這時沒人來管里,這樣垃圾越堆越多,走的人肯定也越來越少了。日久了也逐漸被人遺忘了。網站經營也是這個原理。
7)、根據目標框架整理出站點的內容框架以及邏輯結構圖
①把目標細化以整理出站點內容框架
基本確定的目標,您就應該把目標細化,並初步整理出為達到這些目的,站點所需要包含的所有內容了。例如,站點應該發布希么信息,站點需要提供什麼應用程序,等等。然後,你應該把初步定下的內容綱要寫下來,交給上級或業務人員審核批准。這實際上就形成了站點設計的需求報告。在你的內容綱要里,還應該註明這些內容的信息來源,哪個部門應該提供哪方面的信息。把這些羅列下來,會使得上級以及各個相關部門清楚"誰應該為這些內容負責"。
②進一步整理出站點邏輯結構圖
定下內容綱要後,你應該能夠大致畫出站點的結構圖了。結構圖也有很多種,順序結構,網狀結構,繼承結構,WEB結構等,應依據你的內容而定。例如,如果你是在編一個教程,那麼可能用表示順序的流程圖就比較合適。多數復雜的網站會綜合應用到幾種不同的結構圖。畫出結構圖的目的,主要是便於有邏輯地組織站點和鏈接,同時,將來你會用這個圖去分配工作和任務。例如:
你可以告訴某個開發人員,讓他完成結構圖中某個分支的內容;
你可以把這個圖遞交給業務人員,告訴他們哪些頁面,需要他們進一步提供內容或資料;
你可以把結構圖給專業美工看,讓美工人員考慮以什麼樣的形式來表現你要表達的內容等等。
簡而言之,這個框架圖,將為你下一步進行工作分配,人員安排提供依據。
二、 網站製作過程中把握的幾點
1)、重點信息放在突出醒目的位置,整個網站空間排序適當
一個網站很重要的就是標題,標題就像路牌一樣,人家在你的網站上逛來逛去,全靠它指路了。給人的第一印象是否能夠馬上注意到標題,標題要意義清晰、描述性強,把最吸引人的地方放在突出顯眼的位置,然後再慢慢展開。或者說,把你的獨特內容包裹成一個懸念,吸引人家注意。讀者看一篇文章,前三段注意力最集中,如果這「寸土寸金」的前三段用不好,人家就要和你拜拜嘍!
留出可調整的位置,用於滿足臨時性或短期營銷活動的宣傳需要。如,福州電信局12月11日舉辦的「福建省首屆信息網路展示會」展覽,需要在網頁中放在最突出的位置。這就需要調整原有的結構,既讓新的內容有突出的體現,還要不至於淹沒其他重點。
在每屏中的文字與圖形的布局既要考慮到重點的突出,還要給人以和諧的感覺。不能讓圖形淹沒文字,也不能圖形太少而讓人覺得單調。視覺的吸引和誘惑力是不能低估的。 文字內容和圖片搭配要和諧。
2)、網頁應該易懂,控制沒個模塊的信息量。 網頁要易讀、易懂。
網站設計最重要的訣竅,恐怕就是你的網頁要易讀。 花時間和心思來規劃文字和背景顏色的搭配方案。勿使背景沖淡了文字的視覺效果。
這就意味著,你必須花點心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起你的網頁來很費勁。一般來說,淺色背景下的深色
這個原則也意味著,你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。
另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。
網頁的內容最好能夠開門見山,讓瀏覽者在最短的時間內了解你的網頁的內容。在內容上著筆盡量要細致,讓人家能在最短的時間內,了解你想呈現給人家什麼。給人家一幅清晰的畫卷,別雲山霧罩的。開門見山,直接了當。大家都知道,網友的耐心尤其少。你能提供的信息或許對他們有裨益,但如果要人家沒完沒了地翻下去才能找到,恐怕極少有人有這份耐心。
立體規劃內容。將所有的結構按照一定的框架結構分別納入不同的頁面。
立體規劃內容,將所有部分按一定的構架各就其位、分別納入不同層次的頁面。注意先要把最重要的內容放到首頁上,其他的依次就緒。
然後,你就可以勾劃頁面藍圖、編HTML了。就文本內容的表現而言,記住盡量別讓其一行文字的寬度,橫跨整個屏幕。段落一多,這樣子看起來很費勁,而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。
文字的寬度,最好別超過屏幕寬度的一半。
3)、網頁頁面越小越好,最好別超過50k,盡量精簡
上網的人追求的是速度。所以頁面的大小是非常重要的,如果你的網站主要是為了提供消息內容,那麼在最短的時間內呈現出來你的內容,別人會更加舒心的查看你的網站。
別使速度影響了你的效率,要知道,很多人是沒有耐心的。網頁的速度最好控制在十秒以內。或者更快。
有研究顯示,如果一個網站頁面的主體在15秒之內顯現不出來,訪客會很快失去對該站的興趣。當然,也有例外,比如內容實在太精彩,人家不去不行。再像視覺藝術類站點,也不能以「快」為唯一設計標准。不過,即使這類站點,也該在加個導引頁,給讀者一個提示,別不理睬人家的心情。但是大多數網站還是以內容為主,大部分人感興趣的還是信息量,追求的是速度。
要限定頁面的大小,就得從各個角度考慮節省。最大的一頭是圖像,有的好東西,只得割愛了。想想看,在創意表達、品牌形象、掙錢幾個目標之中,哪個最重要?
4)、網站導航要清晰,容易查找,
所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。 所有的導航條都要非常清晰明確的讓瀏覽者看出來。
鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。如果你一定要別出心裁,鏈接的文本就要想著以什麼方式加以突出,比如說加粗體?加字型大小?兩側加豎標?或者幾者兼用。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向。
鏈接文字要重點突出;
清晰導航還要求:讀者進入目的頁的點擊次數,不能超過三次。如果三次以上還找不到,人家可就沒有耐心陪你玩了!
三、 網站推廣
網上世界黑漆無邊,你怎麼讓人家找到你?很多有些經驗的網友知道這個問題的份量,不過對於一波一波興奮上網的新手,他們腦中的概念大多是:「有了網站,自然有人來」。不怪他們,商家們的欺騙宣傳太成功了,他們哪裡知道,網上有數不清的網站像「無人區」一樣死寂。因此我們在作好網站以後,後期的推廣宣傳工作也不可忽略,主要的可以從以下幾個方面來宣傳。
1)、傳統媒體:廣播、報紙、電視都是很好的方法。現在我們已經看到很多在傳統媒體中的商家廣告,就是以網址為廣告內容的主體。同時,商家所有的印刷品,包括名片,都是宣傳網址的良好介質。
2)、網際網路本身的方法:諸如導航台、新聞組、電子郵件群組、圖標廣告、分類廣告等等,都是宣傳網址的好方法。提高你網站在導航站點的排名、Banner廣告、有技巧得利用傳統媒體、BBS、新聞組都是獲取潛在用戶注意力的手段。 充分利用網頁的交互性,增強與客戶之間的聯系,及時得到客戶的反饋信息,了解客戶的需求,不斷的改進網站,提高整個網站的信譽。
孫子曰:「夫未戰而廟算勝者,得算多也;未戰而廟算少者,得算少也。多算勝,少算不勝,而況無算乎?「這里的廟算就是我們講的謀略,也就是今天所講的策劃。
策劃是一種能力,是一種謀略,一種技巧,一種手段,一個計劃,一次革命!
策劃就是設計。人們稱鄧小平為「改革開放的總設計師」,實際上也就是對策劃、策劃實踐的一次歷史性確認。
真正的策劃人是一個復合型人才,必須掌握:經濟學、哲學、心理學、傳播學、營銷學、管理學等,以及具體的如戰略、競爭、策略、計劃、市場調查、市場渠道設計、品牌經營、企業規劃,甚至人力資源以及整個國家和世界的動態和發展趨勢。
2、網頁設計需要學習代碼嗎?
1. html 、 css 、 js 、 html5 、 css3這些都是需要掌握的。
2. 學js的時候建議視頻和書配套,視頻主入門,書主細節、深入。
3. 至於html和css可以看看視頻學習,初期學習不一定要求那麼高,要精通,有大概的印象就行,在後面學慣用的機會很多,在使用中自然就熟悉了,當然代碼是一定要多寫的。
3、怎麼製作自己的網頁?
★建設自己的網站較好的步驟☆
必須注意的是:建立自己的網站是一件浩大的工程,一般比較麻煩。所以應當按照一定的步驟一步步來。
我覺得建站可以按照以下步驟進行:
1、先在本地設一個文件夾,作為網站存儲的地方。名字最好取「My Sites」。
2、在網站文件夾裡面建立一些文件夾,包括「images」等(存儲圖片、文件等),並且按照網頁內容,再建立幾個文件夾。(也可以把存儲圖片、文件的文件夾在每個內容文件夾裡面各搞一些)
3、打開你的網頁編輯程序(例如FP、Dreamwear等),新建網頁,保存為「index」(主頁),重復以上步驟,在網站文件夾裡面建立「search」(查找)、「map」(站點地圖)、「index02」(網站簡介等)。
4、按照上面步驟,再在網站分類文件夾裡面建立許多網頁(接著還要把內容輸入網頁)
5、已經做到了這么多,我們該准備內容了吧。在硬碟上面再建立一個文件夾「File」,把准備好的文檔、圖片、程式、文件和網頁特效等放進去。(可以加入一些動態網頁)
6、慢慢把這些文件一個不漏的放進網頁裡面(要掌握技巧)
7、把網站充實了,就差不多了。這時應該申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
8、把網站上傳至空間裡面,刪了准備文件,就OK了!
不過也可以這樣使用FP建站:
1、在FP裡面選擇新建站點。
2、然後在【導航】裡面設置網頁名稱以及標題。
3、准備好文檔、圖片、程式、文件和網頁特效等,把它們都充實進網站裡面。
4、申請一個域名(免費空間、附費都可以)。並且把自己的網站放入搜索引擎,而且在各種留言版上面宣傳。
5、把網站上傳至空間裡面,刪了准備文件。完畢。
如果使用Dreamwear來建站,那就更加高級啦!Dreamwear的功能很強大,安裝了它的朋友們可以研究研究。
4、網站設計一般包括哪些方面
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
5、.NET、PHP網頁設計,哥們兒感覺我應該學習哪個???
堅持一個學到底
6、面試網頁設計有哪些問題
一、網頁設計面試的經典問題及答題思路:
問題一:「請你自我介紹一下」
思路:
1、這是面試的必考題目。
2、介紹內容要與個人簡歷相一致。
3、表述方式上盡量口語化。
4、要切中要害,不談無關、無用的內容。
5、條理要清晰,層次要分明。
6、事先最好以文字的形式寫好背熟。
回答要點:用10秒鍾簡單說說個人資料即可。用一分半鍾左右時間介紹你以前從事的工作,和所獲得的經驗。再用一分鍾左右時間描述你以前的工作經驗對應聘的這份職位來說有那些幫助。
問題二:「談談你的家庭情況」
思路:
1、況對於了解應聘者的性格、觀念、心態等有一定的作用,這是招聘單位問該問題的主要原因。
2、簡單地羅列家庭人。
3、宜強調溫馨和睦的家庭氛圍。
4、宜強調父母對自己教育的重視。
5、宜強調各位家庭成員的良好狀況。
6、宜強調家庭成員對自己工作的支持。
7、宜強調自己對家庭的責任感。
問題三:「你有什麼業余愛好?」
思路:
1、業余愛好能在一定程度上反映應聘者的性格、觀念、心態,這是招聘單位問該問題的主要原因。
2、最好不要說自己沒有業余愛好。
3、不要說自己有那些庸俗的、令人感覺不好的愛好。
4、最好不要說自己僅限於讀書、聽音樂、上網,否則可能令面試官懷疑應聘者性格孤僻。
5、最好能有一些戶外的業余愛好來「點綴」你的形象。
問題四:「你最崇拜誰?」
思路:
1、最崇拜的人能在一定程度上反映應聘者的性格、觀念、心態,這是面試官問該問題的主要原因。
2、不宜說自己誰都不崇拜。
3、不宜說崇拜自己。
4、不宜說崇拜一個虛幻的、或是不知名的人。
5、不宜說崇拜一個明顯具有負面形象的人。
6、所崇拜的人人最好與自己所應聘的工作能「搭」上關系。
7、最好說出自己所崇拜的人的哪些品質、哪些思想感染著自己、鼓舞著自己。
問題五:「你的座右銘是什麼?」
思路:
1、座右銘能在一定程度上反映應聘者的性格、觀念、心態,這是面試官問這個問題的主要原因。
2、不宜說那些醫引起不好聯想的座右銘。
3、不宜說那些太抽象的座右銘。
4、不宜說太長的座右銘。
5、座右銘最好能反映出自己某種優秀品質。
6、參考答案——「只為成功找方法,不為失敗找借口」
二、面試的注意事項:
(1)一旦和用人單位約好面試時間後,一定要提前5-10分鍾到達面試地點,以表示求職者的誠意,給對方以信任 感,同時也可調整自己的心態,作一些簡單的儀表准備,以免倉促上陣,手忙腳亂。為了做到這一點,一定要牢 記面試的時間地點,有條件的同學最好能提前去一趟,以免因一時找不到地方或途中延誤而遲到。如果遲到了, 肯定會給招聘者留下不好的印象,甚至會喪失面試的機會。
(2) 進入面試場合時不要緊張。 如門關著,應先敲門,得到允許後再進去。開關門動作要輕,以從容、自然為 好。見面時要向招聘者主動打招呼問好致意,稱呼應當得體。在用人單位沒有請你坐下時,切勿急於落座。用人 單位請你坐下時,應道聲「謝謝」。坐下後保持良好體態,切忌大大咧咧,左顧右盼,滿不在乎,以免引起反感 。離去時應詢問「還有什麼要問的嗎」,得到允許後應微笑起立,道謝並說「再見」。
(3) 對用人單位的 問題要逐一回答。 對方給你介紹情況時,要認真聆聽。為了表示你已聽懂並感興趣,可以在適當的時候點頭或 適當提問、答話。回答主試者的問題,口齒要清晰,聲音要適度,答話要簡練、完整。一般情況下不要打斷用人 單位的問話或搶問搶答,否則會給人急躁、魯莽、不禮貌的印象。問話完畢,聽不懂時可要求重復。當不能回答 某一問題時,應如實告訴用人單位,含糊其辭和胡吹亂侃會導致面試失敗。對重復的問題也要有耐心,不要表現 出不耐煩。
(4) 在整個面試過程中,在保持舉止文雅大方,談吐謙虛謹慎,態度積極熱情。 如果用人單位有兩位以上主試 人時,回答誰的問題,你的目光就應注視誰,並應適時地環顧其他主試人以表示你對他們的尊重。談話時,眼睛 要適時地注意對方,不要東張西望,顯得漫不經心,也不要眼皮低望,顯得缺乏自信,激動地與用人單位爭辯某 個問題也是不明智的舉動,冷靜地保持不卑不亢的風度是有益的。有的用人單位專門提一些無理的問題試探你的 反應,如果處理不好,容易亂了分寸,面試的效果顯然不會理想。
7、網頁設計的過程是什麼樣的 ?其中要用上哪寫軟體?30分
網頁設計軟體包括:
Photoshop:學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正;各種特效濾鏡的使用;特效字的製作;圖像輸出與優化等,靈活運用圖層風格,流體變形及褪底和蒙板,製作出千變萬化的圖像特效。
Freehand:不論是個人作品設計、公司徽標、海報製作,都可以輕松完成,應用於廣告、印刷等行業
CorelDraw:通過CorelDRAW9的全方面的設計及網頁功能融合到現有的設計方案中,製作矢量的插圖、設計及圖像,出色地設計公司標志、簡報、彩頁、手冊、產品包裝、標識、網頁及其它。
PageMaker:學習排版設計的基本法則、使用方法與技巧,工具箱、快捷鍵的使用,菜單功能及操作技巧,出版物、書籍、宣傳彩頁、出片輸出注意事項,報紙雜志等的高級專業排版製作的方法。
Illustrator:學習圖形繪制、包裝、宣傳頁的製作,讓你更加方便地進行LOGO及CI設計,不到一個月,您就會成為一名真正的美術大師,在Photoshop的基礎上再學它如虎添翼,效率成倍提高。
網頁製作軟體包括:
一、菜鳥級網頁製作軟體
如果你是一個網頁製作初學者,那麼讓下面幾種軟體帶你走進那絢麗多彩的網頁製作世界吧!
①Microsoft FrontPage
如果你曾對Word很熟悉,那麼相信你用FrontPage進行網頁設計一定會非常順手。使用FrontPage製作網頁,你能真正體會到「功能強大,簡單易用」的含義。頁面製作由FrontPage中的Editor完成,其工作窗口由3個標簽頁組成,分別是「所見即所得」的編輯頁,HTML代碼編輯頁和預覽頁。FrontPage帶有圖形和GIF動畫編輯器,支持CGI和CSS。向導和模板都能使初學者在編輯網頁時感到更加方便。
FrontPage最強大之處是其站點管理功能。在更新伺服器上的站點時,不需要創建更改文件的目錄。FrontPage會為你跟蹤文件並拷貝那些新版本文件。FrontPage是現有網頁製作軟體中惟一既能在本地計算機上工作,又能通過Internet直接對遠程伺服器上的文件進行工作的軟體。
②Netscape編輯器
Netscape Communicator和Netscape Navigator Gold3.0版本都帶有網頁編輯器。如果你喜歡用Netscape瀏覽器上網,使用Netscape編輯器真是簡單方便!當你用Netscape瀏覽器顯示網頁時,單擊編輯按鈕,Netscape就會把網頁存儲在硬碟中,然後就可以開始編輯了。你也可以像使用Word那樣編輯文字、字體、顏色,改變主頁作者、標題、背景顏色或圖像,定義描點,插入鏈接,定義文檔編碼,插入圖像,創建表格等,是不是與FrontPage 2000還有些像?但是,Netscape編輯器對復雜的網頁設計就顯得功能有限了,它連表單創建、多框架創建都不支持。
Netscape編輯器是網頁製作初學者很好的入門工具。如果你的網頁主要是由文本和圖片組成的,Netscape編輯器將是一個輕松的選擇。如果你對HTML語言有所了解的話,能夠使用Notepad或Ultra Edit等文本編輯器來編寫少量的HTML語句,也可以彌補Netscape編輯器的一些不足。
③Adobe Pagemill
Pagemill功能不算強大,但使用起來很方便,適合初學者製作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像,那麼Adobe Pagemill的確是你的首選。
Pagemill另一大特色是有一個剪貼板,可以將任意多的文本、圖形、表格拖放到裡面,需要時再打開,很方便。
④Claris Home Page
如果使用Claris Home Page軟體,你可以在幾分鍾之內創建一個動態網頁。這是因為它有一個很好的創建和編輯Frame(框架)的工具,你不必花費太多的力氣就可以增加新的Frame(框架)。而且Claris Home Page 3.0集成了FileMaker資料庫,增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過於粗糙,對Image Map圖像的處理也不完全。
二、中級網頁製作軟體
如果你對網頁設計已經有了一定的基礎,對HTML語言又有一定的了解,那麼你可以選擇下面的幾種軟體來設計你的網頁,他們一定會為你的網頁添色不少。
①DreamWeaver
自製動態HTML動畫的網頁
DreamWeaver是一個很酷的網頁設計軟體,它包括可視化編輯、HTML代碼編輯的軟體包,並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性,而且它還能通過拖拽從頭到尾製作動態的HTML動畫,支持動態HTML(Dynamic HTML)的設計,使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換,HTML句法及結構不變。這樣,專業設計者可以在不改變原有編輯習慣的同時,充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計,這項設計使任何人都可以輕易擴展它的功能。
②Fireworks
第一款徹底為Web製作者們設計的軟體
Fireworks的來頭實在不小,它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發,內建豐富的支持網路出版功能,比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系,可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片!
③Flash
讓你的網頁動起來
Flash是用在互聯網上動態的、可互動的shockwave。它的優點是體積小,可邊下載邊播放,這樣就避免了用戶長時間的等待。#{6FLASH6}#可以用其生成動畫,還可在網頁中加入聲音。這樣你就能生成多媒體的圖形和界面,而使文件的體積卻很小。FLASH雖然不可以像一門語言一樣進行編程,但用其內置的語句並結合JavaScripe,您也可做出互動性很強的主頁來。有人曾經說過:下個世紀的網路設計人不會用FLASH,必將被淘汰出局!我相信這句話沒錯!
④HotDog Professional
製作要加入多種復雜技術的網頁
HotDog是較早基於代碼的網頁設計工具,其最具特色的是提供了許多向導工具,能幫助設計者製作頁面中的復雜部分。HotDog的高級HTML支持插入marquee,並能在預覽模式中以正常速度觀看。這點非常難得,因為即使首創這種標簽的Microsoft在FrontPage中也未提供這樣的功能。HotDog對plug-in的支持也遠遠超過其他產品,它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。
HotDog是個功能強大的軟體,對於那些希望在網頁中加入CSS、Java、RealVideo等復雜技術的高級設計者,是個很好的選擇。
⑤HomeSite
製作可完全控制頁面進程的網頁
Allaire的HomeSite是一個小巧而全能的HTML代碼編輯器,有豐富的幫助功能,支持CGI和CSS等等,並且可以直接編輯perl程序。HomeSite工作界面繁簡由人,根據習慣,可以將其設置成像Notepad那樣簡單的編輯窗口,也可以在復雜的界面下工作。
HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你製作的頁面的進程,HomeSite是你最佳選擇。不過對於生手過於復雜。
三、高級網頁製作軟體
①Microsoft Visual Studio
該系列的版本有:2003、2005、2008和未來的版本;
適合開發動態的aspx網頁,同時,還能製作無刷新網站、webservice功能等,僅適合高級用戶。
②Jbuilder
不論是各種版本,均適合使用其開發出JSP網頁,僅適合高級用戶。
設計步驟:
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者。
8、面試網頁設計要作那些准備啊要帶些什麼作品啊
網頁設計有前台和後台的,如果你比較善長編程的話,你應該拿個網站整站,如果從網上下載的話,你把裡面別人的東西改下,不過自己得能看懂,現在是拿別人的東西改成自己的東西,這也是知識的學習,在你看懂的過程中,你也就會學到很多了.如果善長前台美工,拿個漂亮的靜態網站,不過要求得有創意哦.作品越多越好哦,說明你的功底不錯喲,祝你成功!
9、網頁製作
網頁製作其實很簡單,首先不能懼怕它.從入門開始,你到書店裡花10塊左右買本網頁製作回入門,象網頁製作三劍客答中的Dreamweaver入門,frontpage入門,看看就懂一點了,然後自己在摸索,親自製作,會發現其實很簡單,自己也可以製作出很漂亮的網站或網頁來,願你成功.