一、制做網(wǎng)頁(yè)
要建一個(gè)網(wǎng)站首先要有主題,就象寫(xiě)文章要有中心思想一樣,哦!沒(méi)有!想呀!還是想不出來(lái)!算了,就建一個(gè)自我簡(jiǎn)介吧,以后有了題材和素材再充實(shí)!要想好 你的網(wǎng)站包含哪幾個(gè)部分,比如:自我簡(jiǎn)介、我的像冊等等!
網(wǎng)站包括網(wǎng)頁(yè)、圖像、音頻、視頻等等,首先要建一個(gè)主頁(yè),就是進(jìn)入網(wǎng)站顯示的第一個(gè)網(wǎng)頁(yè),那么建網(wǎng)頁(yè)要用什么軟件呢?有老大哥MS Frontpage,還有當紅小生Dreamweave等,各有所長(cháng)!下面就以MS Frontpage 2002為例,因為它是MS Oiffice XP組件之一,大家電腦上應該都有,而且很容易上手!
打開(kāi)Frontpage,點(diǎn)“文件”/“新建網(wǎng)頁(yè)或站點(diǎn)”,右邊會(huì )出現一個(gè)“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格,選新建“空白站點(diǎn)”/“空白網(wǎng)頁(yè)”(也可以選“個(gè)人站點(diǎn)”我個(gè)人認為不太實(shí)用,還是自己建來(lái)得中意)系統會(huì )新建一個(gè)“my webs”文件夾,點(diǎn)左邊視圖欄里的“文件夾”會(huì )看到“my webs”文件夾里有兩個(gè)文件夾:_private和images,前面一個(gè)可能是儲存回饋信息的(我也不太清楚^_^),后面一個(gè)存放圖片,你還可以建存放其它元素的文件夾,或為每一個(gè)網(wǎng)頁(yè)建一個(gè)文件夾。然后點(diǎn)“新建空白網(wǎng)頁(yè)”命名為index.htm。(重要提示:網(wǎng)頁(yè)及其它圖片等的名稱(chēng)最好是字母或數字,因為有的服務(wù)器不支持中文,我就吃過(guò)這方面的虧,傳上去的網(wǎng)頁(yè)怎么也打不開(kāi),讓我納悶了好幾天,怎么 回事呢?最后看到幾個(gè)英文名的圖片能顯示才悟出這個(gè)道理。┻@就是主頁(yè)了!
打開(kāi)主頁(yè),就可以充分發(fā)揮你的個(gè)人想象力和創(chuàng )造力,做一個(gè)能展現自己的有個(gè)性和才華的網(wǎng)頁(yè)了!白色的背景太一般了,換掉!點(diǎn)“格式”/“背景”打開(kāi)背景屬性對話(huà)框,在背景圖片前的方框里點(diǎn)一下,點(diǎn)瀏覽選擇背景圖片,若沒(méi)有合適的背景圖片,改變一下背景顏色也很酷呀!在背景屬性對話(huà)框里“常規”選項卡里還能插入背景音樂(lè )哦! 然后點(diǎn)擊“表格”/“插入”/“表格”插入一個(gè)1行1列的表格(“對齊方式”選“居中”、“邊框粗細”選“0”、指定寬度760像素),(提示:不能太寬,有的電腦屏幕較小,寬了顯示不全,還要左右拖動(dòng)滾動(dòng)條,太影響效果了。┤缓缶涂梢暂斎胛淖,插入圖像、flash動(dòng)畫(huà)等了,還可以拆分合并表格等,就象使用word一樣簡(jiǎn)單!保存就OK了!
這只是普通網(wǎng)頁(yè),還有框架網(wǎng)頁(yè),框架網(wǎng)頁(yè)顯示的效果我舉個(gè)簡(jiǎn)單的例子大家就會(huì )明白:有的網(wǎng)頁(yè)分兩部分,上面一個(gè)導航欄,下面是主窗口,導航欄里有很多鏈接,每點(diǎn)一個(gè)鏈接在主窗口會(huì )顯示相應的內容,導航欄不變!明白了嗎?下面就簡(jiǎn)單介紹一下框架網(wǎng)頁(yè)的制作, 點(diǎn)擊“新建網(wǎng)頁(yè)或站點(diǎn)”任務(wù)窗格里的“網(wǎng)頁(yè)模板”,點(diǎn)“框架網(wǎng)頁(yè)”選項卡,選擇“標題、頁(yè)腳和目錄”,確定即可?蚣馨丫W(wǎng)頁(yè)分成幾部分:標題(top)、目錄(contents)、主窗口(main)和頁(yè)腳(bottom)等,這只是一個(gè)框架,這幾個(gè)區域分別顯示你指定的網(wǎng)頁(yè),若沒(méi)有也可以點(diǎn)“新建網(wǎng)頁(yè)”,直接在上面編輯, 如:在“標題”里輸入“歡迎您訪(fǎng)問(wèn)×××的網(wǎng)站”等;在“目錄”中分別輸入“自我簡(jiǎn)介”和“我的像冊”;在“主窗口”中寫(xiě)一些本站的介紹等內容;然后在頁(yè)腳處輸入友情鏈解或其它內容。好了,別忘了保存!保存時(shí)會(huì )分別生成普通網(wǎng)頁(yè),命名為top.htm、contents.htm、main.htm和bottom.htm,這個(gè)框架網(wǎng)頁(yè)命名為index.htm!以后分別編輯各網(wǎng)頁(yè)就成了!再建兩個(gè)普通網(wǎng)頁(yè)用以編輯自我簡(jiǎn)介(me.htm)和我的像冊(my_photos.htm)!
打開(kāi)me.htm,按剛才的方法插入表格,輸入你的自我簡(jiǎn)介,再打開(kāi)my_photos.htm,也要先插入一個(gè)5行5列(根據你圖片的多少)的表格,在每個(gè)單元格內點(diǎn)“插入”/“圖片”/“來(lái)自文件”插入你的照片(最好先復制到你再“my webs”文件夾下指定的文件夾如:images里,插入時(shí)從這個(gè)文件夾里找),然后右鍵點(diǎn)擊插入的照片選“自動(dòng)縮略圖”,是不是變小了?別擔心,這實(shí)際上是Frontpage為你自動(dòng)創(chuàng )建的超鏈接,用瀏覽器瀏覽時(shí),點(diǎn)小圖片會(huì )自動(dòng)調出大圖片!依次插入你所有要插入的照片。ㄌ崾荆河覔粜D片選“超鏈接屬性”在“屏幕提示”里輸入你的圖片介紹,當鼠標指在小圖片上時(shí)會(huì )顯示。
到此為止你的網(wǎng)站已初具雛形!只是還需要修飾修飾,有人會(huì )想,要是在我的top.htm里要有一個(gè)站標就好了!嗯,不錯,這“舉一反三”的發(fā)散思維真是難得!站標最好做成動(dòng)畫(huà),這樣既醒目又能給人留下美好的印象!Flash動(dòng)畫(huà)好看但不好學(xué),如果你不會(huì )就請人幫做一個(gè),放在你“my webs”文件夾下,例如文件名為zb.swf光標置于top.htm里你要插入的地方,依次點(diǎn)“插入”/“web組件”,在“組件類(lèi)型”里選“高級控件”,在“選擇一個(gè)控件”里選“ActiveX控件”,點(diǎn)擊“下一步”在“選擇一個(gè)控件”里選“Shockwave Flash Object”,點(diǎn)“完成”,雙擊你插入的控件,打開(kāi)屬性對話(huà)框,在影片URL里輸入zb.swf,拖動(dòng)控件周?chē)艂(gè)小方框,調整至大小合適,任務(wù)完成!如果沒(méi)有Flash怎么辦呢?就放一個(gè)gif動(dòng)畫(huà)也不錯,gif動(dòng)畫(huà)很好做,萬(wàn)山會(huì )另外介紹制作gif動(dòng)畫(huà)的軟件Ulead GIF Animator 5! 那怎么讓文字也滾動(dòng)呢?那就要執行“插入”/“web組件”,在“組件類(lèi)型”里選“動(dòng)態(tài)效果”,在“選擇一個(gè)控件”里選“字幕”,點(diǎn)“完成”在字幕屬性的“文字”對話(huà)框內輸入想要顯示的文字,調整“方向”“速度”和“表現方式”等,直到滿(mǎn)意為止!