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