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