導航:首頁 > 萬維百科 > jsp網頁設計心得體會

jsp網頁設計心得體會

發布時間:2021-02-14 12:29:10

1、用ASP製作網頁的實訓報告總結

1. 實習內容及知識應用
1.1實訓內容以及進程安排
實訓內容:動態網站製作的學習及動態網站的製作
這次在3名指導老師的帶領下,我們主要學習了用2種現在比較流行的動態網站開發平台來開發網站:JSP平台與ASP.NET平台;JSP平台方面主要通過XX老師示範製作myblog個人博客網站而學習JSP平台的搭建、資料庫的連接、網站測試等內容;而ASP.NET平台主要通過XX老師和XX2位老師的指導,學習並搭建了ASP.NET平台,掌握了網頁三劍客製作動態網站的基本常識與方法,以及資料庫的連接、網站測試及Photoshop處理圖片等內容


進程安排

日期
日程安排
08年7月28日 確定小組組員,小組成員為:XX(組長),XX(組員)
08年7月29日 確定小組動態網頁開發平台為ASP.NET
08年7月30日 確定網站要實現的功能①
08年7月31日-8月5日 製作BBS網站
08年8月6日 測試BBS網站
08年8月7日-08年8月15日 製作電子商務網站
08年8月16日-8月17日 測試電子商務網站
08年8月18日-8月20日 提交網站給指導老師,聽取指導老師意見,完善網站
08年8月21日-8月22日 網站製作與小學期總結,寫小學期文檔
08年8月23日 提交小學期文檔,小學期實訓結束

