第一篇：精美個(gè)人網(wǎng)站制作

【摘要】

這篇論文是關(guān)于我的一個(gè)個(gè)人網(wǎng)站的設(shè)計(jì)，首先我先從網(wǎng)

站設(shè)計(jì)的方向和目的、網(wǎng)站設(shè)計(jì)的整個(gè)流程出發(fā)，然后通過自己設(shè) 計(jì)的這個(gè)個(gè)人網(wǎng)站作品來說明并演示一個(gè)完整的網(wǎng)站制作過程。本 論文詳細(xì)的介紹了整個(gè)網(wǎng)站設(shè)計(jì)的全過程。本論文的每一章都是網(wǎng) 站建設(shè)的一個(gè)步驟，理論和實(shí)踐相結(jié)合。既有理論、又有實(shí)例，把 每一章的實(shí)例合在一起，就構(gòu)成一個(gè)大實(shí)例。當(dāng)然，一個(gè)好網(wǎng)站的 整個(gè)設(shè)計(jì)過程是不能用短短的幾十頁紙就可以說清楚，所以，在我 的這篇論文中，我詳細(xì)的介紹了整個(gè)網(wǎng)站中最重要的部分，其中包 括主頁的設(shè)計(jì)和一部分鏈接頁面的設(shè)計(jì)。

第二篇：個(gè)人網(wǎng)站制作過程

個(gè)人網(wǎng)站制作過程

隨著互聯(lián)網(wǎng)的不斷發(fā)展和中國網(wǎng)絡(luò)人口的日益增長，建立個(gè)人網(wǎng)站，不但可以剛好的展示自己，而且可以提高自己在計(jì)算機(jī)應(yīng)用方面的能力。我使用的軟件是Dreamweaver8,它是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。Dreamweaver、FLASH以及在DREAMWEAVER之后推出的針對專業(yè)網(wǎng)頁圖像設(shè)計(jì)的FIREWORKS，三者被MACROMEDIA公司稱為DREAMTEAM(夢之隊(duì))，足見市場的反響和MACROMEDIA公司對它們的自信。隨著互聯(lián)網(wǎng)(Internet)的家喻戶曉，HTML技術(shù)的不斷發(fā)展和完善，隨之而產(chǎn)生了眾多網(wǎng)頁編輯器，從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見即所得網(wǎng)頁編輯器，兩者各有千秋。網(wǎng)頁編輯器的優(yōu)點(diǎn)就是直觀性，使用方便，容易上手，在所見即所得網(wǎng)頁編輯器進(jìn)行網(wǎng)頁制作和在WORD中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別。

個(gè)人在設(shè)計(jì)時(shí)考慮的多為個(gè)人的興趣喜好，而不注重商業(yè)的展示。內(nèi)容以反映個(gè)人為中心，從而使個(gè)人網(wǎng)站真正的成為展示自己的網(wǎng)絡(luò)名片。在網(wǎng)頁制作中，我借鑒了韓國個(gè)人網(wǎng)站的設(shè)計(jì)風(fēng)格，著重于給瀏覽者以強(qiáng)烈的視覺沖擊。運(yùn)用了photoshop和fireworks強(qiáng)大的圖像制作和處理能力。進(jìn)行了大量的圖片制作，從而給人以強(qiáng)烈的美感。并利用Flash進(jìn)行片頭動(dòng)畫的制作，給予瀏覽者一種強(qiáng)烈的時(shí)代動(dòng)感。整個(gè)網(wǎng)站的架構(gòu)是由Dreamwave完成的。、在這次課業(yè)中我制作了關(guān)于自己的網(wǎng)頁，下面介紹下制作過程。首先使用Dreamweaver8來創(chuàng)建站點(diǎn)。打開Dreamweaver8軟件，執(zhí)行站點(diǎn)-站點(diǎn)管理命令，在彈出的站點(diǎn)管理對話框中選擇新建，然后創(chuàng)建站點(diǎn)存放到我的文檔，然后設(shè)置地址為?retcode=0 3.http://junehuang111.blog.163.com/blog/static/***222144/ 4.《網(wǎng)頁制作與網(wǎng)站建設(shè)設(shè)計(jì)大全》徐磊，清華大學(xué)出版社，2008.9

