網(wǎng)頁(yè)與網(wǎng)站制作流程.doc

《網(wǎng)頁(yè)與網(wǎng)站制作流程.doc》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、.網(wǎng)頁(yè)制作與制作流程一、策劃。這兩個(gè)字看似沒(méi)有什么意義，表面上來(lái)看，的確是如此的。但是，你想擁有一個(gè)什么樣的？你的主色調(diào)，你的容，等等等等，都需要一個(gè)策劃，否則你打開(kāi)制作工具，你根本不知道要做什么。就象你或者你的GF要做飯，材料什么都有，菜買(mǎi)回來(lái)了，可你不知道要吃什么，還為吃白菜或者吃芹菜而鬧不明白。你會(huì)很為難。對(duì)于新手來(lái)說(shuō)，可以參考借鑒別人的作品，多看看一些你喜歡的網(wǎng)頁(yè)，然后去模仿，慢慢的就能做出自己的東西了。一個(gè)策劃做好了，就什么都好說(shuō)了。二、設(shè)計(jì)圖紙專業(yè)資料.你可以先在草稿上先畫(huà)一畫(huà)，但那樣的話

2、，這個(gè)步驟應(yīng)該歸結(jié)于第一步。這里說(shuō)的設(shè)計(jì)圖紙是在PS或者FW中把你想做的用圖片的形式畫(huà)出來(lái)。我不清楚是否在各位看觀中是否有準(zhǔn)備去應(yīng)聘網(wǎng)頁(yè)美工等工作的。但就我自己的公司在我們附近的一所大學(xué)里招聘的情況來(lái)看。實(shí)在是不怎么理想。因?yàn)檫@些應(yīng)聘網(wǎng)頁(yè)美工的同學(xué)居然不知道不明白網(wǎng)頁(yè)是先用PS或者FW畫(huà)出來(lái)的。最后我錄用了附近中專的一個(gè)學(xué)生。倒不是他在學(xué)校里學(xué)到了什么，是自學(xué)的，做得還不錯(cuò)。由此可見(jiàn)，學(xué)生在學(xué)校里學(xué)到的東西實(shí)在是太皮毛了~~~~（跑題了是吧~~~~~）~~~~~這一個(gè)步驟呢就是說(shuō)~~~~~先把自己的想

3、要的網(wǎng)頁(yè)用PS畫(huà)出來(lái)。PS的靈活多變以及超級(jí)強(qiáng)大的功能，完全可以畫(huà)出絢爛的網(wǎng)頁(yè)出來(lái)?，F(xiàn)在來(lái)說(shuō)呢，我給大家提供幾個(gè)數(shù)字，就是網(wǎng)頁(yè)設(shè)計(jì)圖紙的寬度。如果你的網(wǎng)頁(yè)是準(zhǔn)備留有對(duì)聯(lián)廣告的位置，也就是像稀飯主站的那種樣式來(lái)說(shuō)呢，你的網(wǎng)頁(yè)的寬度一般為768像素。也有760像素770像素780像素。這看個(gè)人的設(shè)計(jì)習(xí)慣來(lái)的。但一般來(lái)說(shuō)呢，768像素是最符合規(guī)的，因?yàn)?68正好是屏幕的高度。如果你是想設(shè)計(jì)滿屏的網(wǎng)頁(yè)，就像這個(gè)論壇吧。寬度一般為1000左右。有人說(shuō)是1007，的確，在WINDOWS標(biāo)準(zhǔn)界面下這個(gè)寬度能全部顯示

4、而不必在下面拉啊拉的。但是如果是XP風(fēng)格的話，就要左右拉了因此寬度設(shè)置為1000差不多。也有設(shè)計(jì)為998了。這根據(jù)個(gè)人經(jīng)驗(yàn)而來(lái)，大家可以根據(jù)自己的實(shí)際判斷來(lái)說(shuō)?？傊瓦@左右。告訴嘛~~~~~你想設(shè)置多高就多高吧。如果是首頁(yè)的話呢，最好是能全部顯示出來(lái)。由于各個(gè)瀏覽器的不同——像多窗口瀏覽器有一個(gè)標(biāo)簽欄，就算是IE，常用圖標(biāo)也有大小之分。因此告訴是多少，你就自己掌握吧。三、切割網(wǎng)頁(yè)專業(yè)資料.切割網(wǎng)頁(yè)這工作還是交給PS或者FW來(lái)制作。也就是使用他們的切片工具。個(gè)人認(rèn)為FW更適合用來(lái)切割圖片。太專業(yè)了。而且