說明:①經過討論,我們組決定建設2個網站來實現以下功能
網站1-BBS網站:在這個網站中,我們主要實現了站點日歷與站點搜索引擎2大功能。
網站2-電子商務網站:在這個網站中,我們主要實現了用戶注冊與登陸、購物車的實現、訂單的顯示等頁面。
1.2知識(點)應用以及經驗總結
這次製作2個網站主要應用的知識有以下:
⒈ 資料庫的創建
① Access資料庫的創建
Acess提供2種資料庫創建方式:一種是創建一個空資料庫,然後編輯數據表的內容;另一種使用資料庫自帶的模板創建;在動態網頁面中,一般應用第一種方式
② Access資料庫的打開方式
包括打開、只讀方式打開、獨占方式打開、只讀獨占方式打開
③ 利用設計器設計Access資料庫
利用Access資料庫里的設計器設計Access資料庫
④ 使用向導設計Access資料庫
通過Access的向導,經過一系列對話來設置Access資料庫
⑤ 通過輸入數據連接Access資料庫。
先輸入數據再確定欄位
⒉ 資料庫的連接
① ODBC連接資料庫
打開ODBC數據源管理器面板。 在windows XP中打開控制面板,再打開管理工具,找到數據源(ODBC),雙擊圖標打開管理器,選擇系統DSN。添加數據源,點擊添加按鈕,開始創建數據源,在接下來的對話框中選擇數據源的驅動程序,因我們使用的是Microsoft Access創建的資料庫,所以選擇Microsoft Access Driver(*.mdb)作為資料庫驅動程序。點擊完成按鈕,填寫數據源名,以簡單易記為原則,這里我們以userinfo(表名)來命名,注意不要沖突。說明填不填都無所謂,是描述這個資料庫的用途而已。點擊選擇按鈕,選擇你的資料庫文件。找到自己想添加的資料庫,選中即可。
② OLEDB連接資料庫
在Dreamweaver 中,可以通過在連接字元串中包含 Provider 參數來創建 OLE DB 連接。打開Dreameaver,在站點裡面先新建個ASP頁面(index.asp)。 在「應用程序」面板中選中「資料庫」標簽。只要我們在前面建立了站點,選擇了文檔類型(即我們選的ASP Javascript的),並且還測試了伺服器(http://localhost/newgn/);則當前我們看到就剩下第四步沒有打勾了。 那現在就點擊「+」號,選擇「自定義連接字元串」。在彈出來的「自定義連接字元串」對話框中,"連接名稱"隨便寫一個。「連接字元串」就要好好填寫了。當"使用此計算機上的驅動程序"時應用絕對路徑:DRIVER={Microsoft Access Driver (*.mdb)};DBQ=d: ewgndatabasecnbruce.mdb 否則「使用測試伺服器上的驅動程序」採用Mappath轉換路徑"Driver={Microsoft Access Driver (*.mdb)};DBQ="& server.mappath("/newgn/database/cnbruce.mdb"),點擊「測試」,出現成功對話框,成功連接資料庫後,在DW里其實是自動生成了一個連接文件。位置在自動生成的Connections文件夾中,名稱是你剛才在「自定義連接字元串」隨便敲的為命名asp文件。還可以注意到DW資料庫標簽內看到mdb文件內的各個欄位。
⒊ 動態網頁開發技術
① 記錄集的定義
分為簡單記錄集定義與高級記錄集定義,簡單記錄集的定義使用戶不必用SQL語句查詢而快速定義記錄集。高級記錄集定義則通過SQL語來定義記錄集。
② 記錄集的綁定
記錄集(查詢)的綁定。在網頁中插入一個表單,並輸入需要插入到資料庫的相關內容,然後通過記錄集(查詢)功能來實現表單和資料庫的相互協調使用,並實現「動態」功能
③ 重復區域伺服器行為
伺服器行為其實一段VB代碼,為了方便用戶對記錄集的操作,DW中將常用代碼進行封裝,命名為伺服器行為。而重復區域伺服器行為相當於一個FOR循環函數
④ 設置記錄集導航條
添加記錄集導航條以分頁的方式用來顯示重復區域伺服器行為顯示有限的記錄
⒋XML動態網頁製作
① XSLT
XSLT 是一種用於將 XML 文檔轉換為 XHTML 文檔或其他 XML 文檔的語言,XSLT 用於將一種 XML 文檔轉換為另外一種 XML 文檔,或者可被瀏覽器識別的其他類型的文檔,比如 HTML 和 XHTML。通常,XSLT 是通過把每個 XML 元素轉換為 (X)HTML 元素來完成這項工作的。
⒌伺服器的配置
① 站點存放點的創建
打開電腦,在D盤下建立一文件夾newgn(這個夾子就是你的站點存放點了),並且在裡面建幾個子文件夾(就好似你網站的子目錄)。
② 建立虛擬目錄
回到newgn的根目錄,右鍵選擇「共享和安全」(其實是快速地建立虛擬目錄)
③ 設置IIS的虛擬目錄
出現屬性對話框後,選擇「Web共享」標簽,點選「共享文件夾」,出現共享別名對話框,選擇默然設置,確定即可
⒍利用Dreamweaver創建站點
選擇「編輯站點」,在彈出的屬性框中選「高級」標簽,從「分類」中先選「本地信息」,右窗口中設置站點名稱,本地根文件夾,然後設置遠程信息,訪問選擇「本地/網路」,遠端文件夾仍選擇站點文件夾d: ewgn,再接著「測試伺服器」,「伺服器模型」暫為ASP vbscript,「訪問」本地/網路,「測試伺服器文件夾」仍是站點文件夾d: ewgn,「URL前綴」在http://localhost後面添加「newgn/」,添加的東西就是設置的虛擬目錄,這時,站點定義基本結束,點擊確定。出現「編輯站點」對話框,「完成」即可。
⒎利用FIREWORKS處理圖片
利用FIREWORKS處理一些圖片和製作一些GIF動畫圖片

經驗總結:
利用Dreamweaver做ASP動態網站主要為以下幾步:
①網站伺服器配置
②資料庫設置
③資料庫顯示
④建立注冊系統
⑤建立登陸系統
⑥美化網站

2. 實習心得
{要求500字以上}
l 過程、功能需求、菜單設計、界面設計、資料庫設計、知識的應用技巧、團隊合作感受等(指導教師可按實習內容進行要求並自行增加內容)
本次小學期期實訓,我們小組主要製作了2個動態網站,而製作這2個動態網站的主要過程是:
⒈個人博客網站
①站點的定義
②資料庫的連接
③製作站點搜索引擎及搜索結果頁面
④製作日誌列表
⑤製作BLOG首頁面,基本頁面設計
⑥定義並綁定記錄集
⑦界面的美化
⑧設置重復區域
⑨指定日期的日誌內容頁面
⑩日誌具體內容頁面-日誌內容和回復及日誌回復功能
⒉電子商務網站
①站點的建立和連接字元串
②用戶登陸及用戶登陸信息顯示頁面
③錯誤信息頁面設計
④創建模板
⑤添加登陸頁面的嵌入框架
⑥用戶注冊頁面的實現
⑦添加「密碼」比較驗證的代碼
⑧製作最新產品導航條與滾動產品導航條
⑨產品展示的實現
⑩用戶購物車:限制用戶登陸、添加購物車程序、購物車鏈接、刪除購物車
而這2個網站實現的功能大不相同,前者為一個博客網站,主要實現了站點搜索引擎、日誌列表、站點日期等內容;後者為一個電子商務網站,主要實現了用戶登陸、用戶注冊、密碼驗證、產品展示以及用戶在線購物等內容;剛確定製作網站的時候,本設想將2個網站整合在一起,但由於技術和其他原因,這個目的沒能實現。
製作動態網站,資料庫最重要,在我們小組這次製作網站的過程中,花時間最多的地方就是資料庫-資料庫的建立、資料庫與網站的連接、記錄集的綁定、資料庫安全等等,由於時間的關系,我們小組這次採用的是Acess資料庫,它與其他資料庫相比較相對來說操作比較簡單。在資料庫的製作中,這次我們小組遇到的難題主要是採用OLEDB連接資料庫的方法,這個難題的關鍵之處是在於如何利用 Provider 參數來創建 OLEDB 連接,我們在網上搜索了大量資料並在XX老師的幫助下終於學會了如何使用OLEDB連接資料庫。
總結這次小學期實訓,這次2個網站能這么順利的完成,離不開老師的幫助和小組成員的努力,雖然這次小學期實訓我們小組只有2人,但是我們是一個有效率、有組織、有團隊精神的小組,有效率在於小組製作網站中分工明確、討論有目的;有組織在於小組成員能按時、有質量的完成自己的分工任務,值得一提的是這次小學期網站開發的大部分時間在小學期實訓教室而我們小組成員還從未擅自曠課、上課遲到、早退等違紀行為;有團隊精神在於我們小組實訓過程中的共進退,從不因為自己分工任務提前完成而拉下其他組員,我們意識到小組是一個有組織、有記錄、有共同目的的集體而不是一個由分散的個人組成的團體,在這次小學期實訓中之所以提出小組分工這是鍛煉小組組員的個人能力培養,而幫助有困難的組員這充分培養了組員之間的默契和團隊協作能力。
這次是畢業前最後的一次小學期實訓,也是自己做投入、最用心的一次實訓,與以前的小學期相比,以前的小學期都是以掌握某種實訓技能為主,而這次小學期則不僅掌握了動態網站的製作技術而且還製作出了自己的成果,自己非常高興。經過這次小學期,我領悟到任何東西都要「學以至用」,學習了還不行還要看自己掌握了沒,掌握了還不行還要看自己熟練了沒,熟練了還不行還要做出一定成果。即將畢業,能接受這么一次有意義的小學期實訓感覺很充實。
網址:www.liuboxue.cn

2、求一篇靜態網頁製作心得體會,要兩千字以上。

靜態網頁製作心得體會
20世紀40年代科學字發明了計算機之後,人們的工作效率大大提高,但是單個計算機能夠存儲和處理的信息是非常有限的,為了便於信息的傳遞和處理,人們就把眾多的計算機連接起來。
網頁製作的心得體會 ----網頁製作論文摘要 通過這次個人網頁的製作,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番了解,對網頁製作的基礎知識也有了一定的掌握。通過把自己的網頁上傳到互聯網上,對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品,那種成就感是無法用語言形容的。所以我覺得這次製作網頁我已經達到了自己的目的,而不是單單為了完成作業而已。這是一個完全關於自己的個人網頁,既然是介紹自己,就應該讓觀者在瀏覽了之後了解自己其人,我覺得這點我已經基本上做到了。
關鍵字 頁面設計 ASP和資料庫
1.一般來說,個人主頁的選材要小而精。如果你想製作一個包羅萬象的站點,把所有您認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那麼多的精力去維護它。注意:網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。
2.題材最好是你自己擅長或者喜愛的內容。比如:您對詩歌感興趣,可以放置自己的詩詞;對足球感興趣,可以報道最新的球場戰況等等。這樣在製作時,才不會覺得無聊或者力不從心。
3.不要太濫或者目標太高。「太濫」是指到處可見,人人都有的題材;「目標太高」是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。
選定了一個好的題材,是不是可以立刻動手製作了?不,經驗告訴我們,必須要先規劃框架。這是很重要的一步!每個網站都是一項龐大的工程。好比造高樓,沒有設計圖紙,規劃好結構,盲目的建造,結果往往是倒塌;也好比寫文章,構思好提綱,才不至於邏輯混亂,虎頭蛇尾。全面仔細規劃架構好自己網站,不要急於求成。
規劃一個網站,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其當你要製作一個很大的網站 (有很多頁面) 的時候,特別需要把這個架構規劃好,也要考慮到以後可能的擴充性,免得做好以後又要一改再改整個網站的架構,十分累人,也十分費錢。
大綱列出來後,你還必須考慮每個頁面之間的鏈接關系。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。
為了提高瀏覽效率,方便資料的尋找,本站的框架基本採用「蒲公英」式,即所有的主要鏈接都在首頁上,鏈接的層次不多,深度淺。
框架定下來了,然後開始一步一步有條理,有次序地做來,就胸有成竹得多,也為你的主頁將來發展打下良好的基礎。
下一步,你可以動手製作具體內容了,我將告訴你一些收集資料的竅門。
題材選定,框架選定,接下來就開始往主頁裡面填內容。我們稱作資料收集
就個人主頁而言,很少有人有能力完全靠自己來創作所有的內容。(一些高手能夠提供自己編的軟體,文章或則音樂,是我非常佩服的!)
大部分人的方法是:從報紙,雜志,光碟等媒體中把相關的資料收集整理,再加上一定的編輯後就可以了。
另外一個好的方法是從網路上收集,您只要到雅虎,搜狐等搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。
如果您是英語高手,您可以到國外站點上把最新的信息,資料翻譯成中文,提供給大家,這叫「洋為中用」。
網路上的資料呈爆炸性的增長,只要注意收集某一非常細小的題材,隨時供大家方便的查找,您的主頁就已經有做不完的活了。
到這里我們已經完成了製作主頁的准備工作。下面開始正式製作主頁。
先來介紹一下我這個網頁吧。我的網頁主要由三大部分組成:主頁、各子網頁以及各互聯網鏈接。
首先是主頁,採用的是index格式,是第一個顯示的頁面,其實原來第一個顯示的頁面是一個封面,但在網上用了一段時間之後我覺得有封面比較麻煩,花哨但不實用,顯得有些多餘,所以我就把它給去掉了,直接顯示主頁會讓別人有一種開門見山的感覺。主頁是我花費精力和時間最多的一個頁面,尤其是在它的視覺設計上包括結構,字體,背景以及色彩方面都花了很多工夫。頁麵包括自己的一幅小照片以及個人的簡要介紹,以便讓觀者對自己有一個初步的了解。網頁最上面是用藝術字編輯的文字,旁邊的welcome是插入的GIF動畫,左上角顯示日期,右上角顯示你在網頁呆的時間,下面是一排子目錄,包括一些鏈接和子頁面,點開就可以看到關於我的詳細信息。下面是一個搜索引擎,採用的是百度是原代碼。再下來是我的近況,也採用了特效。右邊有一個滾動字幕,是一首詩,採用了特效,下面是一些常用大型網站的鏈接。最下面是關於瀏覽器的說明,主頁基本上就是這些了,還有要說的就是「給我留言」是到網上去申請的免費留言板,然後鏈接上去。
子網頁中, 「Spear相冊」裡面全是照片,大部分照片是用數碼相機照的,有兩三張是掃描上去的;「家鄉風情」里則是圖片與文字並存,這兩個頁面也是我精心設計製作的。其他的頁面就大部分以文字為主對自己進行詳細的介紹,背景圖片是我都是我精心挑選的,多數頁面都插上了MIDI音樂作為背景,有個別頁面還使用了特效。
接下來再介紹介紹網頁的功能吧。本網頁可以說具備了多項功能:各頁面可以讓你對我有一個比較詳細的了解;強大的搜索功能令你在網路世界中暢通無阻,網站、mp3、flash、信息快遞應有盡有;各大型網站的鏈接讓你輕松登陸以便看消息、發郵件;想聽歌嗎?「我的音樂」將讓你聽歌變得如此方便;超級留言板可以讓你暢所欲言……
相信你雖然還沒有看到我的網頁就已經對它有了一個大致的了解了吧!現在重點介紹一下我的網頁的製作過程以及其間遇到的種種困難。
開始時我選擇了DreamweaverMX作為製作軟體,看書學習了一些基礎的東西之後就著手開始了我的網頁製作,我先初步對網頁作了一些頁面規劃,然後建立了站點,用軟體中的一些基本的功能製作,首先是封面,由於Dreamweaver MX沒有插入藝術字的功能,所以封面上的藝術字是我先在Word文檔里製作好了之後用圖片的方式插入的。接著有開始設計主頁,我主要用層來設計版面,再適當配合表格,經過兩個白天和一個通宵,網頁基本的框架就出來了,但這時卻遇到了一個很令人頭疼的問題:突然所有插上去的圖片都不能顯示了!!!我用盡了所有能想出來的方法,請教了很多的電腦高手都不能把這個無法解釋的問題解決,就連重新安裝DreamweaverMX也毫無作用,由於是借別人的電腦,時間緊迫,沒有等到去向老師請教,我就一氣之下把那些東西都刪光了,連Dreamweaer也不例外,當時我真的很失望,想到這兩天廢寢忘食地做的東西一下全沒了就很是接受不了,我曾經一度想放棄,不過冷靜了之後我決定從頭開始。我換了Frontpage,由於對Frontpage一無所知,也沒有相關的書籍,所以剛開始建站點和網頁的方法只能向別人請教。不過在開始製作了之後我發現Frontpage很多功能和Word相似,於是很快掌握了其許多基本的功能。接著我又熬了一個通宵,決定把前面的損失彌補過來。前面的工作也不能算完全白做,因為至少我在重新製作的時候不必話太多的時間去重新設計版面。還是按照原來的設計,只是改動了一些,大體的框架還是沒有改變。
總結 通過這次製作網頁,我學到了不少東西,而且學到了不少思考問題的方法。計算機會在以後的學習生活中充當越來越重要的角色,相信我也會學習到更多關於計算機和網路的知識。這次製作網頁收獲確實不小!!!

3、誰能幫寫一份 學習jsp程序設計的感想 急求

第六章 總結

經過一個多月的努力,我終於完成了網上電腦城購物系統。這個系統基本上實現了一般網上購物系統的功能。但是由於經驗不足,對在線支付和物流查詢的實現功能還沒有完善,這算是一個缺陷與遺憾。不過我一定會再接再厲,盡早完善該模塊功能。總的來說,在做這個系統的過程中,我查閱了大量關於網上購物系統的相關資料,也按照軟體工程的步驟,從需求分析,概要設計,詳細設計,資料庫設計,再到編碼,調試運行等步驟進行。這些經驗對我來說非常珍貴。
我覺得最吃力的地方就是在資料庫設計這一塊,之前我設計了好多表,沒有冗餘欄位,一切都剛剛好,但是我發現當從資料庫中取出數據分頁顯示的時候需要做很多的連接查詢,最多的SQL語句居然包含了4個嵌套查詢!而我們知道查詢的時候最好沒有一個嵌套查詢,所以我就刪除了2個表把它糅合進同一個表中。當然數據流的方向和繁雜的跳轉也是一大難點。
一個多月中我學到了很多東西,對我來說,無論是理論還是實踐上都是一個較大幅度的提高,可以說是理論到實踐的一個飛躍。這次開發經歷我了解了軟體開發的大體過程;通過這次綜合實驗也使我知道作軟體開發的辛苦,首先要有足夠的耐心,要勇於面對密密麻麻的代碼,無數遍的調試,和無數遍的修改,雖然過程艱辛但是,當你調試成功時,你就會感受到這些努力的意義以及成功的喜悅。軟體開發,還需要注意借鑒,查看已有的例子的代碼,這樣可以節省大量的時間,同時也實現了代碼重用;還有就是編寫一個比較大的項目時應該先將所有的業務流程熟悉透以及要設計一個好的資料庫,否則就會在開發中刪刪改改,浪費時間和精力。此外,我知道了基礎課的重要,要學好一門編程語言,一定要動手,實踐是最好的方法。
總的來說,對我個人而言,這次做這個購物系統的確提高了我自己的動手能力,也讓我認識到了自己的不足,同時多虧了在開發網站的過程中鄺老師的指導以及同學們給予的幫助,使我順利地完成了此次課程設計,在此我對你們表示衷心的感謝!

4、製作網頁的心得體會

20世紀40年代科學字發明了計算機之後,人們的工作效率大大提高,但是單個計算機能夠存儲和處理的信息是非常有限的,為了便於信息的傳遞和處理,人們就把眾多的計算機連接起來。
網頁製作的心得體會 ----網頁製作論文摘要 通過這次個人網頁的製作,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。尤其是對網頁製作的過程與一些技巧手法更有了另外一番了解,對網頁製作的基礎知識也有了一定的掌握。通過把自己的網頁上傳到互聯網上,對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品,那種成就感是無法用語言形容的。所以我覺得這次製作網頁我已經達到了自己的目的,而不是單單為了完成作業而已。這是一個完全關於自己的個人網頁,既然是介紹自己,就應該讓觀者在瀏覽了之後了解自己其人,我覺得這點我已經基本上做到了。
關鍵字 頁面設計 ASP和資料庫
1.一般來說,個人主頁的選材要小而精。如果你想製作一個包羅萬象的站點,把所有您認為精彩的東西都放在上面,那麼往往會事與願違,給人的感覺是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因為您不可能有那麼多的精力去維護它。注意:網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。
2.題材最好是你自己擅長或者喜愛的內容。比如:您對詩歌感興趣,可以放置自己的詩詞;對足球感興趣,可以報道最新的球場戰況等等。這樣在製作時,才不會覺得無聊或者力不從心。
3.不要太濫或者目標太高。「太濫」是指到處可見,人人都有的題材;「目標太高」是指在這一題材上已經有非常優秀,知名度很高的站點,你要超過它是很困難的。
選定了一個好的題材,是不是可以立刻動手製作了?不,經驗告訴我們,必須要先規劃框架。這是很重要的一步!每個網站都是一項龐大的工程。好比造高樓,沒有設計圖紙,規劃好結構,盲目的建造,結果往往是倒塌;也好比寫文章,構思好提綱,才不至於邏輯混亂,虎頭蛇尾。全面仔細規劃架構好自己網站,不要急於求成。
規劃一個網站,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其當你要製作一個很大的網站 (有很多頁面) 的時候,特別需要把這個架構規劃好,也要考慮到以後可能的擴充性,免得做好以後又要一改再改整個網站的架構,十分累人,也十分費錢。
大綱列出來後,你還必須考慮每個頁面之間的鏈接關系。是星形,樹形,或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發揮。
為了提高瀏覽效率,方便資料的尋找,本站的框架基本採用「蒲公英」式,即所有的主要鏈接都在首頁上,鏈接的層次不多,深度淺。
框架定下來了,然後開始一步一步有條理,有次序地做來,就胸有成竹得多,也為你的主頁將來發展打下良好的基礎。
下一步,你可以動手製作具體內容了,我將告訴你一些收集資料的竅門。
題材選定,框架選定,接下來就開始往主頁裡面填內容。我們稱作資料收集
就個人主頁而言,很少有人有能力完全靠自己來創作所有的內容。(一些高手能夠提供自己編的軟體,文章或則音樂,是我非常佩服的!)
大部分人的方法是:從報紙,雜志,光碟等媒體中把相關的資料收集整理,再加上一定的編輯後就可以了。
另外一個好的方法是從網路上收集,您只要到雅虎,搜狐等搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。
如果您是英語高手,您可以到國外站點上把最新的信息,資料翻譯成中文,提供給大家,這叫「洋為中用」。
網路上的資料呈爆炸性的增長,只要注意收集某一非常細小的題材,隨時供大家方便的查找,您的主頁就已經有做不完的活了。
到這里我們已經完成了製作主頁的准備工作。下面開始正式製作主頁。
先來介紹一下我這個網頁吧。我的網頁主要由三大部分組成:主頁、各子網頁以及各互聯網鏈接。
首先是主頁,採用的是index格式,是第一個顯示的頁面,其實原來第一個顯示的頁面是一個封面,但在網上用了一段時間之後我覺得有封面比較麻煩,花哨但不實用,顯得有些多餘,所以我就把它給去掉了,直接顯示主頁會讓別人有一種開門見山的感覺。主頁是我花費精力和時間最多的一個頁面,尤其是在它的視覺設計上包括結構,字體,背景以及色彩方面都花了很多工夫。頁麵包括自己的一幅小照片以及個人的簡要介紹,以便讓觀者對自己有一個初步的了解。網頁最上面是用藝術字編輯的文字,旁邊的welcome是插入的GIF動畫,左上角顯示日期,右上角顯示你在網頁呆的時間,下面是一排子目錄,包括一些鏈接和子頁面,點開就可以看到關於我的詳細信息。下面是一個搜索引擎,採用的是百度是原代碼。再下來是我的近況,也採用了特效。右邊有一個滾動字幕,是一首詩,採用了特效,下面是一些常用大型網站的鏈接。最下面是關於瀏覽器的說明,主頁基本上就是這些了,還有要說的就是「給我留言」是到網上去申請的免費留言板,然後鏈接上去。
子網頁中, 「Spear相冊」裡面全是照片,大部分照片是用數碼相機照的,有兩三張是掃描上去的;「家鄉風情」里則是圖片與文字並存,這兩個頁面也是我精心設計製作的。其他的頁面就大部分以文字為主對自己進行詳細的介紹,背景圖片是我都是我精心挑選的,多數頁面都插上了MIDI音樂作為背景,有個別頁面還使用了特效。
接下來再介紹介紹網頁的功能吧。本網頁可以說具備了多項功能:各頁面可以讓你對我有一個比較詳細的了解;強大的搜索功能令你在網路世界中暢通無阻,網站、mp3、flash、信息快遞應有盡有;各大型網站的鏈接讓你輕松登陸以便看消息、發郵件;想聽歌嗎?「我的音樂」將讓你聽歌變得如此方便;超級留言板可以讓你暢所欲言……
相信你雖然還沒有看到我的網頁就已經對它有了一個大致的了解了吧!現在重點介紹一下我的網頁的製作過程以及其間遇到的種種困難。
開始時我選擇了DreamweaverMX作為製作軟體,看書學習了一些基礎的東西之後就著手開始了我的網頁製作,我先初步對網頁作了一些頁面規劃,然後建立了站點,用軟體中的一些基本的功能製作,首先是封面,由於Dreamweaver MX沒有插入藝術字的功能,所以封面上的藝術字是我先在Word文檔里製作好了之後用圖片的方式插入的。接著有開始設計主頁,我主要用層來設計版面,再適當配合表格,經過兩個白天和一個通宵,網頁基本的框架就出來了,但這時卻遇到了一個很令人頭疼的問題:突然所有插上去的圖片都不能顯示了!!!我用盡了所有能想出來的方法,請教了很多的電腦高手都不能把這個無法解釋的問題解決,就連重新安裝DreamweaverMX也毫無作用,由於是借別人的電腦,時間緊迫,沒有等到去向老師請教,我就一氣之下把那些東西都刪光了,連Dreamweaer也不例外,當時我真的很失望,想到這兩天廢寢忘食地做的東西一下全沒了就很是接受不了,我曾經一度想放棄,不過冷靜了之後我決定從頭開始。我換了Frontpage,由於對Frontpage一無所知,也沒有相關的書籍,所以剛開始建站點和網頁的方法只能向別人請教。不過在開始製作了之後我發現Frontpage很多功能和Word相似,於是很快掌握了其許多基本的功能。接著我又熬了一個通宵,決定把前面的損失彌補過來。前面的工作也不能算完全白做,因為至少我在重新製作的時候不必話太多的時間去重新設計版面。還是按照原來的設計,只是改動了一些,大體的框架還是沒有改變。
總結 通過這次製作網頁,我學到了不少東西,而且學到了不少思考問題的方法。計算機會在以後的學習生活中充當越來越重要的角色,相信我也會學習到更多關於計算機和網路的知識。這次製作網頁收獲確實不小!!!

與jsp網頁設計心得體會相關的知識