第三篇：個(gè)人網(wǎng)站制作說明

我所選的題材關(guān)于甜品。

對題材選擇的說明

本網(wǎng)站名稱為“舞動(dòng)舌尖甜品”，目的是向?yàn)g覽者展示甜品。網(wǎng)站的首頁設(shè)計(jì)成引導(dǎo)頁，引導(dǎo)頁相對簡單，下載迅速?！拔鑴?dòng)舌尖甜品”網(wǎng)站內(nèi)容包括四個(gè)部分，如下：

?主頁

?關(guān)于我們

?特色新聞

?甜品展示

該站點(diǎn)根目錄下一共包括四個(gè)文件夾，各目錄的名稱及作用如下：

“images”文件夾：存放“舞動(dòng)舌尖甜品”網(wǎng)站的所有用到的圖片

“l(fā)ibrary”文件夾：存放“舞動(dòng)舌尖甜品”網(wǎng)站的三個(gè)庫文件。

“other”文件夾：存放“舞動(dòng)舌尖甜品”網(wǎng)站里用到的word文檔。

“Templates”文件夾：存放“舞動(dòng)舌尖甜品”網(wǎng)站的模板網(wǎng)頁。

“index”主頁、“gywm”關(guān)于我們、“tsxw”特色新聞、“tpzs”甜品展示；產(chǎn)品分類a、b、c、d、e、g；常識(shí)介紹wb、wb1、wb2、wb3。

對所用編輯工具的說明

隨著網(wǎng)絡(luò)技術(shù)以及網(wǎng)頁制作技術(shù)方面的日臻成熟人們越來越關(guān)注網(wǎng)頁的美觀性，所以當(dāng)下網(wǎng)頁制作的一個(gè)最主要的出發(fā)點(diǎn)就是網(wǎng)頁的美觀和可操作性。Dreamweaver版本，無論是操作性和功能性都有長足的進(jìn)步這也為我們制作網(wǎng)頁提供了強(qiáng)大的工具。古語有云：“工欲善其事，必先利其器?！?/p>

首先要注意：各目錄名稱都不要用中文。以及站點(diǎn)的建立 在制作網(wǎng)頁時(shí)，首先要建立站點(diǎn)。

對資源來源的說明

做本次個(gè)人網(wǎng)站我借鑒了甜心凱特網(wǎng)站和愛芒果甜品網(wǎng)站的甜品圖片，還有簡單的設(shè)計(jì)風(fēng)格。

對制作過程的說明

主頁：運(yùn)用了四個(gè)標(biāo)題欄，一張圖片，兩張動(dòng)態(tài)圖片，以及版權(quán)。圖片來源：自己搜索、以及一張借鑒圖片____<愛芒果甜品網(wǎng)站>。

關(guān)于我們：運(yùn)用了四個(gè)標(biāo)題欄，一張圖片，三張動(dòng)態(tài)圖片；圖片來源：自己搜索、以及一張借鑒圖片____<愛芒果甜品網(wǎng)站>。

產(chǎn)品分類：

分成七個(gè)系列：

? 美飲系列

? 甜心妙雪迷

? 巧克力舌尖冰

? 菠蘿酸奶舌尖冰

? 西瓜舌尖冰

? 香芋舌尖冰

? 芒果舌尖冰

每七個(gè)系列分別鏈接了七個(gè)頁面。

圖片借鑒了<甜心凱特網(wǎng)站>的甜品圖片。

特色新聞：關(guān)于舞動(dòng)舌尖的新聞新增了四個(gè)常識(shí)文檔，同樣的鏈接了四個(gè)網(wǎng)頁，在該頁面的各標(biāo)題處鏈接了可以下載的文檔，供瀏覽者下載查看。常識(shí)文檔借鑒了<愛芒果甜品網(wǎng)站>的新聞標(biāo)題欄內(nèi)的文檔。

