制作個人網頁小技巧范文第1篇
我覺得網站設計的發揮空間是無限廣闊的。
首先互聯網走進千家萬戶了,人們上網機會多了,網站是直接給客戶瀏覽信息,和客戶面對面交流的基本途徑,也是最直觀的展現媒體。
通過豐富的各種網站流媒體,例如flash,視頻,音樂 等
現今的世界是信息化的的世界,隨著計算機技術和通信的技術的高速發展,互聯網從而得到了長足的發展,同時使得互聯網在人們的工作生活中越顯得重要,成為了必不可少的組成部分?,F在網上購物、遠程教育、遠程醫療等都是其應用的最好證明,更進一步來說互聯網的應用推動了生產力的發展,改善了人們的生活水平。
互聯網的應用離不開形形式式的網頁、網站,要制作一個受歡迎的網頁不僅要內容充足、獨具特色、適合大眾的口味,更需要一個引人入勝的界面,無論從排版、文字、圖案、結構等要素都要組合成一個有機的整體,讓網民一進入網站就能引起其注意。
“知其易而行后難”,平時在網上沖浪時是那么的自由、舍意,在享受上網樂趣時卻不知要制作出一個看似普通的網頁卻要付出很大的努力,無論從網頁設計到內容的搜集都馬虎不得,可能為了某一細微之處嘔心瀝血。本學期學習了Frontpage并要自己來制作才知其中的難處。
從這次制作網頁的過程中可以體會到,要制作出一個完整的網頁首先要定好主題,我們就可以圍繞該主題取材,因為我們現階段只能是制作一些簡單的網頁,網頁的內容與功能不可能與一些大型的網站如21CN、新浪、163等比較,如果沒有了主題就變得內容空泛,根本無從著手。主題定好后就可以考慮網頁的結構,有一個好的、完整的架構就像一架飛機的骨干一樣,才可以保證網頁的正常運行。跟著就是要采集素材,一個網頁只有內容豐富、新穎及更新較快才可留住網民,這是一項長期的、艱巨的任務。至此我的網頁可以說是“麻雀雖小但五臟俱全”。
萬事起頭難,最初要制作網頁簡直是無從入手,因為Frontpaeg從未用過,雖然說它的操作與Word等微軟的辦公軟件的界面及菜單的名稱差不多,但具體用起來卻是有很大的不同,例如一些功能鍵、菜單鍵及其子鍵的用法等就與WORD有天淵之別。所以本學期學習Frontpage基本上是從頭學起,由于時間有限不
能很細致的將每項功能、用法學會,可以說是只對Frontpage有個大概了解,以及可以達到什么效果,對于如何實現只能是一步一步的摸索。
網站能帶給用戶各種豐富的視覺,聽覺體驗。
一、確定網站主題 網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對于個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找準一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料 明確了網站的主題以后,你就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯網上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網頁的素材。
三、規劃網站一個網站設計得成功與否,很大程度上決定于設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。
四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多,首先就是網頁制作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫制作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟件,你可以根據需要靈活運用。
五、制作網頁 材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改。在制作網頁時要多靈活運用模板,這樣可以大大提高制作效率。
六、上傳測試 頁制作完畢,最后要發布到Web服務器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁制作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以后,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然后再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳 網頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
制作個人網頁小技巧范文第2篇
摘要:DIV+CSS是目前最流行的網頁制作技術,但學習起來枯燥,不宜熟練掌握。為了提高教學質量,提升學習效果,進而使學生由淺入深、循序漸進地掌握這門技術,本論文通過教學方法的選用、知識點、技能點實踐環節的設計和考核方式的設計等方面的探索,經過教學實踐,總結出一些經驗。
關鍵詞:DIV+CSS教學設計
引言:
網頁設計課程是一門實踐技能很強、技術手段不斷更新的技能課,隨著網絡技術的飛速發展,在XHTML網站設計標準中,已不再使用表格定位技術,而是采用DIV+CSS的方式實現各種定位。最直接的特點就是,代碼冗余小,網頁打開速度快。結構和表現分離了,只需改變css就可改變網頁的風格,而內容不變,這樣維護和升級的成本降低了。對于初學者,常常被枯燥的代碼和編寫語言搞得焦頭爛額,要收到顯著的教學效果,教學方法尤其顯得重要。
一、教學方法設計
教學方法是一門課程的教學中,教師為了完成既定的教學任務,實現教學目標,而在教學過程中運用的教學方式和手段。面對課程知識點和實操強的特點,可突出以下幾種教學方式。
強調記筆記。記筆記有助于對學習內容的理解。記筆記的過程也是一個積極思考的過程,可調動眼、耳、腦、手一齊活動,促進了對課堂講授內容的理解。尤其越是邏輯性強的課程越需要一個良好的學習習慣,而這正是高職學生所欠缺的。因此,面對這種特點的學生,教學方法中一定要注重有意識讓學生建立良好的學習習慣。從第一節課就開始提出記筆記的明確要求,并納入到平時作業成績考核中,讓學生不得不先重視起來。不定期地在課上練習和課后作業中引入筆記的內容,讓學生明顯意識到課上記了筆記,平時注重積累,做練習就會提高效率,事半功倍,否則,按時完成作業都相對費勁。有一個現象叫“飛輪效應”.為了使靜止的飛輪轉動起來,一開始我們必須使很大的力氣,一圈一圈反復地推,每轉一圈都很費力,但是每一圈的努力都不會白費,飛輪會轉動得越來越快.達到某一臨界點后,便無須再費更大的力氣,飛輪依舊會不停地快速轉動。因此,培養學生好的學習習慣也是一樣,開始教師和學生可能都會很累,但只要堅持不懈,學生就會逐漸養成穩定良好的學習習慣,看上去很累的學習就會變得自然輕松。老師也會越教越輕松。
鼓勵原則。美國作家馬克·吐溫說過:“一句好聽的贊辭能使我不吃不喝活上三個月?!边@句話夸張地描述了表揚的魅力所在。有時,一個贊許的目光能使人鼓起勇氣,信心百倍。對于這個觀點,在多年的教學生涯中,相信許多老師都受益匪淺。當前,DIV+CSS已經成為制作網頁的一種技術潮流和趨勢,學習者也必須不斷提高自己的技能來適應這種變化。各種XHTML標簽和CSS屬性在實際的操作中,往往問題層出不窮,令學生頭疼不已,如果在這個時候,不及時加以鼓勵,就會導致教學效果半途而廢。因此,一定要在學生面對問題時,主動與其一起思考,提出解決該問題的關鍵點,讓學生自己嘗試,而不是直接告訴答案,教學效果不言而喻。學生會認為是自己經過艱苦思考而最終戰勝了困難,自信心增強,也就有了繼續學習下去的動力。
循序漸進。面對高職學生,想要取得好的教學效果,循序漸進的教學方法必不可少。在課堂教學中,不要放過任何一個看上去非常簡單的問題,有些小問題往往不簡單,可以延伸出許多知識點,只有熟練掌握學會舉一反三才能更加自如地運用該門技術。要選定一個難易度適中的網站,既不能太難模仿,使學生產生畏難抵觸心理,又不能太簡單,而達不到鞏固教學內容的目的。學生在“模仿”課環節,對指定的網站首頁和其他主要網頁進行模仿還原,該網站的各類素材可以直接使用,對于頁面在尺寸、色彩、外觀上也可以相同。對于這種特定的、明確的任務,學生往往會表現出極大的熱情。
對比較學法。制作一個簡單的網頁,尤其運用以前的TABLE布局技術,上手很快,容易實現,大部分初學者一旦學習了表格布局技術,就很容易依賴,而不愿意去嘗試DIV+CSS技術了。面對這種問題,就要適時運用對比教學法,例如通過制作一個“簡單相冊”的小例子,讓學生分別運用TABLE技術和DIV+CSS技術制作,完成之后,讓學生觀察代碼有何不同??梢悦黠@看出,table時代,一個頁面表格嵌套10個以上是非常普遍的事情,從而頁面代碼冗長,雜亂無章。然后緊接著提出迅速更新頁面的風格,讓學生繼續嘗試完成。通過實踐,學生就可以清晰得出結論,DIV+CSS技術的優勢,內容和形式分離,更新頁面風格,只需要改動CSS文件就像換件衣服一樣簡單容易。DIV+CSS技術制作“簡單相冊”代碼如下:
<style>
div,body,img,ul,li,p,a{ margin:0;padding:0}
.base{ margin:0 auto;width:530px}
ul{ list-style-type:none;width:530px}
li{ float:left;margin:0 5px;}
img{ width:150px;height:100px;border:1px solid #CCCCCC}
p{ font:\"宋體\";font-size:9px;text-align:center}
h1{ font-size:24px;text-align:center}
</style>
<body>