5、很容易上手。PS當(dāng)然也有這個(gè)功能。不過(guò)說(shuō)來(lái)寒酸，我到現(xiàn)在也沒(méi)搞明白那是怎么切割的~~~~~就看別人切割了，自己就是不會(huì)~~~~~（沒(méi)辦法，本人電腦知識(shí)全部自學(xué)，PS、FW、DMX等等等等，因此有些問(wèn)題搞不明白是情有可原的吧~~~~）切割網(wǎng)頁(yè)就是把圖片切割成若干個(gè)小圖片，其中寬度高度什么的都得自己去掌握去學(xué)習(xí)，我考慮寫(xiě)一個(gè)教程。不過(guò)時(shí)間不是很充裕，看情況。四、DMX制作網(wǎng)頁(yè)終于到這一步了，大家是不是很明白??？不會(huì)用DMX就不能說(shuō)是會(huì)制作網(wǎng)頁(yè)知道不？現(xiàn)在一般的大學(xué)生和職業(yè)學(xué)校的學(xué)生都應(yīng)該掌握了這個(gè)吧。順便

6、說(shuō)一下，網(wǎng)頁(yè)就是表格加圖片加FLASH。這里只說(shuō)了個(gè)流程，我看情況能不能有時(shí)間寫(xiě)出詳細(xì)的教程。大家自己有基礎(chǔ)的可以先做做。這個(gè)流程中沒(méi)有說(shuō)到CSS樣式的設(shè)置和其他的規(guī)格一些面。這些就看自己的發(fā)揮了。CSS可以用人家現(xiàn)成的，自己修改修改就可以了。如果你是想制作一個(gè)靜態(tài)的。那么掌握網(wǎng)頁(yè)制作專業(yè)資料.流程就差不多了，這一章只要學(xué)習(xí)規(guī)劃就可以。但大多數(shù)人不會(huì)愿意制作靜態(tài)的，因?yàn)楣芾韺?shí)在是太麻煩了，因此，必然是動(dòng)態(tài)的。呵呵。一、整體規(guī)劃好像又是沒(méi)有意義的一個(gè)詞，但是就根本來(lái)說(shuō)實(shí)在是太有意義了。的規(guī)劃分為下面幾個(gè)

7、部分1、動(dòng)態(tài)程序語(yǔ)言的選擇。大家可以先了解一個(gè)語(yǔ)言，ASP，PHP，JSP，CGJ，.NET等等等等。就現(xiàn)在來(lái)說(shuō)，一般的小型都是使用ASP+ACC數(shù)據(jù)庫(kù)形式來(lái)制作，也是互聯(lián)網(wǎng)上最廣泛的法。.NET是新興的一種語(yǔ)言，應(yīng)該是ASP的升級(jí)版本。互聯(lián)網(wǎng)有這種趨勢(shì)，就是.NET語(yǔ)言制作。而PHP+MYSQL這種形式也廣泛流行，象稀飯論壇就是這種形式。我在這里簡(jiǎn)單說(shuō)幾句而已，沒(méi)有基礎(chǔ)的可以百度一下詳細(xì)資料。一般來(lái)說(shuō)，個(gè)人的形式為asp+acc數(shù)據(jù)庫(kù)和php+mysql數(shù)據(jù)庫(kù)。2、欄目功能規(guī)劃。你的有哪些欄目，你的

8、實(shí)現(xiàn)什么功能。很現(xiàn)實(shí)的問(wèn)題，你得好好策劃策劃哦?。I(yè)資料.3、根目錄策劃。你的實(shí)際上就是一堆文件的集合，怎么樣去規(guī)劃這些文件，就是目錄的安排。好的的目錄很清晰，讓人一目了然。你自己的你看著辦吧。我這里點(diǎn)水而過(guò)，詳細(xì)資料請(qǐng)百度。二、數(shù)據(jù)庫(kù)規(guī)劃你已經(jīng)選擇了程序和數(shù)據(jù)庫(kù)了對(duì)吧，我們現(xiàn)在要做的就是規(guī)劃數(shù)據(jù)庫(kù)了。大家沒(méi)有什么意見(jiàn)吧~~~~~呵呵。數(shù)據(jù)庫(kù)里面放什么東西，怎么樣去放，詳細(xì)資料請(qǐng)百度。三、編寫(xiě)后臺(tái)前面已經(jīng)說(shuō)了，你要策劃容以及功能。寫(xiě)是先寫(xiě)后臺(tái)滴??！目前