甜品展示：運(yùn)用了二十四張?zhí)鹌穲D片。圖片來源：自己搜索。

對所用技術(shù)的說明

網(wǎng)站制作用到了：時(shí)間軸，庫文件，模板網(wǎng)站，表格布局，動(dòng)態(tài)文字代碼，網(wǎng)站超鏈接，層的運(yùn)用以及添加行為。

總結(jié)和體會(huì)

這是第一次用Dreamweaver軟件做網(wǎng)頁，高中曾簡單的學(xué)過如何制作網(wǎng)頁，但那時(shí)用的軟件是FrontPage2003。

學(xué)了用Dreamweaver軟件做網(wǎng)頁感覺難度比FrontPage2003大。上課聽老師講解時(shí)，跟著老師做步驟時(shí)感覺并不是那么的難，相反，反而覺得很簡單，只要掌握就并不難了。但是輪到自己設(shè)計(jì)網(wǎng)頁的時(shí)候，有些迷茫了。我該怎么做？我該如何去做？

做《舞動(dòng)舌尖甜品》網(wǎng)站時(shí)：最令我覺得繁瑣的地方便是給二十四張圖片插入層，當(dāng)我在做這二十四張圖片的層的時(shí)候最希望的便是有什么快捷的方法可以不用一個(gè)一個(gè)的去弄。我想過用代碼，可是我做不來。于是，我便很有耐心的給這二十四張圖片插入層以及對應(yīng)圖片的行為。

其他部分也有漸多漸少修改過，做起來感覺還行。

看到自己完成一個(gè)自己設(shè)計(jì)的小網(wǎng)站時(shí)，有大大的欣喜，這居然是自己做出來的網(wǎng)站。原來做網(wǎng)站就是這樣啊！

這時(shí)，不禁佩服那些做網(wǎng)站的專業(yè)人士，原來做一個(gè)網(wǎng)站也是要花費(fèi)這么的耐心啊，想想我們平時(shí)瀏覽的網(wǎng)站，那個(gè)做工相比我們自己的個(gè)人網(wǎng)站簡直就是大巫見小巫。

第四篇：課題：《制作個(gè)人網(wǎng)站》

課題：《制作個(gè)人網(wǎng)站》

課時(shí)：1

年級(jí)：高一

教學(xué)重點(diǎn)、難點(diǎn)：使用表格定位文字、圖片，網(wǎng)站內(nèi)部的超鏈接。

教學(xué)時(shí)間分配：1.心課導(dǎo)入與布置任務(wù)（用時(shí)6～7分鐘）

2.學(xué)生自主學(xué)習(xí)（用時(shí)27分鐘）

3.教學(xué)評價(jià)（用時(shí)10分鐘）

4.教學(xué)總結(jié)（用時(shí)1～2分鐘）

教學(xué)目標(biāo)：

1、知識(shí)目標(biāo)：

（1）熟悉FrontPage 2000的軟件環(huán)境，掌握該環(huán)境下的文字處理方法；（2）掌握插入剪貼畫的方法，掌握使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識(shí)制作表達(dá)一定主題、包含文字、圖片的個(gè)人網(wǎng)站。

2、素質(zhì)目標(biāo)：

制作網(wǎng)頁要應(yīng)用到多方面的知識(shí)，培養(yǎng)學(xué)生的知識(shí)遷能力，同時(shí)給學(xué)生提供了自由發(fā)揮的空間，學(xué)生可以充分發(fā)揮自身的創(chuàng)造力與想象力，培養(yǎng)學(xué)生綜合運(yùn)用知識(shí)的能力。

教學(xué)過程：

1、導(dǎo)入

首先以學(xué)校要建校園網(wǎng)站為引言，校園網(wǎng)站下掛有教師個(gè)人網(wǎng)站、班級(jí)網(wǎng)站、學(xué)生個(gè)人網(wǎng)站等，激發(fā)學(xué)生要自己制作個(gè)人主頁的興趣，然后給學(xué)生布置任務(wù)，要求網(wǎng)站必須有同學(xué)們親手制作的網(wǎng)頁，才能真正成為的校園網(wǎng)站，提供大量的制作網(wǎng)頁的素材（如圖片、聲音、動(dòng)畫、視頻等），同學(xué)們可以自由地發(fā)表自己的想法和觀點(diǎn)，開闊學(xué)生的思路，同時(shí)激發(fā)學(xué)生的創(chuàng)造欲望。

