第一篇:網(wǎng)頁(yè)制作的個(gè)人小結(jié)
個(gè)人的小結(jié)
網(wǎng)頁(yè)制作的心得體會(huì)----網(wǎng)頁(yè)制作論文摘要 通過(guò)這次個(gè)人網(wǎng)頁(yè)的制作,我對(duì)計(jì)算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解,對(duì)網(wǎng)頁(yè)制作的 基礎(chǔ)知識(shí)也有了一定的掌握。通過(guò)把自己的網(wǎng)頁(yè)上傳到互聯(lián)網(wǎng)上,對(duì)文件的保存、上傳、下載以及修改等知識(shí)有了更牢靠的掌握。通過(guò)自己的努力完成了自己上傳到 網(wǎng)上的第一個(gè)作品,那種成就感是無(wú)法用語(yǔ)言形容的。所以我覺(jué)得這次制作網(wǎng)頁(yè)我已經(jīng)達(dá)到了自己的目的,而不是單單為了完成作業(yè)而已。這是一個(gè)完全關(guān)于自己的 個(gè)人網(wǎng)頁(yè),既然是介紹自己,就應(yīng)該讓觀者在瀏覽了之后了解自己其人,我覺(jué)得這點(diǎn)我已經(jīng)基本上做到了。
關(guān)鍵字 頁(yè)面設(shè)計(jì) ASP和數(shù)據(jù)庫(kù)
1.一般來(lái)說(shuō),個(gè)人主頁(yè)的選材要小而精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn),把所有您認(rèn)為精彩的東西都放在上面,那么往往會(huì)事與愿違,給人的感覺(jué)是沒(méi)有主 題,沒(méi)有特色,樣樣有卻樣樣都很膚淺,因?yàn)槟豢赡苡心敲炊嗟木θゾS護(hù)它。注意:網(wǎng)頁(yè)的最大特點(diǎn)就是更新快。目前最受歡迎的個(gè)人主頁(yè)都是天天更新甚至幾 小時(shí)更新一次。
2.題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容。比如:您對(duì)詩(shī)歌感興趣,可以放置自己的詩(shī)詞;對(duì)足球感興趣,可以報(bào)道最新的球場(chǎng)戰(zhàn)況等等。這樣在制作時(shí),才不會(huì)覺(jué)得無(wú)聊或者力不從心。
3.不要太濫或者目標(biāo)太高?!疤珵E”是指到處可見(jiàn),人人都有的題材;“目標(biāo)太高”是指在這一題材上已經(jīng)有非常優(yōu)秀,知名度很高的站點(diǎn),你要超過(guò)它是很困難的。
選 定了一個(gè)好的題材,是不是可以立刻動(dòng)手制作了?不,經(jīng)驗(yàn)告訴我們,必須要先規(guī)劃框架。這是很重要的一步!每個(gè)網(wǎng)站都是一項(xiàng)龐大的工程。好比造高樓,沒(méi)有設(shè) 計(jì)圖紙,規(guī)劃好結(jié)構(gòu),盲目的建造,結(jié)果往往是倒塌;也好比寫(xiě)文章,構(gòu)思好提綱,才不至于邏輯混亂,虎頭蛇尾。全面仔細(xì)規(guī)劃架構(gòu)好自己網(wǎng)站,不要急于求成。
規(guī)劃一個(gè)網(wǎng)站,可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái),尤其當(dāng)你要制作一個(gè)很大的網(wǎng)站(有很多頁(yè)面)的時(shí)候,特別需要把這個(gè)架構(gòu)規(guī)劃好,也要考慮到以後可能的擴(kuò)充性,免得做好以後又要一改再改整個(gè)網(wǎng)站的架構(gòu),十分累人,也十分費(fèi)錢(qián)。
大綱列出來(lái)后,你還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形,樹(shù)形,或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會(huì)造成瀏覽困難,影響內(nèi)容的發(fā)揮。
為了提高瀏覽效率,方便資料的尋找,本站的框架基本采用“蒲公英”式,即所有的主要鏈接都在首頁(yè)上,鏈接的層次不多,深度淺。
框架定下來(lái)了,然后開(kāi)始一步一步有條理,有次序地做來(lái),就胸有成竹得多,也為你的主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。
下一步,你可以動(dòng)手制作具體內(nèi)容了,我將告訴你一些收集資料的竅門(mén)。
題材選定,框架選定,接下來(lái)就開(kāi)始往主頁(yè)里面填內(nèi)容。我們稱(chēng)作資料收集
就個(gè)人主頁(yè)而言,很少有人有能力完全靠自己來(lái)創(chuàng)作所有的內(nèi)容。(一些高手能夠提供自己編的軟件,文章或則音樂(lè),是我非常佩服的!)
大部分人的方法是:從報(bào)紙,雜志,光盤(pán)等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。
另外一個(gè)好的方法是從網(wǎng)絡(luò)上收集,您只要到雅虎,搜狐等搜索引擎上查找相應(yīng)的關(guān)鍵字,就可以找到一大堆的資料。
如果您是英語(yǔ)高手,您可以到國(guó)外站點(diǎn)上把最新的信息,資料翻譯成中文,提供給大家,這叫“洋為中用”。
網(wǎng)絡(luò)上的資料呈爆炸性的增長(zhǎng),只要注意收集某一非常細(xì)小的題材,隨時(shí)供大家方便的查找,您的主頁(yè)就已經(jīng)有做不完的活了。
到這里我們已經(jīng)完成了制作主頁(yè)的準(zhǔn)備工作。下面開(kāi)始正式制作主頁(yè)。
先來(lái)介紹一下我這個(gè)網(wǎng)頁(yè)吧。我的網(wǎng)頁(yè)主要由三大部分組成:主頁(yè)、各子網(wǎng)頁(yè)以及各互聯(lián)網(wǎng)鏈接。
首 先是主頁(yè),采用的是index格式,是第一個(gè)顯示的頁(yè)面,其實(shí)原來(lái)第一個(gè)顯示的頁(yè)面是一個(gè)封面,但在網(wǎng)上用了一段時(shí)間之后我覺(jué)得有封面比較麻煩,花哨但不 實(shí)用,顯得有些多余,所以我就把它給去掉了,直接顯示主頁(yè)會(huì)讓別人有一種開(kāi)門(mén)見(jiàn)山的感覺(jué)。主頁(yè)是我花費(fèi)精力和時(shí)間最多的一個(gè)頁(yè)面,尤其是在它的視覺(jué)設(shè)計(jì)上 包括結(jié)構(gòu),字體,背景以及色彩方面都花了很多工夫。頁(yè)面包括自己的一幅小照片以及個(gè)人的簡(jiǎn)要介紹,以便讓觀者對(duì)自己有一個(gè)初步的了解。網(wǎng)頁(yè)最上面是用藝術(shù) 字編輯的文字,旁邊的welcome是插入的GIF動(dòng)畫(huà),左上角顯示日期,右上角顯示你在網(wǎng)頁(yè)呆的時(shí)間,下面是一排子目錄,包括一些鏈接和子頁(yè)面,點(diǎn)開(kāi)就 可以看到關(guān)于我的詳細(xì)信息。下面是一個(gè)搜索引擎,采用的是百度是原代碼。再下來(lái)是我的近況,也采用了特效。右邊有一個(gè)滾動(dòng)字幕,是一首詩(shī),采用了特效,下 面是一些常用大型網(wǎng)站的鏈接。最下面是關(guān)于***的說(shuō)明,主頁(yè)基本上就是這些了,還有要說(shuō)的就是“給我留言”是到網(wǎng)上去申請(qǐng)的免費(fèi)留言板,然后鏈接上去。
子網(wǎng)頁(yè)中,“Spear相冊(cè)”里面全是照片,大部分照片是用數(shù)碼相機(jī)照的,有兩三張是掃描上去的;“家鄉(xiāng)風(fēng)情”里則是圖片與文字并存,這兩個(gè)頁(yè)面也是我精心設(shè)計(jì)制作 的。其他的頁(yè)面就大部分以文字為主對(duì)自己進(jìn)行詳細(xì)的介紹,背景圖片是我都是我精心挑選的,多數(shù)頁(yè)面都插上了MIDI音樂(lè)作為背景,有個(gè)別頁(yè)面還使用了特 效。
接下來(lái)再介紹介紹網(wǎng)頁(yè)的功能吧。本網(wǎng)頁(yè)可以說(shuō)具備了多項(xiàng)功能:各頁(yè)面可以讓你對(duì)我有一個(gè)比較詳細(xì)的了解;強(qiáng)大的搜索功能令你在網(wǎng)絡(luò)世界中暢 通無(wú)阻,網(wǎng)站、mp3、flash、信息快遞應(yīng)有盡有;各大型網(wǎng)站的鏈接讓你輕松登陸以便看消息、發(fā)郵件;想聽(tīng)歌嗎?“我的音樂(lè)”將讓你聽(tīng)歌變得如此方 便;超級(jí)留言板可以讓你暢所欲言……
總結(jié) 通過(guò)這次制作網(wǎng)頁(yè),我學(xué)到了不少東西,而且學(xué)到了不少思考問(wèn)題的方法。計(jì)算機(jī)會(huì)在以后的學(xué)習(xí)生活中充當(dāng)越來(lái)越重要的角色,相信我也會(huì)學(xué)習(xí)到更多關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)。這次制作網(wǎng)頁(yè)收獲確實(shí)不?。?!
第二篇:個(gè)人網(wǎng)頁(yè)制作小結(jié)
個(gè)人網(wǎng)頁(yè)制作小結(jié)
1、最好做別人沒(méi)有做過(guò)(這已經(jīng)不太可能了,只能說(shuō)是別人做得少的。),但是卻有潛在市場(chǎng)的內(nèi)容。
2、網(wǎng)站訪問(wèn)速度要快,網(wǎng)頁(yè)顯示速度要快。最好不要做彈窗廣告(事實(shí)證明,彈窗廣告的月收入對(duì)于個(gè)人網(wǎng)站站長(zhǎng)來(lái)說(shuō)幾乎沒(méi)有意義。(別和我說(shuō)網(wǎng)易的彈窗,那只是網(wǎng)站聯(lián)盟建立之初為了吸引客戶(hù)而采取的權(quán)宜之計(jì)。)),因?yàn)閺棿皬V告除了惹人反感以外沒(méi)有任何經(jīng)濟(jì)價(jià)值。
3、內(nèi)容要盡量精,同時(shí)數(shù)量也不能太少,否則的話(huà)不能吸引回頭客。最好可以做到每個(gè)星期更新1~2次,假如
可以做到每天更新那當(dāng)然是再好不過(guò)。
4、一定要有一個(gè)可以讓訪客與站長(zhǎng)直接交流的平臺(tái),有條件的可以在網(wǎng)站上建立一個(gè)論壇,或者在其他網(wǎng)站申請(qǐng)一個(gè)論壇。沒(méi)有條件的,也最好有一個(gè)留言本。另外可以考慮建立一個(gè)網(wǎng)站的qq群。
5、關(guān)于廣告問(wèn)題,我覺(jué)得對(duì)訪問(wèn)量小的個(gè)人網(wǎng)站來(lái)說(shuō)同一頁(yè)面上的廣告不宜放置過(guò)多。一個(gè)頁(yè)面的大幅廣告超過(guò)2個(gè),就容易引起用戶(hù)反感了。尤其是一些粗制濫造,沒(méi)有任何美感的廣告更是如此。這對(duì)于網(wǎng)站的發(fā)展是極其不利的。最好以文字新聞廣告為主,少用圖片及flash廣告。同時(shí)廣告頁(yè)最好與網(wǎng)頁(yè)背景可以融為一體,讓訪問(wèn)者不至于有突兀之感。
6、內(nèi)容重復(fù)性,雖然在當(dāng)前的形式下,內(nèi)容完全原創(chuàng),沒(méi)有任何與其他網(wǎng)站重復(fù)的可能性已經(jīng)幾乎不存在了。但是無(wú)論如何也要有自己的內(nèi)容,這點(diǎn)是非常重要的,即使自己的內(nèi)容很少,且只是對(duì)別人的內(nèi)容進(jìn)行了修改加工,那也算是你自己的內(nèi)容。這點(diǎn)是非常重要的,希望大家注意。
7、異地鏈接,由于個(gè)人網(wǎng)站多數(shù)是采用的虛擬主機(jī)(亦即空間租用)方式實(shí)現(xiàn),一般不會(huì)有非常大的ftp空間,充足的帶寬及非常高速的訪問(wèn)速度。因此勢(shì)必造成許多音樂(lè),flash,圖片等等內(nèi)容都是異地鏈接。這時(shí)候就需要特別注意,許多網(wǎng)站都有自己的防盜鏈措施(不允許異地鏈接,經(jīng)常更換鏈接地址等)。假如因?yàn)樽约旱氖韬鲈斐闪俗约壕W(wǎng)站上的異地鏈接失效,而自己又不知道,就會(huì)造成客戶(hù)的大量流失。所以在制作異地鏈接時(shí)一定要慎之又慎,不要為了貪圖方便因小失大。
8、html,圖片加工及完善,現(xiàn)在很多個(gè)人網(wǎng)站都喜歡在自己的meta標(biāo)記中加上許多的所謂熱門(mén)關(guān)鍵字,甚至采用假如與網(wǎng)頁(yè)背景色相同的文字,妄圖欺騙搜索引擎。事實(shí)證明,這種做法現(xiàn)在早已失效,新的蛛網(wǎng)協(xié)議已不再相信
這類(lèi)作弊行為。再這么做只會(huì)弄巧成拙。所以與其把自己的網(wǎng)頁(yè)弄得龐大無(wú)比,不如精煉html語(yǔ)言,盡量縮小html文件與圖片文件大小,這種優(yōu)化的效果在流量增大的情況下會(huì)非常明顯。(具體的如何加快網(wǎng)頁(yè)顯示速度等問(wèn)題請(qǐng)參考相關(guān)網(wǎng)頁(yè)制作教程。)
9、不要以為你的訪問(wèn)者全是1024x768的分辨率,個(gè)個(gè)都開(kāi)著音箱,頭戴耳機(jī)在電腦前看你的網(wǎng)站。事實(shí)證明,依然有不少訪問(wèn)者使用的是800x600的分辨率,看網(wǎng)頁(yè)時(shí)候聽(tīng)不到,或者不希望聽(tīng)到你網(wǎng)站上的背景音樂(lè)。所以不要做吃力不討好的事。
10、不要加入過(guò)多與網(wǎng)頁(yè)內(nèi)容無(wú)關(guān)的頁(yè)面對(duì)象。事實(shí)證明,除非是某些特定類(lèi)型的網(wǎng)站,否則的話(huà),一般的個(gè)人網(wǎng)站訪問(wèn)者,不會(huì)對(duì)你網(wǎng)頁(yè)上的大量(超過(guò)10個(gè))友情鏈接,xx鏈的內(nèi)容發(fā)生興趣。所以設(shè)置友情鏈接以不影響頁(yè)面整體美觀度為宜。
11、不少個(gè)人網(wǎng)站的站長(zhǎng)出于種種
考慮,喜歡把給自己的網(wǎng)頁(yè)設(shè)置成不允許鼠標(biāo)右擊,甚至加密html。但是這種設(shè)置其實(shí)對(duì)網(wǎng)站根本沒(méi)有任何好處,同時(shí)還會(huì)遭致用戶(hù)反感。所以這種做法我覺(jué)得是千萬(wàn)要不得的。
第三篇:網(wǎng)頁(yè)制作小結(jié)
網(wǎng)頁(yè)制作心得體會(huì)
姓名:朱傳雷
學(xué)號(hào):1009421019
課程名稱(chēng):網(wǎng)頁(yè)制作
專(zhuān)業(yè):10化學(xué)非師范
網(wǎng)頁(yè)制作的心得體會(huì)
隨著時(shí)代的發(fā)展,網(wǎng)絡(luò)技術(shù)的利用已經(jīng)白熱化?,F(xiàn)在我網(wǎng)絡(luò)的覆蓋面積,幾乎達(dá)到世界的各個(gè)角落。古人云:“讀萬(wàn)卷書(shū),行萬(wàn)里路?!爆F(xiàn)在只要有了網(wǎng)路,你就有可能知道世界各國(guó)和整個(gè)社會(huì)發(fā)生的有趣的、沒(méi)趣的,好玩的、不好玩的,搞笑的、、、、、總之,網(wǎng)絡(luò)的時(shí)代,信息傳輸速度之快,因此被廣大的人們所喜愛(ài)?,F(xiàn)在的人們就是抓住了人們對(duì)網(wǎng)絡(luò)的喜愛(ài)以及網(wǎng)絡(luò)的傳播的快速,網(wǎng)絡(luò)宣傳這一行業(yè)由此而生。網(wǎng)絡(luò)的宣傳,就是運(yùn)用計(jì)算機(jī)技術(shù),將自己的信息傳送到網(wǎng)上,供大家貢獻(xiàn)。
在學(xué)習(xí)之前,我對(duì)網(wǎng)絡(luò)制作僅僅是上述的理解。我曾經(jīng)幻想有一天,我能把自己的網(wǎng)頁(yè)制作出來(lái)那該多好啊,那將是一件令我多么激動(dòng)的事?,F(xiàn)在我的幻想不再是幻想,他將成為事實(shí)。我選修網(wǎng)頁(yè)制作的選修課,我抱著濃厚的興趣來(lái)到課堂上。剛開(kāi)始的學(xué)習(xí),老師給我們講解有關(guān)網(wǎng)頁(yè)制作的的網(wǎng)頁(yè)的相關(guān)信息,比如網(wǎng)頁(yè)分為:靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè),網(wǎng)頁(yè)擴(kuò)展名.html等。還有制作網(wǎng)頁(yè)的的軟件——俗稱(chēng):“三劍客”其包括Flash、Fireworks、Dreamweaver?!?/p>
想要制作出好的網(wǎng)頁(yè),你必須先熟悉“三劍客”。他們是基礎(chǔ),他們分別是用來(lái)圖片的處理,和網(wǎng)頁(yè)的排版等。熟悉的掌握有助于你在學(xué)習(xí)中的到事半功德效果。說(shuō)起這flash,身為一名大三的學(xué)生,雖然之前對(duì)其也是有一定的了解,但感覺(jué)好事有點(diǎn)吃力。我非常那些擁有計(jì)算機(jī)知識(shí)的人,他們只要經(jīng)過(guò)的簡(jiǎn)單的操作,就可以制作出,他們想要的東西。我感覺(jué)知識(shí)一種自我實(shí)現(xiàn)的一種滿(mǎn)足和一種成功的滿(mǎn)足。老師在講臺(tái)上,嫻熟的操作著為我們展示,一朵像風(fēng)車(chē)般的花的制作過(guò)程。在我們的操作過(guò)程中,我們常常感到納悶,為什么按照老師步驟卻得不到老師的效果呢,總結(jié)道一點(diǎn):在我們操作過(guò)程中,我們忽略了,其中的一點(diǎn)細(xì)節(jié)。這叫“失之毫厘,謬以千里?!庇?jì)算機(jī),它只是一個(gè)機(jī)器,他的工作僅僅是很據(jù)他的程序來(lái)的。只要一點(diǎn)的差距,他就會(huì)得到不同的結(jié)果。因?yàn)樗皇侨?,是一個(gè)為人們服務(wù)的工具。
Fireworks的功能類(lèi)似由于Photoshop,是圖片處理軟件,可以修改圖片的背景與圖片的內(nèi)容,其中還有一些動(dòng)畫(huà)功能,其操作對(duì)于flash較難。
Dreamweaver用于網(wǎng)頁(yè)的制作的基礎(chǔ),其主要用于將一些圖片、動(dòng)畫(huà)、文檔,添加到上面的,上傳到網(wǎng)絡(luò)上就是網(wǎng)頁(yè)了不知不覺(jué),二個(gè)星期的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程的實(shí)操即將過(guò)去,回顧這一段日子,真的令我體會(huì)很深,也學(xué)會(huì)很多東西,懂得很多以前不懂的東西,也明白了一些事情.自從第一天接觸《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程,我以下定決心要把網(wǎng)頁(yè)這門(mén)課學(xué)好,做出一個(gè)優(yōu)秀的網(wǎng)站.所以我時(shí)刻沒(méi)有錯(cuò)過(guò)任何學(xué)習(xí)的機(jī)會(huì),無(wú)論在課堂上,還是在課外上.更何況這一次實(shí)操.回顧今次的實(shí)操我覺(jué)得我過(guò)得很充實(shí),很有意義,因?yàn)槲铱梢哉\(chéng)實(shí)的說(shuō)我在實(shí)操?zèng)]有玩過(guò)一次游戲,我每時(shí)每刻都在設(shè)計(jì)網(wǎng)站,還記得晚上做網(wǎng)站做到一、二點(diǎn),可能有人會(huì)說(shuō)我傻,但正因?yàn)檫@個(gè)傻的行動(dòng),令我學(xué)會(huì)很多東西,學(xué)會(huì)別人不懂的東西,做出一個(gè)令自己滿(mǎn)意的網(wǎng)站,可能跟別人比還需要繼續(xù)完善,但我不會(huì)因?yàn)閷?shí)操結(jié)束,就把網(wǎng)頁(yè)設(shè)計(jì)拋到九霄云外,我會(huì)繼續(xù)學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù),把它變?yōu)樽约旱囊豁?xiàng)特長(zhǎng)。在學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)的同時(shí),我更加深入的了解了關(guān)于計(jì)算機(jī)和網(wǎng)絡(luò)的知識(shí)?;诖笠粚?duì)計(jì)算機(jī)基礎(chǔ)與C語(yǔ)言的基本掌
握,自學(xué)網(wǎng)絡(luò)設(shè)計(jì)的基礎(chǔ)部分便顯得較為輕松。雖然如此,在設(shè)計(jì)過(guò)程中依然出現(xiàn)了很多的問(wèn)題,但通過(guò)看書(shū),上網(wǎng)查詢(xún),等方式,不斷的學(xué)習(xí)、解決、提高,設(shè)計(jì)出的網(wǎng)頁(yè)不論是外觀還是內(nèi)容,都在不斷的進(jìn)步、改善。可以說(shuō)在自己動(dòng)手,不斷實(shí)踐的過(guò)程中,網(wǎng)頁(yè)設(shè)計(jì)水平得到了很大的提高。
通過(guò)對(duì)網(wǎng)頁(yè)設(shè)計(jì)書(shū)籍的翻閱,我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁(yè)的知識(shí),在實(shí)踐查閱資料時(shí),對(duì)flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡(luò)技術(shù)。通過(guò)學(xué)習(xí),我對(duì)計(jì)算機(jī)有了更深層次得到了解,也有了更濃厚的興趣。尤其是對(duì)網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解,對(duì)網(wǎng)頁(yè)制作的基礎(chǔ)知識(shí)也有了一定的掌握。在這個(gè)過(guò)程中,我同樣認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)不是一門(mén)學(xué)科的獨(dú)秀,而是多種課程的綜合,他是、Flash、Fireworks等網(wǎng)頁(yè)軟件的綜合應(yīng)用。
下面闡述一下我在翻閱《Dreamweaver》時(shí)的一些關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的見(jiàn)解。在具體的制作一個(gè)網(wǎng)頁(yè)時(shí)我了解到一個(gè)優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)應(yīng)該具備一些基本原則。
首先,要·確定網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題。整個(gè)網(wǎng)站圍繞這個(gè)主題,也就是你在網(wǎng)頁(yè)設(shè)計(jì)之前要明確你這個(gè)網(wǎng)站有什么目的,用來(lái)做什么,所有頁(yè)面都是圍繞著這個(gè)內(nèi)容來(lái)制作,有了明確的內(nèi)容對(duì)排名有很重要的作用;其次,要了解你網(wǎng)站所在行業(yè)的客戶(hù),及你的網(wǎng)頁(yè)屬于哪個(gè)類(lèi)別。用戶(hù)是一個(gè)網(wǎng)站成敗的關(guān)鍵,如果用戶(hù)要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶(hù)會(huì)立即關(guān)掉你網(wǎng)站,或者你網(wǎng)站操作很不方便用戶(hù)也會(huì)馬上離開(kāi),這種網(wǎng)站是很失敗的設(shè)計(jì),只會(huì)讓用戶(hù)失望的離去.在完成以上的基本內(nèi)容之后網(wǎng)頁(yè)的基本框架便成形成了。下面要開(kāi)始的便是優(yōu)化工作,內(nèi)容是整個(gè)網(wǎng)頁(yè)的核心。在網(wǎng)頁(yè)設(shè)計(jì)之前必須明確網(wǎng)頁(yè)的內(nèi)容安排。優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個(gè)網(wǎng)頁(yè)時(shí),可以用樹(shù)狀結(jié)構(gòu)先把每個(gè)頁(yè)面的內(nèi)容大綱列出來(lái),尤其要制作一個(gè)大的網(wǎng)站(有很多頁(yè)面)的時(shí)候,特別需要把這個(gè)架構(gòu)規(guī)劃好,也要考慮到以后可能的擴(kuò)充性,免得做好以后又要一改再改整個(gè)網(wǎng)站的架構(gòu),很浪費(fèi)時(shí)間和財(cái)力。大綱列出來(lái)后,還必須考慮每個(gè)頁(yè)面之間的鏈接關(guān)系。是星形,樹(shù)形,或是網(wǎng)形鏈接。這也是判別一個(gè)網(wǎng)站優(yōu)劣的重要標(biāo)志。鏈接混亂,層次不清的站點(diǎn)會(huì)造成瀏覽困難,影響內(nèi)容的發(fā)揮。框架定下來(lái)了,然后開(kāi)始一步一步有條理,有次序地做來(lái),就胸有成竹得多,也會(huì)為主頁(yè)將來(lái)發(fā)展打下良好的基礎(chǔ)。下一步,就以動(dòng)手制作具體內(nèi)容了,題材選定,框架選定,接下來(lái)就開(kāi)始往主頁(yè)里面填內(nèi)容。
如果是個(gè)人主頁(yè),有能力的人完全可以靠自己來(lái)創(chuàng)作所有的內(nèi)容。大部分人的方法是:從報(bào)紙,雜志,光盤(pán)等媒體中把相關(guān)的資料收集整理,再加上一定的編輯后就可以了。另
外一個(gè)好的方法是從網(wǎng)絡(luò)上收集,您只要到搜索引擎上查找相應(yīng)的關(guān)鍵字,就可以找到一大堆的資料。在準(zhǔn)備材料的時(shí)候我們可以用一些小的動(dòng)畫(huà)和動(dòng)態(tài)圖片,F(xiàn)lash 提供了功能齊全的繪圖和編輯圖形工具??梢灾苯釉诰庉媴^(qū)里繪畫(huà),編輯修改非常靈活,它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫(huà)播放時(shí),可以用鼠標(biāo)或鍵盤(pán)對(duì)動(dòng)畫(huà)的播放進(jìn)行控制,效果可以很直觀的反映出來(lái)。然后是開(kāi)始正式制作主頁(yè)。通過(guò)Dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對(duì)齊設(shè)置;文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。
回顧第一天的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)》課程實(shí)操,老師叫我們繼續(xù)完善以前設(shè)計(jì)的網(wǎng)站,做總而言之,網(wǎng)頁(yè)制作課讓我受益匪淺,學(xué)到很多,也學(xué)會(huì)了很多。
第四篇:個(gè)人網(wǎng)頁(yè)制作
個(gè)人網(wǎng)頁(yè)制作
宣傳語(yǔ):如果你已經(jīng)上網(wǎng),為何不嘗試一下在網(wǎng)上做一個(gè)完全屬于自己的主頁(yè)?有了自己的主頁(yè),全世界的人都可以隨時(shí)找到你,你也可以向全世界宣傳下自己,是非常有意義和有意思的。現(xiàn)在簡(jiǎn)單介紹一下制作主頁(yè)的過(guò)程和方法:
一、準(zhǔn)備材料
你首先做一個(gè)小計(jì)劃,準(zhǔn)備在主頁(yè)上告訴人家什么?比如介紹三個(gè)方面:自我介紹,我的愛(ài)好,我的工作,那你就先起一個(gè)總目錄(文件夾,比如d:html),來(lái)放你的所有文件,然后再在這個(gè)目錄建立三個(gè)子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫(xiě),因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫(xiě)。然后將你的材料copy進(jìn)相應(yīng)的子目錄。比如你要在你的主頁(yè)里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下.要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈兲罅?但你可以用圖象軟件進(jìn)行轉(zhuǎn)換,比如Office97的照片編輯器。把你準(zhǔn)備在你主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng)的目錄里后,你就可以開(kāi)始制作了。
二、開(kāi)始制作
你無(wú)須去記復(fù)雜的HTML語(yǔ)言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開(kāi)Netscape,在file菜單里選EditPage,便可以制作了.文字的處理基本跟Word沒(méi)什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁(yè),你先寫(xiě)上“大家好,我是superboy,下面是我的照片:”這時(shí)要放圖片了,只須點(diǎn)擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然后把這個(gè)文件保存為myself.html文件,放在myself的目錄下。好,現(xiàn)在必須做封面了,你在封面寫(xiě):“歡迎來(lái)到superboy的主頁(yè)”以下是“自我介紹,我的愛(ài)好,我的工作”。你的自我介紹要鏈接到下一頁(yè)去,你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵,再選createlink,然后再選你myself目錄下的myself.html,就將“自我介紹”鏈接到下一頁(yè)了,以后在瀏覽器中一按,就可以跳到鑲有你靚照的頁(yè)面啦。在你的封面做好了所有鏈接和圖片后,記住你必須將這一頁(yè)保存為index.htm(有的主機(jī)要求必須為index.html),因?yàn)榫W(wǎng)頁(yè)默認(rèn)的主頁(yè)名稱(chēng)是index.制作主頁(yè)其實(shí)很簡(jiǎn)單,只要多實(shí)際制作,工多藝熟。還可以拿來(lái)主義,在網(wǎng)上看到什么好的主頁(yè),用另存為功能保存為.html格式的文件,細(xì)細(xì)研究人家是如何做的。還可以借用網(wǎng)頁(yè)模版來(lái)搞,我的就是這樣的。
三、將你制作好的安放在網(wǎng)上
要在網(wǎng)上安你自己的家,你必須先申請(qǐng)一個(gè)主頁(yè)空間,即向某一個(gè)主機(jī)申請(qǐng)一快硬盤(pán)空間。現(xiàn)在有較多的主機(jī)提供免費(fèi)主頁(yè)空間,具體見(jiàn)實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁(yè)空間,并且還提供留言簿、計(jì)數(shù)器等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可,具體方法,參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁(yè)文件上傳至主機(jī)指定的目錄就可以了!
注意:一定要保持網(wǎng)頁(yè)的相對(duì)位置,否則會(huì)看不到網(wǎng)頁(yè)的,有很多朋友都問(wèn)我:為什么我的網(wǎng)頁(yè)傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁(yè)錯(cuò)誤呢?其實(shí)他們都是因?yàn)槲恢玫膯?wèn)題,只要把位置改動(dòng)一下就可以的了引用!
第五篇:網(wǎng)頁(yè)制作《Dreamweaver》制作要點(diǎn)小結(jié)
網(wǎng)頁(yè)制作
一、準(zhǔn)備工作
1、站點(diǎn)的管理(創(chuàng)建、修改和刪除站點(diǎn))
2、網(wǎng)站與網(wǎng)頁(yè)的關(guān)系:首頁(yè)+子頁(yè)=網(wǎng)站
index.htmlp1.htmlp2.htmlp3.html
3、網(wǎng)頁(yè)的頁(yè)面屬性:“修改”——“頁(yè)面屬性”
二、網(wǎng)頁(yè)制作過(guò)程
1、頁(yè)面布局:采用幾個(gè)小表格疊加的方式
(1)表格大?。鹤钔鈱颖砀褚韵袼兀╬x)為單位
內(nèi)層嵌套表格以百分比(%)為單位
(2)表格的修改與編輯:合并單元格,拆分單元格,插入行列,刪除行列 2、模板的制作:至少包含一個(gè)可編輯區(qū)域(按住ctrl鍵單擊單元格)
完成各頁(yè)共有內(nèi)容(站標(biāo),導(dǎo)航,設(shè)置導(dǎo)航超鏈接,版權(quán))
“文件”——“另存為模板”
3、模板的應(yīng)用:在建好的空白頁(yè)面中,“修改”—“模板”—“套用模板到頁(yè)”
4、網(wǎng)頁(yè)元素的添加
(1)插入網(wǎng)頁(yè)標(biāo)題(標(biāo)題欄中顯示的內(nèi)容)“頁(yè)面屬性”——“標(biāo)題/編碼”(2)文字的添加
(3)圖像的效果:圖像的替換文字(圖片屬性替代框)
交換圖像效果
圖像的滾動(dòng)效果
5、完善網(wǎng)頁(yè)
(1)超鏈接
(2)滾動(dòng)效果
**(3)制作行為:
彈出信息設(shè)置狀態(tài)欄文本
**(4)利用層制作漂浮效果:自動(dòng)播放重復(fù)direction=”left/right/up/down” onmouseover=”this.stop()” onmouseout=”this.start()”behavior=”alternate/slide”width/height=”數(shù)值”>??