⑴ 如何製作網頁
一、整理規劃。
網站建設的開始就應該有一個整體的戰略目標,即確定站點的目標。
首先要有一個總的目標,這個網站到底是要做什麼。有的要顯示自己的設計水平,這就要求頁面美觀;有的是為了求職而設計的求職網站,這就要求提供足夠的信息讓別人了解你的工作能力;有的是要為用戶服務,這就要求網站有較強的互動性,而本站建設之初的主要目的就是為了本人更好的學習網路知識,只是興趣而已,本站站名「網頁教學網」讓人一看就知道是有關介紹網頁知識的站點。而申請域名也是相當重要的,webjx,大家都知道web譯為網、網頁、網路等,j是jiao的第一個字母,x是xue的第一個字母,其實本站是枝褲webjiaoxue的字母的縮寫!當然大家申請注冊域名時可以申請自己名字的拼音等!在這里不作過多介紹。
確定好目標之後,還要決定網站的目標觀眾。其中包括以下幾種情況:
1.目標觀眾的訪問速度。很多在線教育網站採用不同的軟體製作在線課件,但是視頻無論如何在現在是不適合目前中國瀏覽者的網路帶寬,不過提高我們的網路帶寬也是一種發展的趨勢。
2.目標觀眾的計算機配置和瀏覽器版本。
我們在設計網頁時,其實已經不必要考慮計算機配置了。需要注意的是在設計中要在不同的瀏覽器中瀏覽自己的網頁,看看有沒有發生變化。
3.插件問題。對於有些軟體,比如Flash的插件,現在大部分瀏覽器都安裝有這種插件了,如果網頁上播放視頻,那麼就要考慮瀏覽器是否需要安裝相應的插件,在這時最好在網站中說明並提供插件和播放器的下載。現在好多電影站都做的比較好,它們都提供播放器和插件的下載!
二、新建站點
規劃好站點之後,就可以用專門的網頁開發軟體創建站點了。
在創建站點之前,我們應該首先在我們的磁碟上創建一個文件夾,用於存放站點內的所有資源,當然如果你的站點資源比較豐富這是可以建立子文件夾存放站點內相應殲皮的資源。例如:站點文件夾為myweb,子文件夾images用於存放站點內用到的圖片,upfiles用於存放上傳的文件,admin用於存放站點後台程序等等。創建站點在Dreamweaver軟體中操作比較簡單,本站也已經提供了相應的視頻教程,如果您不熟悉可以去查看下。
剛建立起的站點是空的文件夾,用戶首先要設計站點結構。製作專業網站之前要有一個詳細的計劃,這樣雖然會花費一些人力和物力,但總比出現了問題之後再修改要好得多。
在網站規劃中一個很重要的問題就是確定站點結構。設計站點結構,就得確定站點子欄目;設計站點結構,就得確定圖片、多媒體文件的存放位置;設計站點結構,就得導航條。專業網站中,必須要有導航條。
三、收集資源
確定好站點目標和結構之後,接下來要做的就是收集有關網站的資源,其中包括以下資源:
1.文字資料:文字是網站的主題。無論是什麼類型的網站,都要離不開敘述性的文字。離開了文字即使圖片再華麗,瀏覽者也不知所雲。所以要製作一個成功的網站,必須要提供足夠的文字資料。
2.圖片資料:網站的一個重要要求就是圖文並茂。如果單單有文字,瀏覽者看了不免覺得枯燥無味。文字的解說再加上一些相關的圖片,讓瀏覽者能夠了解更多的信息,更能增加瀏覽者的印象。
3.動畫資料:在網頁上插入動畫可以增添頁面的動感效果。現在Flash動畫在網頁上應用的相當多,所以建議大家應該學會Flash製作動畫的一些知識。
4.其它資料:例如網站上的應用軟體,音樂網站上的音樂文件等等。
四、布局頁面
設計站點結構和收集了足夠的資源之後,就可以開始布局頁面了。在Dreamweaver中,可以通過以下手段進行排版:
1.利用表格進行排版:表格主要有三個元素-表格、行和列及單元猛改簡格,而且表格還可以嵌套,不過在這里建議大家不要把所有的網頁都放在一個大表格中,並且嵌套最好不要超過3層,因為如果你那樣做了,瀏覽器解析的時間會增加了,那麼當瀏覽者訪問時速度就慢了。
2.利用層排版:層很適合形式自由的排版,現在WEB標准建議排版時拋棄表格,不過如果初學者學習利用層排版時還要學習其它好多相關知識,其中最重要的是CSS和Javascript,使用CSS來輔助層可以對網頁實現排版,可以解決表格給我們帶來的煩惱。如果你對WEB標准感興趣,那麼你就該好好的學習CSS了!
3.利用布局視圖進行排版:在DreamweaverMX2004中有專門的布局視圖,我們初學網頁設計時可以使用它進行排版。
4.利用框架進行排版:它是一種用瀏覽器窗口,顯示多個網頁的形式,前幾天記得有人在論壇中求,網頁格式的課件,網頁格式的課件大部分是用框架做出來的。
五、編輯文檔與超級連接
經過上面的幾個步驟之後,一切准備工作都已經就緒,現在可以象裝箱一樣把收集到的資料及製作的組件放到頁面布局中為它們指定的位置上了。
插入到網頁布局之後,文字都是同一種字型大小,同一種風格,同一種顏色;圖片有大有小。所以這時就要對各種元素進行編輯了,例如,改變文本字體、字型大小、顏色、大小等,對圖片進行大小,表格的調整,按鈕行為的調整等等!
連接是網頁的靈魂。瀏覽者在瀏覽網頁時,單擊網頁設置的超級連接可以跳轉到相關頁面,所以一個好的網頁是離不開連接的。
六、發布站點
站點的發布
網站發布就是把網站上傳到網際網路上,以提供瀏覽者瀏覽。上傳之前必須檢查你的域名和主頁空間的申請情況,以及網頁和站點的連接情況等。建議大家最好安裝IIS,本站內都提供了iis5.01、iis6.0、iis5.0的安裝程序。
上傳軟體一般都使用用FTP,上傳到伺服器中申請的域名下(具體要看看你申請空間時,人家給你的開通信啊!),上傳軟體一般有CuteFTP、LeadFTP等
站點的維護
站點發布之後還要經常對站點進行維護。站點維護是指不斷優化網站功能和更新網頁內容。維護網站的目的是使網站的結構規劃合理、內容與形式統一、主題鮮明,經常更新網頁內容,讓網站與時俱進。