2、教學(xué)內(nèi)容

教師利用多媒體教學(xué)網(wǎng)（或大屏幕投影儀）簡單分析教學(xué)課件的要素，將Office中的Word 2000知識(shí)遷移到此，將任務(wù)進(jìn)行分解成為若干個(gè)小任務(wù)，如制作一個(gè)網(wǎng)站，必須制作若干個(gè)網(wǎng)頁，而一個(gè)網(wǎng)頁可能由文字、圖片、超鏈接等構(gòu)成，因而就有要完成插入文字、插入圖片、插入超級(jí)鏈接等小任務(wù)。具體的任務(wù)要求是：文字要有不同的字體、顏色、字號(hào)、對齊方式；圖片要求大小調(diào)節(jié)合適、位置擺放合適；表格要有合并與拆分，表格內(nèi)要有文字、圖片；主頁與子網(wǎng)頁之間要有超級(jí)鏈接并為雙向的。然后簡單演示一個(gè)網(wǎng)站內(nèi)部的超級(jí)鏈接。引導(dǎo)學(xué)生輕松愉快、主動(dòng)去解決問題，完成任務(wù)，進(jìn)而達(dá)到自身對知識(shí)的意義建構(gòu)。

接下來就是學(xué)生開始自主學(xué)習(xí)的過程。學(xué)生帶著制作網(wǎng)頁這個(gè)任務(wù)，并由此而產(chǎn)生對網(wǎng)頁中的文字處理與圖片等知識(shí)的需求，由內(nèi)在的需要促使學(xué)生去主動(dòng)探索、學(xué)習(xí)相應(yīng)的知識(shí)，并通過自己主動(dòng)探索來解決問題。在此過程中，教師巡視查看學(xué)生的學(xué)習(xí)過程，了解學(xué)生的學(xué)習(xí)情況、進(jìn)度，以指導(dǎo)者的身份對個(gè)別學(xué)生的問題進(jìn)行單獨(dú)交流、指導(dǎo)；如：有的學(xué)生問網(wǎng)頁之間的超級(jí)鏈接如何去做，有的學(xué)生問如何利用表格對文字、圖片的定位等。學(xué)生之間可以互相交流、互相學(xué)習(xí)、互幫互助、團(tuán)結(jié)協(xié)作；對大多數(shù)學(xué)生的共性問題，教師給予廣播式指導(dǎo)解決。對于理解能力、動(dòng)手能力以及綜合應(yīng)用能力強(qiáng)的同學(xué)指導(dǎo)他們進(jìn)一步學(xué)習(xí)擴(kuò)展內(nèi)容，發(fā)展他們的個(gè)性，培養(yǎng)他們的積極創(chuàng)新精神。如對某些學(xué)的快的學(xué)生給予引導(dǎo)如何用表格套表格的再定位方法準(zhǔn)確地定位文字、圖片。

3、教學(xué)評估

在規(guī)定的時(shí)間內(nèi)學(xué)生基本完成了學(xué)習(xí)任務(wù)，下面是給學(xué)生一個(gè)展示自我的機(jī)會(huì)，從學(xué)生制作的網(wǎng)頁中挑選出有代表性的作品，由學(xué)生自己介紹、演示，這樣可以鍛煉學(xué)生的表達(dá)能力，然后讓學(xué)生互相討論，發(fā)表意見、看法，實(shí)現(xiàn)相互交流、學(xué)習(xí)的目的。教師在此過程中以實(shí)現(xiàn)預(yù)定的教學(xué)目標(biāo)為目的，適當(dāng)?shù)匾龑?dǎo)討論方向。這一個(gè)過程是非常重要的過程，是一個(gè)再學(xué)習(xí)再提高的過程。對于知

