網(wǎng)站制作流程

1、網(wǎng)站制作流程一全然概念1 網(wǎng)頁(WebPage)網(wǎng)頁確實是、(專門難解的概念，極其抽象，看得見摸不著)，你什么緣故到互聯(lián)網(wǎng)去，你在WWW上看到的確實是網(wǎng)頁。它是由HTML編寫的文件，上面有貼圖，有音樂，有、2 主頁(HomePage)主頁(HomePage)它是一個網(wǎng)頁，是進入一個網(wǎng)站的開端畫面，就同“瘟酒吧”的藍天白云一樣。也確實是說，主頁是一個網(wǎng)站的門面，要想設計出一個優(yōu)良的網(wǎng)站，就必須有一個“要讓掃瞄者想不看都難”的主頁，它必須惹人入勝，能吸引每一個來訪者的留意力，激發(fā)人們的好奇心，能讓人產(chǎn)生一種深刻摸索你的網(wǎng)站的沖動。優(yōu)良的主頁是一個好的網(wǎng)站必須具備的第一要素。3 超等鏈接(Hyper

2、link)超等鏈接是WWW的神經(jīng)體系，它也是領導，把你從一個網(wǎng)頁帶到另一個網(wǎng)頁，或者從網(wǎng)頁的某一部分引導到另一部分。超等鏈接是用專門的文本或圖象來實現(xiàn)鏈接的，單擊它就能夠?qū)崿F(xiàn)它的功能。4 超文本(HyperText)超文本是一種新的文件情勢，指一個文件的內(nèi)容能夠無窮地與相干材料鏈接。超文本是天然說話文本與運算機交互、轉(zhuǎn)移和動態(tài)顯示等才能結(jié)合，超文本體系許可用戶隨便率性構(gòu)造鏈接，經(jīng)由過程Hyperlink來實現(xiàn)。5超文本說話(HyperTextMarkupLanguage)超文本說話(HTML)是制造編寫網(wǎng)頁、包含超等鏈接的超文件的標準說話，它由文本和標記構(gòu)成。超文本文件的擴大名一樣為.html

3、或.htmc網(wǎng)站的組織構(gòu)造上殷的網(wǎng)蟲必定認為收集上內(nèi)容豐富、信息復雜，但你是否想過一個網(wǎng)站的組織構(gòu)造。網(wǎng)頁的組織構(gòu)造有以下四種：1、線性構(gòu)造這是網(wǎng)站最簡單的一種構(gòu)造，它是以某種次序組織的，可因現(xiàn)在光次序，也可因此邏輯甚至是字母次序。經(jīng)由過程這些次序呈線性地鏈接。如一樣的索引就采取線性構(gòu)造。線性構(gòu)造是組織網(wǎng)頁的全然構(gòu)造，復雜的構(gòu)造也能夠算作是由線性構(gòu)造構(gòu)成的。2、二維表構(gòu)造這種構(gòu)造許可用戶橫向、縱向地掃瞄信息。它就仿佛一個二維表,如看課表一樣。3、等級構(gòu)造等級構(gòu)造由一條等級主線構(gòu)成索引，每一個等級點又由一條線性構(gòu)造構(gòu)成。如網(wǎng)站導航等確實是這種構(gòu)造。在構(gòu)造等級之前，你必須完全完全的明白得你的網(wǎng)站內(nèi)

4、容，幸免線性組織不嚴的缺點，不便利掃瞄者。4、網(wǎng)狀構(gòu)造這是最復雜的組織構(gòu)造，它完全沒有限制，網(wǎng)頁組織自由鏈接。這種構(gòu)造許可拜望者從一個信息欄目跳到另一個欄目去，其目標確實是充分應用收集資本和充分享受超等鏈接。全部互聯(lián)網(wǎng)確實是一個超等大年夜的“網(wǎng)”狀構(gòu)造。開端構(gòu)造你的網(wǎng)站1、總體籌劃你的網(wǎng)站當你想建立你的網(wǎng)站是你必定差不多在網(wǎng)上掃瞄過n個小時了，當看見別人的網(wǎng)上之家的時刻，或者受同伙“到我的網(wǎng)頁看看”的精力刺激下，你開端產(chǎn)生網(wǎng)上建家的沖動了！然則這時刻你并不明白你建網(wǎng)站的目標，你也不明白你該做成什么樣的網(wǎng)頁，“家里”該有些什么擺設。因此你應當靜下來想一想，如何籌劃你的網(wǎng)站。起首，你要有信念和常識