識(shí)掌握較好的學(xué)生正是表現(xiàn)自我的時(shí)候，是最有成就感的時(shí)候，對于少數(shù)知識(shí)掌握不太好的學(xué)生，真是一個(gè)再學(xué)習(xí)的過程，完成對知識(shí)的意義建構(gòu)。

4、課堂總結(jié)

教師總結(jié)本節(jié)課的教學(xué)內(nèi)容：掌握文字處理方法、插入剪貼畫、使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識(shí)制作表達(dá)一定主題、包含文字、圖片的個(gè)人網(wǎng)站。對學(xué)生的制作成果表揚(yáng)鼓勵(lì)，并提出新的問題，留下懸念，激發(fā)學(xué)生繼續(xù)學(xué)習(xí)的興趣。如要使自己的網(wǎng)頁更美觀、內(nèi)容更充實(shí)，具有“商業(yè)網(wǎng)站”的味道，我們就必須要對網(wǎng)頁進(jìn)行美化進(jìn)行裝飾，如何去才能實(shí)現(xiàn)呢？這是我們下一節(jié)要完成的任務(wù)。

5、課后小記

絕大多數(shù)學(xué)生能積極主動(dòng)地去探索知識(shí)，并在有限的時(shí)間里完成任務(wù)，達(dá)到“B”等級(jí)或以上；只有兩位學(xué)生欠缺點(diǎn)，有一項(xiàng)削任務(wù)沒完成。

第五篇：制作個(gè)人網(wǎng)站教案

學(xué)科：《信息技術(shù)》 課題：《制作個(gè)人網(wǎng)站》 課時(shí)：1 [教學(xué)目標(biāo)]（1）熟悉Dreamweaver的軟件環(huán)境，掌握該環(huán)境下的文字處理方法；

（2）掌握插入剪貼畫的方法，掌握使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識(shí)制作表達(dá)一定主題、包含文字、圖片的個(gè)人網(wǎng)站。[教學(xué)重點(diǎn)與難點(diǎn)] 使用表格定位文字、圖片，網(wǎng)站內(nèi)部的超鏈接。[課時(shí)安排] 1.心課導(dǎo)入與布置任務(wù)（用時(shí)6～7分鐘）2.學(xué)生自主學(xué)習(xí)（用時(shí)27分鐘）3.教學(xué)評價(jià)（用時(shí)10分鐘）4.教學(xué)總結(jié)（用時(shí)1～2分鐘）教學(xué)過程：

1、導(dǎo)入

首先以學(xué)校要建校園網(wǎng)站為引言，校園網(wǎng)站下掛有教師個(gè)人網(wǎng)站、班級(jí)網(wǎng)站、學(xué)生個(gè)人網(wǎng)站等，激發(fā)學(xué)生要自己制作個(gè)人主頁的興趣，然后給學(xué)生布置任務(wù)，要求網(wǎng)站必須有同學(xué)們親手制作的網(wǎng)頁，才能真正成為的校園網(wǎng)站，提供大量的制作網(wǎng)頁的素材（如圖片、聲音、動(dòng)畫、視頻等），同學(xué)們可以自由地發(fā)表自己的想法和觀點(diǎn)，開闊學(xué)生的思路，同時(shí)激發(fā)學(xué)生的創(chuàng)造欲望。

2、教學(xué)內(nèi)容

教師利用多媒體教學(xué)網(wǎng)（或大屏幕投影儀）簡單分析教學(xué)課件的要素，將Office中的Word 2000知識(shí)遷移到此，將任務(wù)進(jìn)行分解成為若干個(gè)小任務(wù)，如制作一個(gè)網(wǎng)站，必須制作若干個(gè)網(wǎng)頁，而一個(gè)網(wǎng)頁可能由文字、圖片、超鏈接等構(gòu)成，因而就有要完成插入文字、插入圖片、插入超級(jí)鏈接等小任務(wù)。具體的任務(wù)要求是：文字要有不同的字體、顏色、字號(hào)、對齊方式；圖片要求大小調(diào)節(jié)合適、位置擺放合適；表格要有合并與拆分，表格內(nèi)要有文字、圖片；主頁與子網(wǎng)頁之間要有超級(jí)鏈接并為雙向的。然后簡單演示一個(gè)網(wǎng)站內(nèi)部的超級(jí)鏈接。引導(dǎo)學(xué)生輕松愉快、主動(dòng)去解決問題，完成任務(wù)，進(jìn)而達(dá)到自身對知識(shí)的意義建構(gòu)。