5、。再次，你得有內(nèi)容，網(wǎng)站應當有一個什么樣的主題,別人來你的網(wǎng)頁看什么。接著，你要組織你的網(wǎng)頁了，它們該是什么構(gòu)造，這種構(gòu)造不僅要讓拜望者能感到到你的風格，也要便利你本身愛護網(wǎng)站。最后，構(gòu)思出你的“惹人入勝”的門面(HomePage)o2、預備對象和材料拿出扳手、電線、螺絲刀和我們要制造網(wǎng)頁了！安裝好一種編寫HTML說話的編輯器，你能夠應用IE的frontpage,然則你應當有更好的，因此是Frontpage98了！Word一樣的簡略單純操作；支撐Microsoft、Netscape的全部網(wǎng)頁標簽，極好的兼容性；供給多種設計樣板，表單領導等傻瓜功能；強大年夜的治理工能能夠檢查網(wǎng)頁鏈接、查看組織構(gòu)

6、造、上轂傳送甚至檢查你的拼寫缺點；“所見就所得”，通俗視圖、HTML、預覽自由切換。因此你也能夠按本身的愛好選擇：Hotdog;Pagemi11;Homesite隨便你。有了編程對象就該預備你的網(wǎng)頁素材了！文本、圖片、動畫、midi和mp3音樂等等預備搬上骰的東東。制造這些器械你也許要用到做圖片的Photoshop、做gif動畫的GALE、制造imagemap的對象MapThis中文字庫也應當拿出來。3、制造網(wǎng)頁因此要制造網(wǎng)頁了！因此你把網(wǎng)頁制造好了?。ń窈笤僦v）4、測試網(wǎng)站網(wǎng)頁做好了，鏈接做好了，測試工作必弗成少。用Frontp軟ge98的FrontPagewebServer（WEB辦事器）

7、能夠?qū)δ愕木W(wǎng)頁進行測試，看看鏈接是否精確發(fā)明問題及時改正。5、上傳你的網(wǎng)頁把你要上傳的東東都拖往常。留意：你的主頁名應當是index,htm；index,html或者default,htm；default,html,按申請?zhí)幩囊髞?，還有確實是文件名的大年夜小寫，unix主機可區(qū)分嚴格喲。上傳后你就能夠觀賞你的作品了，如何樣？快樂吧！6、宣傳你的網(wǎng)頁網(wǎng)頁做好了，也上傳了。但現(xiàn)在沒人明白，如何宣傳你的主頁呢？因此是上談天室，到處貼帖子，發(fā)E-MAIL通知石友，登錄搜刮引擎,用免費告白，同別人互訂交換連接7、網(wǎng)站愛護和更新要想拜望量大年夜，你得經(jīng)常更新你的網(wǎng)頁，增長網(wǎng)頁內(nèi)容，并補償網(wǎng)站存在的缺點

8、。關于網(wǎng)頁導覽設計的九留意一.當導覽按鈕貫穿連接到今朝此頁時各Webpage若反復應用同一組的導覽按鈕，無可幸免地會產(chǎn)生某一導覽按鈕貫穿連接到今朝此頁的情形。為殺青界面設計的一致性，并沒有絕對的須要性拿掉落此導覽按鈕，但Webpage設計者可讓此按鈕不再具有超貫穿連接的功能；或?qū)⒋税粹o的彩度、亮度降低（如：深綠色變成淡綠色，亮紅色變成暗紅色），使讀者可清晰地意識到：那個暗設下來的導覽按鈕不再具有超貫穿連接的功能。二.不要在一篇短文里供給太多的超貫穿連接恰當、有效力地應用超貫穿連接，是一個優(yōu)良的導覽體系弗成或缺的要件之一。但過份濫用超貫穿連接，造成短短的一篇文章里卻處處是links,反而損害了W

9、ebpage行文的流暢與可親性。在充斥著超貫穿連接的短文里，專門可能個中許多是無意義、沒須要的links。例如：貫穿連接到一頁只有兩三行注解的link、貫穿連接到一頁只放了施工中的招牌的link。在一篇長短適中的Webpage里（3、4個熒幕頁面），文章里供給的文字式超貫穿連接最好不要跨過10個以上，以使全頁行文能夠或許順暢，而讀者也不至于目擊一大年夜堆超貫穿連接，反而不知從何點取才好。況且，連續(xù)、肩并肩地顯現(xiàn)兩、三個文字式超貫穿連接，專門輕易被誤認為只是一個長度較長的超貫穿連接，因此被讀者忽視掉落，便也掉去了這些超貫穿連接的本來功能。假如您果真有那么多的超貫穿連接必須供給給讀者，不如將這些超