接下來就是學(xué)生開始自主學(xué)習(xí)的過程。學(xué)生帶著制作網(wǎng)頁這個(gè)任務(wù)，并由此而產(chǎn)生對網(wǎng)頁中的文字處理與圖片等知識(shí)的需求，由內(nèi)在的需要促使學(xué)生去主動(dòng)探索、學(xué)習(xí)相應(yīng)的知識(shí)，并通過自己主動(dòng)探索來解決問題。在此過程中，教師巡視查看學(xué)生的學(xué)習(xí)過程，了解學(xué)生的學(xué)習(xí)情況、進(jìn)度，以指導(dǎo)者的身份對個(gè)別學(xué)生的問題進(jìn)行單獨(dú)交流、指導(dǎo)；如：有的學(xué)生問網(wǎng)頁之間的超級(jí)鏈接如何去做，有的學(xué)生問如何利用表格對文字、圖片的定位等。學(xué)生之間可以互相交流、互相學(xué)習(xí)、互幫互助、團(tuán)結(jié)協(xié)作；對大多數(shù)學(xué)生的共性問題，教師給予廣播式指導(dǎo)解決。對于理解能力、動(dòng)手能力以及綜合應(yīng)用能力強(qiáng)的同學(xué)指導(dǎo)他們進(jìn)一步學(xué)習(xí)擴(kuò)展內(nèi)容，發(fā)展他們的個(gè)性，培養(yǎng)他們的積極創(chuàng)新精神。如對某些學(xué)的快的學(xué)生給予引導(dǎo)如何用表格套表格的再定位方法準(zhǔn)確地定位文字、圖片。

3、教學(xué)評估

在規(guī)定的時(shí)間內(nèi)學(xué)生基本完成了學(xué)習(xí)任務(wù)，下面是給學(xué)生一個(gè)展示自我的機(jī)會(huì)，從學(xué)生制作的網(wǎng)頁中挑選出有代表性的作品，由學(xué)生自己介紹、演示，這樣可以鍛煉學(xué)生的表達(dá)能力，然后讓學(xué)生互相討論，發(fā)表意見、看法，實(shí)現(xiàn)相互交流、學(xué)習(xí)的目的。教師在此過程中以實(shí)現(xiàn)預(yù)定的教學(xué)目標(biāo)為目的，適當(dāng)?shù)匾龑?dǎo)討論方向。這一個(gè)過程是非常重要的過程，是一個(gè)再學(xué)習(xí)再提高的過程。對于知識(shí)掌握較好的學(xué)生正是表現(xiàn)自我的時(shí)候，是最有成就感的時(shí)候，對于少數(shù)知識(shí)掌握不太好的學(xué)生，真是一個(gè)再學(xué)習(xí)的過程，完成對知識(shí)的意義建構(gòu)。

4、課堂總結(jié)

教師總結(jié)本節(jié)課的教學(xué)內(nèi)容：掌握文字處理方法、插入剪貼畫、使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識(shí)制作表達(dá)一定主題、包含文字、圖片的個(gè)人網(wǎng)站。對學(xué)生的制作成果表揚(yáng)鼓勵(lì)，并提出新的問題，留下懸念，激發(fā)學(xué)生繼續(xù)學(xué)習(xí)的興趣。如要使自己的網(wǎng)頁更美觀、內(nèi)容更充實(shí)，具有“商業(yè)網(wǎng)站”的味道，我們就必須要對網(wǎng)頁進(jìn)行美化進(jìn)行裝飾，如何去才能實(shí)現(xiàn)呢？這是我們下一節(jié)要完成的任務(wù)。