10、貫穿連接以條列的方法，一筆一筆清晰地列在一選單頁或目次頁上，既不防礙走文的順暢，又顯現(xiàn)一目了然的導覽貫穿連接。三.讓超貫穿連接的字串長短適中且走文天然抓住能傳達重要訊息的字眼當做超貫穿連接的錨點（anchor）,可有效地操縱住超貫穿連接的字串長度，幸免字串過長（如：整行、整句差不多上錨點字串）或過短（如：僅一個字當做錨點），而晦氣于讀者的掃瞄或點取。四.留意超貫穿連接色彩與純真論述文字的色彩顯現(xiàn)WWW的說話一HTML許可Webpage設計者專門標明純真論述文字與超貫穿連接的用色，以便豐富Webpage的色彩顯現(xiàn)。假如您的網(wǎng)站充斥常識性的信息，欲傳達給拜望者，建議您將網(wǎng)頁內(nèi)的文字與超貫穿連接用色

11、，設計成較乾凈素雅的色調(diào)，會較有利于掃瞄：純粹的論述文字采取較暗、較深的色彩來顯現(xiàn)（如：黑色、茶青色、暗褐色），超貫穿連接文字則以較光鮮搶眼的色彩來強調(diào)（如：亮黃色、翠綠色、鮮橘色），至于探訪過的超貫穿連接則采取較低于原超貫穿連接亮度的色彩做顯現(xiàn)。五.分析、說明您供給的bookmarks或coollinks經(jīng)?？吹綗崆榈腤ebpage設計者條列了精心收集的bookmarks或coollinks,以分享讀者小我漫游WWW的美好體會。但多半Webpage設計者就只供給一大年夜串links,并不分門別類，也不加以分析、說明什么緣故那個link好，值得舉薦？那個link的重要內(nèi)容為何杰出之處？又在哪？

12、供給您的bookmarks或coollinks是一大年夜善舉，但未加以分析、說明，卻變得功虧一簽。多花幾分鐘，將您供給的bookmarks或coollinks稍加分類、注解，可供給讀者清晰的概念與無窮的便利，也使您的站臺的導覽體系加倍周全完美。未加以說明、注解的coollinks,事實上一點也不cool。誠實說，任何人都能夠到Y(jié)ahoo隨便馬虎地找到上百上千的links。您若未對這些舉薦的links加以小我專門的評論、介紹，讀者又何勞偏獲得您的站臺去找索引呢？任何一個分類索引或搜尋引擎都絕比較您條列的links還要更完全齊備。六.在具前后連續(xù)次序的文件里供給須要的貫穿連接將篇幅過長的文件分隔成

13、數(shù)篇較小的Webpages大年夜大年夜地增長了界面的親和性，但在導覽按鈕與超貫穿連接的設備上，Webpage設計者則要更細心周全地安排，使得讀者不論身處您站臺的哪一階層，依舊能夠或許快速便利地通往其他任何一個頁面。Webpage設計者應專門留意：1 .供給上一頁、下一頁、回子目次頁與回想頁的導覽按鈕或超貫穿連接在一系列具前后連續(xù)次序的文件里，每篇Webpage都至少應供給上一頁、下一頁、回子目次頁與回想頁的導覽按鈕或超貫穿連接，可使讀者能夠或許急速得知本身地點的頁面，是屬于一份較大年夜文件內(nèi)的一小部分。（推敲、體諒一下某讀者不是從您的Home次序貫穿連接至此頁，而是依循其余站臺的某個link跳

14、躍貫穿連接至此）。同時能夠藉由這些links隨時參考貫穿連接上一頁、下一頁與本頁的連貫內(nèi)容；直截了當點取一回子目次頁查尋其他相干的標題；或直截了當跳躍至homepage,掃瞄其他不合項目標信息。2 .簡明扼要地標明此頁、上一頁與下一頁文件的標題或內(nèi)容梗概在一系列具前后連續(xù)次序的文件里，每篇Webpage都應加上一個具說明性的標題，使讀者一目了然，立時抓住這一頁的重點。而完美的導覽體系除了供給上一頁、下一頁的導覽按鈕或超貫穿連接外，更添加精簡達意的上一頁與下一頁標題、內(nèi)容提綱，使讀者即使尚未點取這些Webpages時，亦能先梗概地明白得本身將貫穿連接至什么樣的Webpageo3 .提示讀者某一系

15、列文件己到盡頭當讀者已達某一系列文件的最后一頁時，Webpage設計者應供給一小段公告提示讀者，同時不再供給下一頁的導覽按鈕或超貫穿連接。但基于Webpage介面設計的一致性，或許有些Webpage設計者并不欲望在同一系列的最后一篇Webpage里溢然少了一個先前每頁都有的下一頁導覽按鈕（專門是精心設計過的圖形化導覽按鈕）。為殺青此目標，可推敲將最后一頁的下一頁導覽按鈕色彩暗沉下來，且不付與超貫穿連接的功能，并供給一小段公告提示讀者，此系列文件己到盡頭，不再有下一頁的內(nèi)容。七.在較長的Webpage內(nèi)供給目次表與大年夜標題幻想的Webpage長度以不跨過3、4個熒幕頁面為佳。然則假如基于某些專

16、門來由，您的Webpage必定要做得專門長，那么不要忘了在此長篇的Webpage最上頭，供給一個目次表，Webpage的內(nèi)容也標上大年夜小標題，以利清晰掃瞄。專門重要的是，在這些標題與目次表的HTMLsource里分別設置錨點，與貫穿連接到錨點，以使您的Webpage真正發(fā)揚WWW的高互動性、高便利性功能。八.臨時不供給超貫穿連接到尚未完成的Webpage超貫穿連接或?qū)в[按鈕應當引導讀者到一篇真正有料的Webpage,而不是以掛羊頭賣狗肉的方法，事先將某一超貫穿連接描述得超等杰出、超等誘人，成果讀者愛好勃勃地貫穿連接往常，卻全然看不到任何杰出、誘人的內(nèi)容，獨一所見的，只是一張無聊的公告牌：施工

17、中。假如您急欲在收集上推出您的站臺、展現(xiàn)您Homepage,但仍有少數(shù)幾頁Webpage尚未完成，建議您先臨時別讓這些施工中的Webpage正式露面。（即先臨時別讓這些連往施工中的Webpage的超貫穿連接，擁有真正的超貫穿連接功能。）比及您幾乎落成之后（Webpage永久沒有真正落成之時，老是須要康續(xù)地修改、增加、翻新），再正式開放貫穿連接也不遲。假使您急欲告訴讀者，您立即供給一頁超等杰出、超等誘人的Webpage在此站臺，只是今朝仍在盡力趕工中，您大年夜可直截了當擺一段公告期近將是超貫穿連接的文字旁（但今朝仍不具超貫穿連接的功能），明白昭告世人，以減省讀者枉然點取、枉然往返的時刻；也免得讀

18、者滿懷欲望，卻又落得掉望而歸。九.測試所有的超貫穿連接與導覽按鈕的真實可行性Webpage上線之后，第一件該做的事，是測試每一頁的每一個超貫穿連接與每一個導覽按鈕其真實可行性。完全考查有沒有掉敗的link無法貫穿連接到該貫穿連接的Webpage,卻反而冒出“FileNotFound的缺點訊號出來。這是一個負義務、夠水準的Webpage設計者對本身的作品應有的全然品德要求。小我網(wǎng)站建站三步曲現(xiàn)在網(wǎng)上、網(wǎng)下網(wǎng)蟲們風行的口頭禪：“記住給我發(fā)個伊妹兒”“記住網(wǎng)上CALL我”“到我家看看”。從往常的搶信箱，到現(xiàn)在的搶主頁空間。跟著網(wǎng)易的“第一次”供給免費主頁空間，免費主頁如中國的網(wǎng)平易近一樣靈敏脹開。這可樂煞了我們這些網(wǎng)平易近了！擁有本身的網(wǎng)上之家，是每個網(wǎng)人的自豪。在那個地點我來介紹建站的三步曲。一、建站既然是建立小我網(wǎng)站，第一步因此是先擁有一個（.）小我網(wǎng)站啦!但照樣得先預備“家具”一一網(wǎng)頁。制造網(wǎng)頁的對象大年夜概分成二類。一類是即見即所得，如：netscapenavigatorgolden、frontpage98等，這類軟件應用較簡單，適與初學者。而另一類是文本編輯類，如hotdog、homesitet等，合適于專業(yè)設計者。對與我們來講，因此是Frontpage98了！Word一樣的簡略單純操作；支撐Mic