第一篇：中學(xué)網(wǎng)站制作教案[模版]

中學(xué)網(wǎng)站制作教案 ——超鏈接的應(yīng)用 學(xué)習(xí)需求分析

你們是設(shè)計(jì)者，應(yīng)該根據(jù)學(xué)習(xí)學(xué)要分析的過程展開分析。因此，作業(yè)要根據(jù)你們的調(diào)查目標(biāo)、過程等展開分析，從而描述該內(nèi)容學(xué)習(xí)的必要性。

以學(xué)習(xí)超鏈接為例（這不是為例，這就是你要認(rèn)真展開做的。）

1>.發(fā)現(xiàn)問題：即了解學(xué)生學(xué)習(xí)中的困難，比如每個(gè)學(xué)生的動(dòng)手能力不同。

2>.分析問題原因:可能是知識點(diǎn)不熟悉而導(dǎo)致操作中犯錯(cuò)，也可能是平時(shí)訓(xùn)練的不多等等其他原因。

3>.分析可行性（人、財(cái)、物的支持、重要性）教學(xué)目標(biāo)

教學(xué)目標(biāo)就是按照行為目標(biāo)要求的四個(gè)要素來描寫。

學(xué)習(xí)者特征分析

初中生的學(xué)習(xí)狀態(tài)和小學(xué)生以及高中生都有很大的區(qū)別。與小學(xué)階段的學(xué)習(xí)相比，表現(xiàn)出以下明顯的差異：

1.學(xué)習(xí)內(nèi)容逐步深化、學(xué)科知識逐步系統(tǒng)化，學(xué)習(xí)的課程門類逐漸增加，內(nèi)容也逐步加深。小學(xué)期間，學(xué)生的學(xué)習(xí)內(nèi)容是比較簡單的，學(xué)科也相對簡化，主要學(xué)習(xí)語文、數(shù)學(xué)等最基礎(chǔ)的課程。老師的教學(xué)也更重趣味性和直觀性，而不是強(qiáng)調(diào)知識的完整體系。而對于初中生來說，學(xué)習(xí)的網(wǎng)頁制作教程frontpage，就除要求學(xué)生識記大量的定義、原理等知識點(diǎn)外，更重要的是培養(yǎng)學(xué)生掌握運(yùn)用知識的能力。在掌握知識理論的同時(shí)必須熟悉上機(jī)操作。2.學(xué)習(xí)的自覺性和依賴性、主動(dòng)性和被動(dòng)性并存；

網(wǎng)也制作教程frontpage得教學(xué)應(yīng)該切合初中生的這種特征，注意興趣的引導(dǎo)，激發(fā)他們對課程學(xué)習(xí)的自覺性和主動(dòng)性。

3.學(xué)生在學(xué)習(xí)中的自主能力日顯重要。

網(wǎng)頁制作教程frontpage的學(xué)習(xí)就不能局限于課堂的45分鐘，老師需要引起學(xué)生的興趣并強(qiáng)調(diào)課外的學(xué)習(xí)鞏固。

初中生一般剛開始接觸計(jì)算機(jī)，對已計(jì)算機(jī)類教程的學(xué)習(xí)多少都存在好奇心。相 對其他課程的學(xué)習(xí)，網(wǎng)頁制作課程frontpage就具有較大的吸引力，所以要把握這種機(jī)會(huì)更好的引導(dǎo)學(xué)生學(xué)習(xí)和操作。

仔細(xì)查閱資料，這些分析與自己的設(shè)計(jì)有多少聯(lián)系性。教學(xué)內(nèi)容分析

內(nèi)容分析法技術(shù)采用我們在課堂中講授的一種方法去分析。其框架中的內(nèi)容還是用簡單的目標(biāo)描述法。

第二篇：制作個(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)用掌握的知識制作表達(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)站、班級網(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知識遷移到此，將任務(wù)進(jìn)行分解成為若干個(gè)小任務(wù)，如制作一個(gè)網(wǎng)站，必須制作若干個(gè)網(wǎng)頁，而一個(gè)網(wǎng)頁可能由文字、圖片、超鏈接等構(gòu)成，因而就有要完成插入文字、插入圖片、插入超級鏈接等小任務(wù)。具體的任務(wù)要求是：文字要有不同的字體、顏色、字號、對齊方式；圖片要求大小調(diào)節(jié)合適、位置擺放合適；表格要有合并與拆分，表格內(nèi)要有文字、圖片；主頁與子網(wǎng)頁之間要有超級鏈接并為雙向的。然后簡單演示一個(gè)網(wǎng)站內(nèi)部的超級鏈接。引導(dǎo)學(xué)生輕松愉快、主動(dòng)去解決問題，完成任務(wù)，進(jìn)而達(dá)到自身對知識的意義建構(gòu)。

接下來就是學(xué)生開始自主學(xué)習(xí)的過程。學(xué)生帶著制作網(wǎng)頁這個(gè)任務(wù)，并由此而產(chǎn)生對網(wǎng)頁中的文字處理與圖片等知識的需求，由內(nèi)在的需要促使學(xué)生去主動(dòng)探索、學(xué)習(xí)相應(yīng)的知識，并通過自己主動(dòng)探索來解決問題。在此過程中，教師巡視查看學(xué)生的學(xué)習(xí)過程，了解學(xué)生的學(xué)習(xí)情況、進(jìn)度，以指導(dǎo)者的身份對個(gè)別學(xué)生的問題進(jìn)行單獨(dú)交流、指導(dǎo)；如：有的學(xué)生問網(wǎng)頁之間的超級鏈接如何去做，有的學(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í)再提高的過程。對于知識掌握較好的學(xué)生正是表現(xiàn)自我的時(shí)候，是最有成就感的時(shí)候，對于少數(shù)知識掌握不太好的學(xué)生，真是一個(gè)再學(xué)習(xí)的過程，完成對知識的意義建構(gòu)。

4、課堂總結(jié)

教師總結(jié)本節(jié)課的教學(xué)內(nèi)容：掌握文字處理方法、插入剪貼畫、使用表格，網(wǎng)站內(nèi)部的超鏈接，應(yīng)用掌握的知識制作表達(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ù)。

第三篇：《視頻網(wǎng)站制作》實(shí)驗(yàn)教案

網(wǎng) 頁 制 作

授課教師：熊伶俐

授課班級：廣播電視編導(dǎo)

授課時(shí)間：

教 案

2008級B方向 2011——2012學(xué)第一學(xué)期

目 錄

實(shí)驗(yàn)一：基本網(wǎng)頁元素的使用 ··························································· 1 實(shí)驗(yàn)二：插入多媒體對象··································································· 2 實(shí)驗(yàn)三：超級鏈接的使用實(shí)驗(yàn)四：頁面布局實(shí)驗(yàn)五：實(shí)驗(yàn)六：模板的使用實(shí)驗(yàn)七：制作表單網(wǎng)頁實(shí)驗(yàn)八：設(shè)計(jì)并制作一個(gè)視頻網(wǎng)站··································································· 4 ·············································································· 5 CSS樣式的使用··································································· 7 ·········································································· 9 ···································································· 10 ···················································11 實(shí)驗(yàn)一：基本網(wǎng)頁元素的使用

實(shí)驗(yàn)內(nèi)容：

1、插入文字；

2、插入圖像。實(shí)驗(yàn)?zāi)康模菏炀氄莆栈揪W(wǎng)頁元素的使用 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺 實(shí)驗(yàn)步驟：

1、插入文字 1.1輸入文字

鼠標(biāo)在文檔工作區(qū)單擊，當(dāng)出現(xiàn)閃爍的光標(biāo)后，選擇合適的輸入法即可輸入文字。1.2改變文本屬性

選中文字后，可以在屬性面板上改變文字的大小、粗細(xì)、樣式、對齊方式等，還可以為文字建立超級鏈接。1.3增加字體

打開字體選項(xiàng)列表，單擊最后一行的“編輯字體列表”，彈出“編輯字體列表”對話框。單擊“＋”按鈕，在“可用字體”列表中選擇字體，單擊向左的箭頭，即可將所選擇的字體添加到字體列表中。1.4添加項(xiàng)目編號

在屬性面板上單擊“項(xiàng)目列表”按鈕，輸入幾行文字，每行文字均帶有強(qiáng)調(diào)性的圓形小黑點(diǎn)

單擊“編號列表”按鈕，輸入幾行文字，每行文字均帶有數(shù)字編號。

單擊“列表項(xiàng)目”按鈕，在打開的“列表屬性”對話框中可以對項(xiàng)目符號進(jìn)行詳細(xì)設(shè)計(jì)。2插入圖像

2.1常用圖像格式：GIF、JPEG 和 PNG。2.2插入圖像

（1）將光標(biāo)置于要插入圖像的位置，在“插入”欄的“常用”選項(xiàng)卡中單擊“圖像”按鈕或選擇“插入”菜單中的“圖像”命令。

（2）此時(shí)將打開“選擇圖像源”對話框，選取存放在站點(diǎn)中的圖像文件，最后單擊“確認(rèn)”按鈕即可將圖片插入到指定區(qū)域。

（3）如果所選擇的圖像文件不是站點(diǎn)中的文件，則將打開“Macromedia Dreamweaver MX”對話框。提示是否將圖像文件保存到根目錄下，單擊“是”按鈕，然后打開“拷貝文件為”對話框，定位到站點(diǎn)中用于存放圖像文件的文件夾，最后單擊“保存”按鈕即可。

2.3修改圖像尺寸

1、自由縮放

單擊圖片，在圖片的下方和右側(cè)出現(xiàn)3個(gè)黑色的控制柄。分別拖動(dòng)這3個(gè)控制柄可以改變圖片的尺寸。若要等比例縮放圖片，可以按住shift鍵，用鼠標(biāo)左鍵拖動(dòng)右下角的控制柄。

2、精確縮放

如果已經(jīng)確定了圖片的具體縮放尺寸，單擊圖片，在其屬性面板中輸入寬和高的具體數(shù)值，可以精確地改變圖片的尺寸。2.4為圖片增加說明文字

單擊圖片，在屬性面板的替代框輸入圖片的說明文字，按下F12鍵，打開瀏覽器窗口，將光標(biāo)移動(dòng)到圖片上就可以看到為其添加的說明文字。2.5鼠標(biāo)經(jīng)過圖像

（1）將插入點(diǎn)定位到要插入鼠標(biāo)經(jīng)過圖像的區(qū)域，然后在“插入”欄的“常用”選項(xiàng)卡中單擊“鼠標(biāo)經(jīng)過圖像”按鈕。

（2）打開“插入鼠標(biāo)經(jīng)過圖像”對話框。

在“圖像名稱”文字框內(nèi)輸入翻轉(zhuǎn)圖像的名稱；單擊“原始圖像”文本框后的“瀏覽”按鈕，然后在“原始圖像”對話框中，選取作為初始圖像的圖片文件后按“確認(rèn)”按鈕；單擊“鼠標(biāo)經(jīng)過圖像”文本框后的“瀏覽”按鈕，然后在“鼠標(biāo)經(jīng)過圖像”對話框中，選取作為鼠標(biāo)經(jīng)過圖像的圖片文件后按“確認(rèn)”按鈕；確保選中“預(yù)載鼠標(biāo)經(jīng)過圖像”復(fù)選框；在“替換文本”文本框內(nèi)輸入替換文字；在“按下時(shí)，前往的 URL”文本框中指定目標(biāo)文件的地址，最后單擊“確定”按鈕。

（3）按【F12】鍵在瀏覽器窗口中查看鼠標(biāo)經(jīng)過圖像效果。2.6插入圖像映射（熱區(qū)）

1、先選中圖像，此時(shí)可以在圖像屬性面板上看見一個(gè)“地圖”區(qū)域，在其下方有三個(gè)淡藍(lán)色的工具圖標(biāo)，即矩形、圓形和多邊形。

2、根據(jù)需要用鼠標(biāo)選中其中的一個(gè)，再把鼠標(biāo)移到圖像上拖拽出一塊淡藍(lán)色的區(qū)域。實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)二：插入多媒體對象

實(shí)驗(yàn)內(nèi)容：

1、插入聲音；

2、插入視頻；

3、插入Flash。實(shí)驗(yàn)?zāi)康模菏炀毷褂酶鞣N多媒體素材豐富網(wǎng)頁 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺，耳麥一副 實(shí)驗(yàn)步驟：

1、在頁面中插入背景音樂。方法一：通過手工編寫代碼

（1）打開要添加背景音樂的網(wǎng)頁，切換到代碼視圖或拆分視圖。

（2）在 和 之間添加以下代碼：。

bgsound 標(biāo)記符的基本屬性是 src，用于指定背景音樂的源文件。

loop，用于指定背景音樂重復(fù)的次數(shù)；如果不指定該屬性，或者loop值為-1或者true時(shí)，背景音樂無限循環(huán)。方法二：通過行為來實(shí)現(xiàn)

（1）打開一個(gè)網(wǎng)頁文檔，在文檔左下角的“標(biāo)簽選擇器”中選擇“ body ”標(biāo)簽。（2）打開行為面板，點(diǎn)擊“＋”按鈕添加行為“播放聲音”。（3）選擇聲音文件。一個(gè)網(wǎng)頁的背景音樂就添加好了。（4）在文檔中選擇背景音樂的圖標(biāo)。（5）在屬性面板中，點(diǎn)擊“參數(shù)”按鈕。（6）修改參數(shù)Autostart為true。2、鏈接聲音與視頻

（1）選擇要用作超鏈接的文本或圖像。

（2）在屬性面板中，單擊鏈接文本框后的“瀏覽文件”按鈕，選擇站點(diǎn)中的音頻文件或視頻文件。

注：如果原來的文件名為中文，應(yīng)事先將其改為英文。

3、嵌入聲音與視頻

（1）在文檔窗口中，將插入點(diǎn)定位到要嵌入文件的地方，然后在“插入”欄的“媒體”選項(xiàng)卡中單擊“插件”圖標(biāo)。

（2）在“選擇文件”對話框中選擇嵌入的音頻文件或視頻文件（文件名稱必須是英文，不能插入漢字名稱的文件）。

（3）通過在“高”和“寬”文本框中輸入數(shù)值或者通過在“文檔”窗口中拖動(dòng)調(diào)整插件占位符的大小，可以確定播放器控件在瀏覽器中的顯示大小。

4、插入Flash動(dòng)畫

將光標(biāo)置于要插入Flash動(dòng)畫的位置，執(zhí)行“插入/媒體/Flash”命令，從彈出的“選擇文件”對話框中選擇Flash文件，單擊“確定”按鈕即可。注：插入的Flash文檔只能是.swf格式文件。

5、插入Flash文本

（1）執(zhí)行“插入/媒體/Flash文本”命令，彈出“插入Flash文本”對話框，設(shè)置文本字體、大小、對齊方式、粗體、斜體、顏色、背景色、鏈接URL等參數(shù)。（2）在“另存為”對話框中指定Flash文本的存盤文件名。

注：若Flash文本設(shè)置了鏈接，則必須將該文件與HTML文檔保存在相同的文件夾下。*文件的路徑和文件名都不能含有中文。

6、插入Flash按鈕

（1）執(zhí)行“插入/媒體/Flash按鈕”命令，彈出“插入Flash按鈕”對話框。

（2）選擇按鈕樣式（有多達(dá)40余種樣式可供選擇），然后輸入按鈕文本，選擇文本字體、大小、背景色、鏈接URL等參數(shù)。

（3）在“另存為”對話框中指定Flash按鈕的存盤文件名。（注意事項(xiàng)同F(xiàn)lash文本）

7、制作圖象查看器

（1）執(zhí)行“插入/媒體/圖象查看器”命令（或者單擊插入工具欄的Flash元素選項(xiàng)卡中的圖象查看器命令），彈出“保存Flash元素”對話框，設(shè)置將圖象瀏覽器Flash影片保存在 站點(diǎn)下面，單擊“保存”按鈕在頁面中插入一個(gè)Flash對象。

（2）在面板組合區(qū)中找到標(biāo)簽面板，單擊將其展開（或者用F9鍵直接打開標(biāo)簽面板），可以看到Flash元素具有很多屬性值。

（3）在屬性列表框中打開frameShow，單擊右方的下拉箭頭，選擇是。

（4）打開屬性imageURLs，單擊右側(cè)的按鈕，打開“編輯‘imageURLs’數(shù)組”對話框。（5）系統(tǒng)默認(rèn)加了3各圖象在列表中，單擊上方的減號按鈕將其全部刪除。

（6）單擊加號按鈕，但后單擊列表框右側(cè)的打開文件按鈕，在彈出的“選擇文件”對話框中選擇需要顯示的圖片。

（7）重復(fù)上一步操作，直到將所有需要顯示的圖片全部加入列表框中。

（8）如果需要對圖片設(shè)置鏈接，在屬性列表中選中imageLinks屬性，單擊右側(cè)的按鈕，彈出“編輯‘imageLinks’數(shù)組”對話框，按順序設(shè)計(jì)各圖片的鏈接URL即可。（9）在屬性列表框中找到title，在后面輸入圖片的標(biāo)題。

（10）在屬性列表框中找到transitionsType，設(shè)置其值為Random，讓圖片之間的切換效果為隨機(jī)效果。

（11）按F12鍵預(yù)覽最后的效果。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)三：超級鏈接的使用

實(shí)驗(yàn)內(nèi)容：插入超級鏈接 實(shí)驗(yàn)?zāi)康模菏炀毷褂贸夋溄?/p>

實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺 實(shí)驗(yàn)步驟：

1、創(chuàng)建錨記

錨記是在文檔中設(shè)置位置標(biāo)記，并給該位置一個(gè)名稱以便引用。通過創(chuàng)建錨記，可以使鏈接指向當(dāng)前文檔或不同文檔中的指定位置。錨記常常被用來跳轉(zhuǎn)到特定的主題或文檔的頂部，使訪問者能夠快速瀏覽到選定的位置，從而加快信息的檢索速度。

（1）在需要設(shè)置錨記的位置單擊，在插入工具欄的常用選項(xiàng)卡中選擇命名錨記按鈕，打開“命名錨記”對話框。

（2）在對話框的“錨記”名稱框中輸入錨記名（區(qū)分大小寫），單擊確定按鈕，錨記標(biāo)記出現(xiàn)在光標(biāo)插入點(diǎn)。如果錨記標(biāo)記沒有出現(xiàn)，執(zhí)行“查看/可視化助理/不可見元素”命令即可。

2、文字或圖片的鏈接

（1）單擊需要?jiǎng)?chuàng)建超級鏈接的文字或者圖片，然后在屬性面板的“鏈接”文本框旁單擊“瀏覽文件”按鈕。

（2）打開“選擇文件”對話框，定位到要跳轉(zhuǎn)的文件后單擊“確認(rèn)”按鈕即可。

3、電子郵件鏈接

方法一：在鏈接文本框中輸入“mailto：電子郵件地址”。

方法二：單擊插入工具欄的常用選項(xiàng)卡中的“電子郵件鏈接”按鈕，彈出“電子郵件鏈接”對話框，在文本輸入框中輸入作為電子郵件鏈接顯示在文檔中的文本，在E－Mail欄中輸入電子郵件地址。如果不輸入文本，則在文檔中直接顯示電子郵件地址。

4、錨鏈接

直接在鏈接文本框中輸入“＃錨記名”即可。

5、快速檢查網(wǎng)頁鏈接

（1）在Dreamweaver 8中運(yùn)行“站點(diǎn)→檢查站點(diǎn)范圍的鏈接”命令，此時(shí)將會(huì)激活鏈接檢查面板。

（2）從面板左上部的“顯示”下拉菜單中可以選擇“斷掉的鏈接”、“外部的鏈接”、“孤立文件”三種，比如我們選取“孤立文件”之后，Dreamweaver 8將對當(dāng)前鏈接情況進(jìn)行檢查，并且將孤立的文件列表顯示出來。

（3）對于有問題的文件，直接雙擊鼠標(biāo)左鍵即可打開進(jìn)行修改。

提示：外部鏈接是鏈接到外部網(wǎng)站的鏈接地址，Dreamweaver無法對其正確性進(jìn)行檢查。在為網(wǎng)頁建立鏈接的時(shí)候需要提醒大家一定要格外小心，因?yàn)榫W(wǎng)站通常都有數(shù)百個(gè)頁面，稍不留神就會(huì)導(dǎo)致空鏈接或者是鏈接錯(cuò)誤的情況，這對你的網(wǎng)站形象可是有很不好的影響喲！

6、刪除超級鏈接

在屬性面板的鏈接對話框中刪除鏈接路徑，該鏈接便消失了。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)四：頁面布局

實(shí)驗(yàn)內(nèi)容：

1、利用框架進(jìn)行布局；

2、使用表格進(jìn)行頁面布局；

3、使用圖層進(jìn)行頁面布局。

實(shí)驗(yàn)?zāi)康模菏炀氄莆蘸褪褂酶鞣N方法進(jìn)行頁面布局 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺 實(shí)驗(yàn)步驟：

1、利用框架進(jìn)行布局

（1）選擇“文件”菜單中的“新建”命令，打開“新建文檔”對話框，在“常規(guī)”選項(xiàng)中的類別框內(nèi)選擇“框架集”，在“框架集”框內(nèi)選擇“左側(cè)固定，上方嵌套”結(jié)構(gòu)，單擊“創(chuàng)建”按鈕。

（2）選擇“文件”菜單中的“保存全部”命令，之后將出現(xiàn) 4 個(gè)“保存為”對話框，分別將框架集和各框架網(wǎng)頁保存在站點(diǎn)中的同一文件夾中。

（3）按【Shift + F2】鍵打開“框架”面板，單擊該面板中的最外層邊框，選擇整個(gè)框架 集，在其“屬性檢查器”中的“列值”文本框內(nèi)輸入“170”，在“單位”框內(nèi)選擇“像素”，其他屬性保持不變。再選擇包含上下結(jié)構(gòu)的框架集，在其“屬性檢查器”中設(shè)置“行值”為 80 像素，其他屬性保持不變。

（4）將插入點(diǎn)定位在左側(cè)框架內(nèi)，按【Ctrl + J】鍵打開“頁面屬性”對話框，分別設(shè)置網(wǎng)頁的背景色為“黑色”、文本顏色為“#d1c598”、鏈接顏色為“#d1c598”、活動(dòng)鏈接顏色為“#993300”、訪問過鏈接顏色為“#006600”，單擊“確定”按鈕。

（5）繼續(xù)將插入點(diǎn)定位在左側(cè)框架內(nèi)，單擊“插入表格”按鈕，插入一個(gè) 3 行 2 列，寬度為“140”像素，適當(dāng)高度，單元格填充、單元格間距、邊框都為“0”的表格。對單元格進(jìn)行適當(dāng)合并，然后在各單元格內(nèi)添加內(nèi)容，并使用“屬性檢查器”進(jìn)行修飾，制作出左側(cè)框架中的網(wǎng)頁。

（6）分別制作出另外兩個(gè)框架中的網(wǎng)頁，使用“全部保存”命令保存對文檔的修改。（7）制作要作為超鏈接目標(biāo)、在右下框架內(nèi)顯示的各網(wǎng)頁，注意其風(fēng)格與尺寸應(yīng)與原來右下框架中的網(wǎng)頁相似。

（8）在左側(cè)框架內(nèi)，為導(dǎo)航欄中的文字設(shè)置超鏈接，并將其鏈接“目標(biāo)”指定為右下框架（即 mainFrame），保存對文檔的修改，在瀏覽器窗口中預(yù)覽網(wǎng)頁。

2、使用表格進(jìn)行頁面布局

（1）在空白文檔窗口中，按【Ctrl + J】鍵打開“頁面屬性”對話框，在“標(biāo)題”文本框內(nèi)輸入網(wǎng)頁的標(biāo)題，在“背景”文本框內(nèi)選擇黑色作為網(wǎng)頁的背景，在“文本”文本框內(nèi)選擇白色作文本顏色，設(shè)置完成后單擊“確定”按鈕。

（2）將“插入欄”切換到“布局”選項(xiàng)卡，單擊“布局視圖”按鈕切換到布局視圖模式下，按【Ctrl + S】鍵將網(wǎng)頁保存到站點(diǎn)中。

（3）在“插入欄”中單擊“繪制布局單元格”按鈕，繪制一個(gè)寬為 600 像素，高為 24 像素的布局單元格，然后添加若干文字。

（4）按住【Alt】鍵不放，多次單擊“繪制布局單元格”按鈕，連續(xù)繪制4個(gè)寬度相等的單元格，分別在第二與第三個(gè)布局單元格內(nèi)插入若干文本，在第四個(gè)布局單元格內(nèi)插入一條寬度為 600 像素，高度為 1 像素的水平線，并使用屬性檢查器對添加的文本與水平線進(jìn)行修飾。

（5）將繪制的第二個(gè)布局單元格的高度調(diào)整為 120 像素，適當(dāng)調(diào)整其他三個(gè)單元格的高度與寬度，在適當(dāng)調(diào)整布局表格的寬度。

（6）單擊“標(biāo)準(zhǔn)視圖”按鈕，將文檔窗口切換到標(biāo)準(zhǔn)視圖模式，將插入點(diǎn)定位在繪制的第四個(gè)單元格內(nèi)，單擊“插入表格”按鈕，在打開的“插入表格”對話框中，設(shè)置表格“行”為

8、“列”為

5、“單元格填充”為0、“單元格邊距”為0、“寬度”為100%（即所在單元格的寬度600像素）、“邊框”為0，完成后單擊“確定”按鈕。

（7）在插入表格中的第一、三、五、七行與一、三、五列交界處的單元格內(nèi)，分別插入尺寸相等的圖像，在圖像下方的單元格內(nèi)輸入一些文字并進(jìn)行修飾。

（8）使用單元格的“屬性檢查器”，將插入圖像單元格的寬度設(shè)置為 150 像素，高度為 100 像素，文字所在單元格高度為 80 像素，沒有內(nèi)容的單元格寬度為 75 像素。

（9）另外將插入圖像單元格的對齊方式設(shè)置為水平“居中對齊”、垂直“中間”對齊，此 時(shí)的文檔窗口。

（10）選取包含圖像的單元格，然后使用 CSS 樣式為該單元格設(shè)置一種邊框效果。（11）在第一個(gè)單元格與第二個(gè)單元格內(nèi)設(shè)置一個(gè)背景圖像，按【Ctrl + S】鍵保存對文檔的修改，按【F12】鍵在瀏覽器窗口中預(yù)覽網(wǎng)頁效果。

3、使用圖層進(jìn)行頁面布局

（1）在空白文檔窗口中，確保文檔窗口處于“標(biāo)準(zhǔn)視圖”模式下，按【Ctrl + J】鍵打開“頁面屬性”對話框，在“標(biāo)題”文本框內(nèi)輸入網(wǎng)頁的標(biāo)題，在“背景”文本框內(nèi)選擇黑色作為網(wǎng)頁的背景顏色，單擊“確定”按鈕，再按【Ctrl + S】鍵將網(wǎng)頁保存到站點(diǎn)中。（2）單擊“繪制層”按鈕，在文檔窗口中頂部繪制一個(gè)層，設(shè)置以下層屬性：左 20、上 20、寬度 600、高度 20、指定一個(gè)背景圖像作為第一層的背景。

（3）在該層中添加若干文本，然后使用“屬性檢查器”對文本進(jìn)行修飾。使用相同方法在下面繼續(xù)繪制一個(gè)層，添加若干文本并進(jìn)行修飾，之后適當(dāng)調(diào)整該層的位置與大小。（4）按住【Alt】鍵不放，單擊“繪制層”按鈕，在文檔窗口中連續(xù)繪制三個(gè)層，將其中的一個(gè)層的寬度設(shè)置為 150、高度為 115，然后同時(shí)選取它們（注意最后選擇有精確尺寸的層），選擇“修改”菜單“對齊”選項(xiàng)中的“設(shè)成寬度相等”與“設(shè)成高度相等”命令，將這三個(gè)層設(shè)置為大小相等的層。此時(shí)這三個(gè)層仍然處于選中狀態(tài)。

（5）按【Shift】鍵選取繪制的第一個(gè)層，選擇“修改”菜單“對齊”選擇中的“左對齊”命令，使這三個(gè)層與第一層對齊，最后適當(dāng)調(diào)整它們所在的上下位置，使用“插入欄”中的“圖像”按鈕分別插入尺寸相同的三個(gè)圖像。

（6）使用相同方法分別在文檔中繪制其他層，并插入若干圖像與文字。

（7）按【Ctrl + S】鍵，保存對文檔的修改，按【F12】鍵在瀏覽器窗口中預(yù)覽網(wǎng)頁。實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)五：CSS樣式的使用

實(shí)驗(yàn)內(nèi)容：使用CSS樣式創(chuàng)建風(fēng)格統(tǒng)一的網(wǎng)頁 實(shí)驗(yàn)?zāi)康模菏炀毷褂脙?nèi)部樣式表和外部樣式表 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺 實(shí)驗(yàn)步驟：

1、使用“CSS 樣式”面板

在網(wǎng)站或網(wǎng)頁中創(chuàng)建和應(yīng)用 CSS 樣式時(shí)，需要使用“CSS 樣式”面板。選擇“窗口”菜單中的“CSS 樣式”命令或按【Shift + F11】鍵，可以打開“CSS 樣式”面板。

在文檔窗口中，class 類樣式將出現(xiàn)在 “CSS 樣式面板”中。而對于創(chuàng)建的其他兩種樣式，將直接包含在網(wǎng)頁代碼或 CSS 外部樣式表中，而不會(huì)顯示在“CSS 樣式”面板。

2、創(chuàng)建 CSS 樣式

在文檔中要?jiǎng)?chuàng)建 CSS 樣式，首先將“CSS 樣式”面板打開，然后執(zhí)行以下步驟。

（1）在 CSS 樣式面板中，單擊“新建 CSS 樣式”按鈕，打開“新建 CSS 樣式”對話框。（2）在“新建 CSS 樣式”對話框中進(jìn)行如下設(shè)置：如果選擇“創(chuàng)建自定義樣式（class）”樣式類型，則在“名稱”文本框中輸入樣式名稱；如果選擇“重定義HTML 標(biāo)簽”或“使用 CSS 選擇器”樣式類型，則在“名稱”文本框中選擇相應(yīng)的樣式名稱。

（3）在“定義在”框中選擇，如果選擇“新建樣式表文件”選項(xiàng)，如果曾經(jīng)定義過樣式表文件，則可以從列表中選擇一個(gè)文件；如果選擇“僅對該文檔”單選按鈕，表示樣式將直接定義在當(dāng)前文檔中。

（4）單擊“確定”按鈕，如果選擇“新建樣式表文件”選項(xiàng)，則打開“保存樣式表文件”對話框，進(jìn)行保存設(shè)置即可后彈出“樣式名稱的CSS 樣式定義”對話框；則直接彈出“樣式名稱的 CSS 樣式定義”對話框。

（5）用戶可以在“分類”列表框中選擇 8 種 CSS 樣式屬性，Dreamweaver 選擇相應(yīng)屬性分類后則在對話框右部會(huì)顯示相應(yīng)的選項(xiàng)，可以根據(jù)需要設(shè)置。（6）最后單擊“確定”按鈕，則樣式定義完畢。

3、應(yīng)用CSS樣式

在文檔窗口，不論是內(nèi)部樣式還是外部樣式表文件，對于出現(xiàn)在“CSS 樣式”面板中的自定義 class 類樣式，應(yīng)首先選取要應(yīng)用樣式的文本、段落或其他對象，然后單擊面板中的樣式圖標(biāo)或樣式名稱。如果要取消樣式，選取對象后，單擊面板中的“無 CSS 樣式”選項(xiàng)即可。

對于“重新定義 HTML 標(biāo)簽”樣式與“使用 CSS 選擇器”樣式，網(wǎng)頁自動(dòng)應(yīng)用該樣式而無須用戶指定。

4、自定義CSS樣式實(shí)例

本實(shí)例定義一種網(wǎng)頁中常用的正文樣式，效果為“文字大小16 px，行高120%，首行縮進(jìn)兩個(gè)字符”。

（1）打開一個(gè)包含段落文本的文檔，確保打開“CSS 樣式”面板，單擊“新建 CSS 樣式”按鈕，打開“新建CSS樣式”對話框，在“名稱”文本框中輸入樣式名稱“test”，在“類型”選項(xiàng)中選擇“創(chuàng)建自定義樣式（class）（M）”單選按鈕，選擇“僅對該文檔”單選按鈕，設(shè)置完成后單擊“確定”按鈕。

（2）在打開的“.test 的CSS 樣式定義”對話框中，設(shè)置字體為“宋體”、大小為 16 像素（px）、行高為 120%。

（3）然后在“分類”列表框中選擇“區(qū)塊”選項(xiàng)，設(shè)置文字縮進(jìn)為 32 像素（相當(dāng)于兩個(gè)字符），單擊“確定”按鈕，則新建的“test”樣式出現(xiàn)在“CSS 樣式”面板中。

（4）在文檔窗口中選擇取要應(yīng)用樣式的文本，然后在單擊“test”樣式，即可應(yīng)用該樣式。

5、重新定義 HTML 標(biāo)簽樣式實(shí)例

本實(shí)例定義一種常見的效果，即網(wǎng)頁中的所有超鏈接都沒有下劃線。

（1）打開一個(gè)包含有超鏈接的文檔，確保打開“CSS 樣式”面板，單擊“新建 CSS 樣式”按鈕，打開“新建 CSS 樣式”對話框，在“類型”框內(nèi)選擇“重新定義 HTML 標(biāo)簽（R）”選項(xiàng)，然后在“名稱”框內(nèi)選擇 a 標(biāo)簽（即超鏈接標(biāo)簽），選擇“僅對該文檔”選 項(xiàng)，單擊“確定”按鈕。

（2）在打開“a 的 CSS 定義”對話框中的“修飾”選項(xiàng)中選擇“無”，單擊“確定”按鈕。

（3）此時(shí)樣式被自動(dòng)應(yīng)用，網(wǎng)頁中的所有超鏈接都沒有下劃線。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)六：模板的使用

實(shí)驗(yàn)內(nèi)容：利用模板創(chuàng)建風(fēng)格統(tǒng)一的網(wǎng)頁

實(shí)驗(yàn)?zāi)康模赫莆漳０宓膭?chuàng)建和編輯方法；熟練利用模板創(chuàng)建網(wǎng)頁 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺 實(shí)驗(yàn)步驟：

1、新建一個(gè)文檔，將“插入”欄中的“常用”選項(xiàng)卡改為“布局”選項(xiàng)卡，此時(shí)就出現(xiàn)“布局”工具欄，切換到“布局”模式，單擊“布局表格” 按鈕，繪制一個(gè)寬：780px，高：636px的表格。

2、單擊“布局表格” 按鈕，從該表格的左上角起，繪制一個(gè)寬：780，高：120的表格。

3、單擊“布局單元格” 按鈕，從表格的左上角開始繪制一個(gè)寬：140，高：120的單元格.4、將光標(biāo)定位在單元格內(nèi)，選擇[插入]/[圖像]菜單命令，打開“選擇圖像源”文件對話框，選擇圖像logo.gif。

5、單擊“布局單元格” 按鈕，接著上面的單元格的右邊繪制一個(gè)寬：640，高：120的單元格.6、將光標(biāo)定位在單元格內(nèi)，選擇[插入]/[媒體]/[Flash]菜單命令，打開“選擇文件”對話框，選擇文件banner.swf。

7、接著往下繪制一個(gè)寬：780，高：21，水平：居中對齊，垂直;居中，背景顏色：#CC3333的單元格，輸入文字：首頁 個(gè)人簡介 文學(xué)作品 繪畫作品 動(dòng)畫作品 視頻作品 學(xué)習(xí)心得 給我留言 寫信給我，設(shè)置文字格式：字體“宋體”，大小“14px”。

8、接著再往下繪制一個(gè)寬：140，高：470，水平：居中對齊，垂直;居中，背景顏色：#0066FF的單元格。

9、接著上面表格的右邊繪制一個(gè)寬：640，高：470，水平：居中對齊，垂直;居中，背景圖像：back.gif的單元格。

10、接著上面的兩個(gè)表格的下面繪制一個(gè)高：18，水平：居中對齊，垂直;居中，背景顏色：#000000的單元格，輸入文字：2006年12月20日最后更新 ? Copyright 2006 小慧版權(quán)所有，設(shè)置文字格式：字體：宋體，大?。?2px，顏色：白色。

11、回到“標(biāo)準(zhǔn)”模式，將光標(biāo)定位到第8步創(chuàng)建的單元格內(nèi)，選擇[插入]/[模板對象]/[可編輯區(qū)域]菜單命令，彈出如圖2-10-11所示的對話框，單擊“確定”按鈕，則在該單元格內(nèi)就出現(xiàn)了一個(gè)名為“EditRegion1”的可編輯區(qū)域。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)七：制作表單網(wǎng)頁

實(shí)驗(yàn)內(nèi)容：使用表單制作一個(gè)注冊頁面

實(shí)驗(yàn)?zāi)康模赫莆毡韱蔚慕⒑褪褂茫皇炀毷褂帽韱翁峤幌嚓P(guān)數(shù)據(jù) 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺 實(shí)驗(yàn)步驟：

1、新建一個(gè)文檔，將“插入”欄中的“常用”選項(xiàng)卡改為“表單”選項(xiàng)卡。

2、將光標(biāo)定位在文檔頁面中需要插入表單的位置，單擊 “表單” 按鈕，此時(shí)光標(biāo)定位處出現(xiàn)一個(gè)紅色的虛線框，它表示表單的范圍，所有表單對象都在該區(qū)域內(nèi)插入。

3、在表單中插入一個(gè)9行2列的表格的表格，設(shè)置表格的背景圖像為”bg1.gif”，表格“居中”。

4、合并第1行的單元格，輸入文字”用戶注冊表”，文字之間空一格，格式：字體“宋體”，大小“16pt”，顏色：“紅色”。

5、在第2行第1個(gè)單元格內(nèi)輸入“你的用戶名：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “文本字段” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕。

6、在第3行第1個(gè)單元格內(nèi)輸入“你的密碼：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “文本字段” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕，打開“屬性”面板，在“最多字?jǐn)?shù)符”中輸入“6”，將“類型”改為“密碼域”。

7、在第4行第1個(gè)單元格內(nèi)輸入“你的性別：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “單選按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中“標(biāo)簽文字”中輸入“男”，“位置”改為“在表單項(xiàng)前”，單擊“確定”按鈕，敲一個(gè)空格，再單擊 “單選按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中“標(biāo)簽文字”中輸入“女”，位置”改為“在表單項(xiàng)前”，單擊“確定”按鈕，選擇“男”前面的單選鈕，打開“屬性”面板，將“初始狀態(tài)”改為“已勾選”。

8、在第5行第1個(gè)單元格內(nèi)輸入“你的生日：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “列表/菜單” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中“標(biāo)簽文字”中輸入“年”，“位置”為“在表單項(xiàng)后”，單擊“確定”按鈕，再單擊 “列表/菜單” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中“標(biāo)簽文字”中輸入“月”，“位置”為“在表單項(xiàng)后”，單擊“確定”按鈕，再單擊 “列表/菜單” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中“標(biāo)簽文字”中輸入“日”，“位置”為“在表單項(xiàng)后”，單擊“確定”按鈕；選擇“年”前的列表，打開“屬性”面板，將“類型”設(shè)為“菜單”，單擊 按鈕，在彈出的“列表值”對話框中的“項(xiàng)目標(biāo)簽”中輸入“1990”，單擊 按鈕，添加第二個(gè)項(xiàng)目標(biāo)簽，輸入“1991”，重復(fù)上面的操作，輸入后面的數(shù)字，單擊“確定”按鈕，回到“屬性”面板，將“初始化選定”設(shè)為“1990”，同理對后面的列表進(jìn)行相同的操作。

9、在第6行第1個(gè)單元格內(nèi)輸入“你的生日：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “復(fù)選框” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中“標(biāo)簽文字”中輸入“唱歌”，同理插入后面的復(fù)選框。

10、在第7行第1個(gè)單元格內(nèi)輸入“個(gè)人近照：” 將光標(biāo)定位到第2個(gè)單元格，單擊 “文件域” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕。

11、在第8行第1個(gè)單元格內(nèi)輸入“個(gè)人簡介：” 將光標(biāo)定位到第2個(gè)單元格單擊 “文本字段” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕，打開“屬性”面板，將“類型”改為“多行”。

12、將光標(biāo)定位到第9行第2個(gè)單元格，單擊 “按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕，連續(xù)插入幾個(gè)“不換行空格”，再單擊 “按鈕” 按鈕，在彈出的“輔助標(biāo)簽屬性”對話框中單擊“取消”按鈕，打開“屬性”面板，將“動(dòng)作”改為“重設(shè)表單”。

13、選擇“提交”按鈕，打開行為“面板”，添加行為“檢查表單”，打開“檢查表單”對話框，將文本“text1在表單中，text2在表單中”都設(shè)為“必需的”，單擊“確定”按鈕。

14、選擇整個(gè)表單，打開“屬性”面板，在“動(dòng)作”中輸入“mailto：你的郵箱地址”。

15、按【Ctrl+S】保存該網(wǎng)頁為form.htm，按【F12】鍵預(yù)覽。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

實(shí)驗(yàn)八：設(shè)計(jì)并制作一個(gè)視頻網(wǎng)站

實(shí)驗(yàn)內(nèi)容：制作一個(gè)視頻網(wǎng)站

實(shí)驗(yàn)?zāi)康模赫莆蘸土私饩W(wǎng)站制作的流程，熟練使用網(wǎng)頁制作的各種技巧 實(shí)驗(yàn)器材：裝有Dreamweaver的PC機(jī)一臺，耳麥一副 實(shí)驗(yàn)步驟：

（一）制作首頁

1、定義網(wǎng)頁基本屬性

（1）在空白文檔窗口中，按【Ctrl + J】鍵打開“頁面屬性”對話框，在“標(biāo)題”文本框內(nèi)輸入網(wǎng)頁標(biāo)題“游戲王國”，設(shè)置網(wǎng)頁的背景色為“黑色”，文本色為“白色”，在“跟蹤圖像”框內(nèi)選取繪制好的草圖作為網(wǎng)頁的“跟蹤圖像”，單擊“確定”按鈕。（2）按【Ctrl + S】鍵將文檔保存到站點(diǎn)中。

2、頁面布局

（1）在文檔窗口中，將“插入欄”切換到“布局”選項(xiàng)卡，再單擊“布局視圖”按鈕，將文檔窗口切換到布局視圖模式。

（2）單擊“插入欄”中的“繪制布局單元格”按鈕，在文檔窗口頂部沿著跟蹤圖像繪制一個(gè)適當(dāng)尺寸的布局單元格（用于放置標(biāo)志圖案），按住【Ctrl】鍵不放，繼續(xù)使用“繪制布局單元格”按鈕，在文檔窗口中的兩側(cè)分別繪制兩個(gè)布局單元格（用于放置頁面兩側(cè)的邊 框圖案），在左側(cè)沿著跟蹤圖像繼續(xù)繪制三個(gè)布局單元格（左右兩個(gè)單元格用于放置豎線效果，中間單元格用于放置“友情鏈接”等內(nèi)容），適當(dāng)調(diào)整各單元格的尺寸與位置。（3）將插入點(diǎn)分別定位到剛繪制的 6 個(gè)單元格內(nèi)，然后按【Ctrl + Alt + I】組合鍵分別插入圖像，適當(dāng)調(diào)整布局單元格尺寸與圖像匹配，并調(diào)整它們的位置。

（4）單擊“插入欄”中的“繪制布局表格”按鈕，在文檔窗口右側(cè)繪制第二個(gè)布局表格（嵌套在第一個(gè)布局表格中）。

（5）在該布局表格頂部沿著跟蹤圖像繪制一個(gè)用于插入金黃色細(xì)線的布局單元格，然后在其中插入這個(gè)圖像，并適當(dāng)調(diào)整它的尺寸與位置。

（6）按住【Ctrl】鍵不放，單擊“插入欄”中“繪制布局單元格”按鈕，在剛插入金黃色細(xì)線圖像布局單元格下方的一行中繪制兩個(gè)高度為 24 像素的布局單元格（左邊單元格用于放小標(biāo)題），然后使用“繪制布局表格”按鈕，繪制一個(gè)包含這兩個(gè)布局單元格的第三個(gè)布局表格。

（7）單擊“繪制布局單元格”按鈕，沿著跟蹤圖像繼續(xù)繪制三個(gè)布局單元格（分別用于包含文字、圖片和子欄目超鏈接）。

（8）分別在右側(cè)布局單元格內(nèi)添加圖像與文字，并適當(dāng)調(diào)整布局單元格與布局表格的尺寸與位置。為了看清楚在單元格中添加的文字，可按下【Ctrl + J】鍵打開“頁面屬性”對話框，將跟蹤圖像的透明度調(diào)整為“30%”。

（9）按照步驟（5）~（8）的方法添加另外兩部分的內(nèi)容（“Diablo”和“石器時(shí)代”）。（10）在最大的布局表格底部繪制一個(gè)布局單元格，并在其中插入圖像（即最底端的圖案，此處用作占位符），調(diào)整該布局單元格的尺寸與位置，使其與上面的內(nèi)容相匹配。（11）在文檔窗口中的左側(cè)位于兩個(gè)“細(xì)線”圖像之間的區(qū)域按住【Ctrl】鍵不放，連續(xù)繪制 7 個(gè)大小相等的布局單元格。

（12）在其中插入圖像、文字、日期、電子郵件鏈接和表單對象中的“列表/菜單”等網(wǎng)頁內(nèi)容，調(diào)整各單元格的尺寸與位置。

（13）單擊“繪制布局表格”按鈕，繪制一個(gè)布局表格，使其包含頁面左側(cè)除最左邊的布局單元格之外的 10 個(gè)單元格。

（14）分別將左右兩側(cè)的4個(gè)布局單元格，即用來放置左右邊框和左邊兩條豎線的單元格，適當(dāng)調(diào)整高度與內(nèi)容相匹配，并將其他布局表格與布局單元格的尺寸與位置適當(dāng)調(diào)整。

（15）按【Ctrl + S】鍵保存對文檔的修改。

3、進(jìn)一步排版

接下來使用表格對頁面進(jìn)一步排版，具體步驟如下。（1）將文檔窗口切換到“標(biāo)準(zhǔn)視圖”模式下。

（2）將最后一個(gè)布局表格中的列表/菜單、日期與電子郵件鏈接所在單元格的對齊方式設(shè)置為水平“居中對齊”、垂直“中間”對齊，將包含文字與圖像的單元格設(shè)置為水平“左對齊”、垂直“中間”對齊。

（3）在靠近邊緣的兩個(gè)單元格中設(shè)置背景圖像，作為整個(gè)網(wǎng)頁界面中的邊框，在包含有細(xì)線的單元格內(nèi)設(shè)置背景圖像，最后選中左邊用于放置“友情鏈接”的表格，為其設(shè)置背景 圖像。

（4）將包含文字“Counter-Strike”、“Diable II”和“石器時(shí)代”所在單元格的對齊方式設(shè)置為水平“居中對齊”、垂直“中間”對齊，分別選擇這三個(gè)單元格，然后設(shè)置一個(gè)背景圖像，適當(dāng)調(diào)整單元格的尺寸與位置。然后選取包含該單元格的表格，設(shè)置其背景圖像。（5）將包含有文本“Counter-Strike”、“Diable II”和“石器時(shí)代”單元格下方的三個(gè)單元格的對齊方式設(shè)置為垂直“中間”對齊。

（6）將底部單元格的圖像設(shè)置成為該單元格的背景圖像，并適當(dāng)調(diào)整單元格的尺寸。（7）設(shè)置完成后，在瀏覽器窗口中預(yù)覽網(wǎng)頁，然后適當(dāng)調(diào)整各個(gè)表格與單元格的尺寸，按【Ctrl + S】鍵保存對文檔的修改。

4、完善頁面

最后設(shè)置頁面中的超鏈接，并使用 CSS 技術(shù)對網(wǎng)頁中的內(nèi)容進(jìn)行格式修飾，具體步驟如下。

（1）分別為文檔窗口中的文本添加超鏈接（暫時(shí)沒有制作目標(biāo)文件的可以用“#”指定空鏈接），然后按【Shift + F11】鍵打開“CSS 樣式”面板。

（2）在“CSS 樣式”面板中，單擊“新建 CSS 樣式”按鈕，在打開的“新建 CSS 樣式”對話框中的“名稱”文本框中輸入“test”，在“類型”框中選擇“創(chuàng)建自定義樣式（class）”單選按鈕，在“定義在”框內(nèi)選擇“新建樣式表文件”，單擊“確定”按鈕。（3）在打開的“保存樣式表文件為”對話框中選擇站點(diǎn)根目錄，在名稱框中輸入“mystyle”，單擊“保存”按鈕。

（4）在打開的“.test 的 CSS 樣式定義（在 mystyle.css 中）”對話框，設(shè)置字體為“宋體”、大小為“16”像素（px）、顏色為“#CCCCCC”、行高為“150%”，單擊“確定”按鈕。在文檔窗口中分別選擇描述游戲欄目的正文文字，在“CSS 樣式”面板中單擊“test”將段落文本應(yīng)用該樣式。

（5）單擊“新建 CSS 樣式”按鈕，在“新建 CSS 樣式”對話框中的“名稱”文本框內(nèi)輸入“gold”，在“定義在”框內(nèi)選擇“mystyle.css”樣式表文件，單擊“確定”按鈕，打開“.gold 的CSS樣式定義（在 mystyle.css 中）”對話框，設(shè)置字體為“宋體”、大小為“16”像素（px）、顏色為“#d1c598”、行高為“120%”，單擊“確定”按鈕，在文檔窗口將左側(cè)插入了小圖標(biāo)的文本應(yīng)用該樣式。

（6）單擊“新建CSS樣式”按鈕，在“mystyle.css”中定義一個(gè)名為“title”的樣式，定義該樣式時(shí)，設(shè)置字體族列表“宋體、Arial”，大小為“16”像素，行高為“150%”，顏色為“#d1c598”。然后為標(biāo)題文本“Counter-Strike”、“Diable II”和“石器時(shí)代”應(yīng)用該樣式。

（7）單擊“新建 CSS 樣式”按鈕，在“mystyle.css”中定義一個(gè)名為“border”的樣式，定義該樣式時(shí)，設(shè)置邊框樣式為“凸出”、寬度為“細(xì)”、顏色為“#990033”，選中“全部相同”復(fù)選框，單擊“確定”按鈕。在文檔窗口中，將包含超鏈接的單元格選中，然后應(yīng)用該樣式。

（8）在該樣式表文件中，新建4個(gè)“使用CSS 選擇器”樣式。在 a:link 樣式中，設(shè)置字體為“宋體”、大小為“16 像素”、行高為“120%”、顏色為“#D1C598”、修飾為“無”；在

a:visited 樣式中，設(shè)置與 a:link 相同；在 a:hover 樣式中，設(shè)置顏色為“#FFF9CC”，修飾為“下劃線”，其他相同；在 a:active 樣式中設(shè)置顏色為“#990033”，修飾為“無”，此時(shí)網(wǎng)頁的中的超鏈接自動(dòng)應(yīng)用了 CSS 選擇器樣式。

（9）在該樣式表文件中，新建一個(gè)名稱為“button”的“創(chuàng)建自定義樣式”，在“類型”選項(xiàng)中設(shè)置字體為“宋體”、大小為“16”像素、顏色為“#FFEFC6”；在“背景”選項(xiàng)中設(shè)置背景顏色為“#333333”；在“邊框”選項(xiàng)中設(shè)置邊框樣式為“實(shí)線”、寬度為“細(xì)”、顏色分別為“#d1c598”、“#333333”、“#333333”、“#d1c598”（需先將“全部相同”選項(xiàng)清除），最后將文檔窗口中插入的“列表/菜單”應(yīng)用該樣式。

（10）適當(dāng)調(diào)整各個(gè)表格與單元格的尺寸與位置，按【Ctrl + S】鍵保存對文檔的修改。

（二）制作其它頁面

插入文字、圖片、聲音、動(dòng)畫、視頻

（三）測試發(fā)布

1、Dreamweaver 中打開站點(diǎn)首頁，然后按【F12】鍵預(yù)覽頁面，在瀏覽器中測試每一個(gè)頁面，看內(nèi)容是否能正確顯示，尤其要測試超鏈接是否能正確工作。

2、將整個(gè)站點(diǎn)目錄復(fù)制到另外一個(gè)位置，然后在瀏覽器中打開站點(diǎn)首頁，測試是否所有的超鏈接都能正確工作。使用這種方法能夠檢測出使用絕對路徑創(chuàng)建出的不正確的超鏈接。如果碰上無法正確跳轉(zhuǎn)的超鏈接，應(yīng)回到原來的站點(diǎn)中，打開相應(yīng)頁面重新設(shè)置超鏈接。

3、為了確保不同的瀏覽者能夠看到一致的頁面效果，制作好的網(wǎng)站還應(yīng)在不同的顯示分辨率下進(jìn)行測試，至少要在 800×600像素和1024×768像素兩種分辨率下進(jìn)行測試。另外，還需要在不同字體顯示大小情況下進(jìn)行測試（即在“大字體”和“小字體”兩種方式下測試），以確保不同字體設(shè)置的瀏覽者能夠看到一致的字體效果。

4、測試完成之后，就可以將網(wǎng)站發(fā)布到遠(yuǎn)程站點(diǎn)上。

實(shí)驗(yàn)小結(jié)：略（學(xué)生寫實(shí)驗(yàn)過程中的感受、體會(huì)，遇到什么問題，如何解決問題等）

第四篇：博物館網(wǎng)站首頁制作教案

博物館網(wǎng)站首頁制作教案

第一部分：課前導(dǎo)入

簡單復(fù)習(xí)回顧上節(jié)所學(xué)內(nèi)容 第二部分：學(xué)習(xí)新內(nèi)容 【步驟一】 告知

簡單介紹本單元需要學(xué)習(xí)掌握的內(nèi)容

【步驟二】 引入

由一組圖片導(dǎo)入 【步驟三】 操練

北京騰飛博物館網(wǎng)站首頁制作

一、行業(yè)應(yīng)用 屬于網(wǎng)頁設(shè)計(jì)

二、設(shè)計(jì)理念

博物館本身存放的就是大量距今年代比較久遠(yuǎn)的物品，因此設(shè)計(jì)師在設(shè)計(jì)過程中，從網(wǎng)頁的顏色、裝飾元素以及表面肌理等方面，都力求能夠表現(xiàn)出一種歷史久遠(yuǎn)、古老典雅的氣氛，并給人以有內(nèi)涵、有文化氣息的視覺感受?！静襟E四】具體操作步驟

1、制作背景

1新建 ○2打開素材 ○3設(shè)置前景色…….○

2、制作輔助效果 【步驟五】 歸納

本網(wǎng)站在開始時(shí)采用了很多圖形繪制功能輔助進(jìn)行布局，然后再結(jié)合各種肌理素材、混合模式、圖層蒙版以及調(diào)色功能，為網(wǎng)頁的各個(gè)部分疊加紋理；在制作內(nèi)部的各個(gè)內(nèi)容時(shí)，將使用的蒙版、圖層樣式、圖形繪制以及文字輸入等功能，為每個(gè)圖形對象邊框等精致的效果，以及相關(guān)的裝飾圖形及說明文字，最后還需要打開一些裝飾圖形，結(jié)合縮放功能將其擺放在網(wǎng)頁的各個(gè)邊角位置作為裝飾。【步驟六】 評價(jià)

對學(xué)生作品作具體評價(jià)，好的作品給予肯定，容易出現(xiàn)問題的方面，如部分疊加紋理方面、蒙版的使用等，具體講解?！静襟E七】 小結(jié)

本案例：博物館本身存放的就是大量距今年代比較久遠(yuǎn)的物品，因此設(shè)計(jì)師在設(shè)計(jì)過程中，從網(wǎng)頁的顏色、裝飾元素以及表面肌理等方面，都力求能夠表現(xiàn)出一種歷史久遠(yuǎn)、古老典雅的氣氛，并給人以有內(nèi)涵、有文化氣息的視覺感受。因此同學(xué)們要把這種厚重感表現(xiàn)出來，此作品才算成功。

【步驟八】 作業(yè)

1、北京騰飛博物館網(wǎng)站首頁制作

2、完成實(shí)訓(xùn)報(bào)告冊 【步驟九】 課后反思

第五篇：網(wǎng)站制作合同

網(wǎng)站制作合同 篇1

甲方：

乙方：

為了充分利用internet的優(yōu)勢，進(jìn)行企業(yè)宣傳和商務(wù)活動(dòng)，甲方委托乙方進(jìn)行網(wǎng)站設(shè)計(jì)制作，雙方本著公平友好的原則，簽定本合同：

一、甲方的權(quán)利和義務(wù)

1、甲方委托乙方進(jìn)行網(wǎng)站設(shè)計(jì)制作工作，要求工作內(nèi)容參見《附錄：網(wǎng)站設(shè)計(jì)結(jié)構(gòu)圖》。

2、甲方應(yīng)在乙方進(jìn)行網(wǎng)站及網(wǎng)頁的設(shè)計(jì)制作前提供有關(guān)網(wǎng)站整體設(shè)計(jì)的具體要求和意見（內(nèi)容包括：首頁和內(nèi)頁的頁面設(shè)計(jì)的構(gòu)圖、色調(diào)、排版、網(wǎng)站結(jié)構(gòu)、欄目設(shè)置、動(dòng)態(tài)效果)。并有義務(wù)對修改后的最終設(shè)計(jì)方案予以確認(rèn)。

3、甲方應(yīng)及時(shí)、充分地提供網(wǎng)站建設(shè)所需的相關(guān)圖片和文字（以電子文件的形式提供），以保證網(wǎng)站建設(shè)工作的如期進(jìn)行，并負(fù)責(zé)網(wǎng)站所有文字和圖片的校對工作。甲方在整體設(shè)計(jì)方案確定并簽字后，有權(quán)提出文字和內(nèi)容的基本修改的意見，但每次提出的修改意見不得超出上次修改意見范圍，并不能違背已經(jīng)確立的整體設(shè)計(jì)方案。

4、在網(wǎng)站設(shè)計(jì)制作工作全部完成后乙方應(yīng)通過信函、傳真、電子郵件、電話等方式通知甲方，甲方應(yīng)在三日內(nèi)進(jìn)行驗(yàn)收、確認(rèn)（如甲方在三日內(nèi)未提出任何修改意見，則視同網(wǎng)站驗(yàn)收合格）。甲方簽字確認(rèn)后，再行提出修改意見的，須加收涉及修改部分總費(fèi)用的80%的修改費(fèi)。

5、甲方應(yīng)對其網(wǎng)頁所登載內(nèi)容的真實(shí)性、準(zhǔn)確性、合法性負(fù)全部責(zé)任，并且不得侵犯乙方或任何第三方的合法權(quán)利，一切由此所引起的糾紛、爭議及所涉及的法律責(zé)任均由甲方承擔(dān)；甲方有義務(wù)保證乙方不會(huì)因此而受到任何損害。

6、在乙方制作網(wǎng)站過程中，如甲方有超出合同范圍的文字、圖片、程序及風(fēng)格等方面的修改或添加情況時(shí)，須簽訂合同的補(bǔ)充條款，并由雙方協(xié)商應(yīng)補(bǔ)充的費(fèi)用。

二、乙方的權(quán)利和義務(wù)

1、乙方必須為甲方提供保質(zhì)保量、優(yōu)質(zhì)及時(shí)的服務(wù)。

2、乙方在履行本合同時(shí)可以使用甲方的名稱、商標(biāo)、域名、企業(yè)標(biāo)識等，但在使用過程中不能損害甲方的利益。乙方在未得到甲方允許的情況下，不得將甲方所提供資料公布在任何媒體或公開給第三方。

3、乙方根據(jù)甲方提出網(wǎng)站的總體設(shè)計(jì)風(fēng)格及功能要求，并為甲方提供相應(yīng)的設(shè)計(jì)方案。

4、在最終設(shè)計(jì)方案確認(rèn)后，乙方全權(quán)、嚴(yán)格按照簽字后的最終設(shè)計(jì)方案進(jìn)行設(shè)計(jì)制作。

5、乙方不負(fù)責(zé)甲方的文案創(chuàng)意，如甲方要求乙方提供文案創(chuàng)意，應(yīng)向乙方支付相應(yīng)費(fèi)用。

6、乙方應(yīng)在甲方驗(yàn)收確認(rèn)且付完全部款項(xiàng)后三個(gè)工作日內(nèi)將全部網(wǎng)頁上傳至甲方所需空間，同時(shí)保證網(wǎng)站的正常運(yùn)行。

7、經(jīng)甲方同意乙方有權(quán)在甲方的主頁中注明該主頁由乙方制作的字樣或標(biāo)識。

三、合同期限：

1、甲方須在合同簽訂后個(gè)工作日內(nèi)提供網(wǎng)站所需的一切資料。

2、乙方須在甲方提供全部資料后

即：網(wǎng)站制作自20xx年xx月xx日開始xx年xx月xx日結(jié)束。

3、網(wǎng)站制作周期應(yīng)因甲方提出網(wǎng)站修改次數(shù)及其修改或增加數(shù)量和功能所用時(shí)間而順延。

4、若因乙方原因，造成本合同的延誤超過五個(gè)工作日的，甲方有權(quán)要求乙方按照每延誤一日減免合

同總費(fèi)用的1%的標(biāo)準(zhǔn)減免合同費(fèi)用，最多不超過15%。若因甲方未及時(shí)、充分的提供網(wǎng)站建設(shè)的資料，和其他原因造成網(wǎng)站建設(shè)的延誤，責(zé)任由甲方承擔(dān)，并按合同規(guī)定時(shí)間向乙方支付全部費(fèi)用。

四、驗(yàn)收確認(rèn)：

1、甲方應(yīng)在網(wǎng)站制作工作全部完成后三日內(nèi)，進(jìn)行網(wǎng)站驗(yàn)收工作。

2、驗(yàn)收合格后，甲方以書面方式簽收。

3、在驗(yàn)收中發(fā)現(xiàn)問題，甲方應(yīng)及時(shí)提出解決，超過驗(yàn)收期，甲方即不簽收、又不提出書面異議，應(yīng)視為甲方已驗(yàn)收合格。

4、驗(yàn)收時(shí)，以《網(wǎng)站建設(shè)明細(xì)表》及甲乙雙方簽訂的所有條款為標(biāo)準(zhǔn)進(jìn)行核對，包括頁面無文字或圖片錯(cuò)誤，以及實(shí)際制作頁數(shù)及功能和其它效果的確認(rèn)。5、雙方確認(rèn)后，乙方向甲方交付相關(guān)密碼及資料。密碼一經(jīng)交付，乙方將不再對網(wǎng)站的安全負(fù)責(zé)。若需乙方進(jìn)行網(wǎng)站的日常維護(hù)管理，甲方則應(yīng)授權(quán)乙方保管甲方相關(guān)密碼及資料。

五、費(fèi)用及付款（以下填寫的數(shù)字均為大寫）

1、本合同總款項(xiàng)為

2、甲方在本合同簽訂之日，向乙方支付本合同首付金額，計(jì)人民幣

3、甲方應(yīng)在驗(yàn)收完畢后三個(gè)工作日內(nèi)（年月日前），向乙方一并支付本合同余款，共計(jì)人民幣2500元

4、如在實(shí)際制作過程中在甲方認(rèn)可的情況下增加的動(dòng)態(tài)效果、網(wǎng)頁特效和其它功能等應(yīng)按合同附件

之《網(wǎng)站建設(shè)明細(xì)表》收費(fèi)，并應(yīng)與合同余款交付之日交付超出部分款項(xiàng)。

六、后期服務(wù)

1、乙方為甲方免費(fèi)提供三個(gè)月內(nèi)五次一個(gè)頁面內(nèi)文字或圖片的修改，超出部分收費(fèi)標(biāo)準(zhǔn)由甲乙雙方共同商議決定，更換版式、增加網(wǎng)頁、功能按當(dāng)時(shí)乙方公布價(jià)格為準(zhǔn)（文字須由甲方提供電子稿）。

2、其他服務(wù)甲乙兩方協(xié)商解決，最后由甲方填寫《網(wǎng)站建設(shè)客戶確認(rèn)單》，進(jìn)行確認(rèn)。

七、違約責(zé)任

1、在合同有效期內(nèi)，因不可抗力而造成一方不能履行合同規(guī)定的責(zé)任和義務(wù)，不視為違約。不可抗力系指：戰(zhàn)爭、火災(zāi)、水災(zāi)、地震及其他不可預(yù)見并且對其發(fā)生和后果不能防止或避免的事故。

2、如甲乙雙方在合同履行中發(fā)生糾紛盡量協(xié)商解決，協(xié)商不成，雙方可訴至乙方所在地人民法院。

八、其他

1、本合同書一式兩份，雙方各執(zhí)一份，具有同等法律效力。

2、本合同包括合同正文，網(wǎng)站建設(shè)明細(xì)表，網(wǎng)站建設(shè)用戶確認(rèn)單。

3、本合同自甲、乙雙方簽字蓋章之日起生效。

4、本合同未盡事宜，雙方可進(jìn)一步協(xié)商，并簽訂補(bǔ)充協(xié)議或附件，補(bǔ)充協(xié)議或附件與本合同具有同等法律效力。

5、《附錄：網(wǎng)站建設(shè)明細(xì)表》、《網(wǎng)站建設(shè)客戶確認(rèn)單》作為本合同附件，是本合同不可分割的一部分。

甲方：乙方：北京博為互聯(lián)科技有限公司

經(jīng)辦人簽字：經(jīng)辦人簽字：郭德穎

甲方簽章：乙方簽章：

日期：年月日日期：年月日

網(wǎng)站制作合同 篇2

根據(jù)國家知識產(chǎn)權(quán)及網(wǎng)絡(luò)管理的有關(guān)規(guī)定，_________（以下簡稱甲方）委托_________（以下簡稱乙方）為甲方籌建internet網(wǎng)站，設(shè)計(jì)制作網(wǎng)頁的合作項(xiàng)目，經(jīng)雙方協(xié)商達(dá)成以下協(xié)議：

一、甲方權(quán)利與義務(wù)

1．甲方有權(quán)要求乙方按照附件一中雙方商定的網(wǎng)站結(jié)構(gòu)，在附件二中雙方約定的時(shí)間內(nèi)，完成合同中規(guī)定的內(nèi)容。

2．甲方負(fù)責(zé)提供制作所需的一切資料（包括文字，圖片以及其他相關(guān)文件），并制作成電子文件。在乙方開始制作網(wǎng)頁時(shí)，甲方應(yīng)備齊全部內(nèi)容資料。

3．甲方應(yīng)在網(wǎng)頁制作的全過程中給與乙方便利條件，并積極配合。

4．甲方有權(quán)對乙方設(shè)計(jì)的網(wǎng)頁提出修改意見，由雙方協(xié)商更改。

二、乙方權(quán)利與義務(wù)

5．乙方應(yīng)依據(jù)附件一中雙方商定的網(wǎng)站結(jié)構(gòu)，在附件二中雙方約定的時(shí)間內(nèi)，完成合同中規(guī)定的內(nèi)容，乙方有權(quán)對甲方網(wǎng)頁的設(shè)計(jì)提出自己的意見和建議。

6．雙方合作期間，乙方對甲方提供的文字及圖片資料未經(jīng)甲方許可不得以任何方式泄露給第三方。

7．乙方對甲方提供的文字及圖片資料中所涉及的包括知識產(chǎn)權(quán)在內(nèi)的一切法律問題不承擔(dān)任何法律責(zé)任。

8．乙方所制作的網(wǎng)頁需兼容ie4．0 版和netscape4．0版以上主流瀏覽器，并支持800／600分辨率。

9．在制作過程中，對甲方陸續(xù)提出的修改要求，乙方應(yīng)盡力協(xié)助實(shí)現(xiàn)，并交甲方驗(yàn)收通過。對有可能影響附件二中雙方約定的完成時(shí)間的要求，乙方有權(quán)提出延期請求，由雙方協(xié)商確定具體時(shí)間。

10．乙方負(fù)責(zé)在網(wǎng)站開通后10日內(nèi)對甲方網(wǎng)站中由于乙方失誤造成的頁面錯(cuò)誤進(jìn)行修改。

三、違約責(zé)任

11．由于甲方未及時(shí)提供資料而導(dǎo)致乙方工作不能按時(shí)完成，乙方不負(fù)任何責(zé)任，并有權(quán)向甲方提出延期要求，延期時(shí)間由雙方協(xié)商確定。

12．由于乙方原因未能按時(shí)完成合同所規(guī)定的內(nèi)容，甲方有權(quán)向乙方提出索賠，具體額度由雙方協(xié)商確定。

四、爭議解決

13．雙方因合同的解釋或履行產(chǎn)生爭議，由雙方友好協(xié)商解決。協(xié)商不成，雙方均有權(quán)向有管轄權(quán)的人民法院起訴。

五、知識產(chǎn)權(quán)的保護(hù)

14．甲方付清應(yīng)付乙方的全部款項(xiàng)后，甲方正式享有網(wǎng)站的全部使用權(quán)。

15．雙方合作期間，網(wǎng)站構(gòu)架，網(wǎng)頁版式設(shè)計(jì)等內(nèi)容（甲方提供文本資料及圖形，音像資料未經(jīng)乙方加工部分除外）之版權(quán)，設(shè)計(jì)權(quán)，使用權(quán)歸乙方所有，未經(jīng)許可甲方不得擅自使用，不得復(fù)制或交由第三方使用。

16．如因乙方原因出現(xiàn)第三方指控與站點(diǎn)頁面有關(guān)的知識侵權(quán)的事件，應(yīng)由乙方負(fù)責(zé)并保證甲方權(quán)利不受損失。

六、合同的終止

17．在乙方收到甲方支付的全部費(fèi)用后，本合同自行終止。

18．任何一方終止合同，需提前10個(gè)工作日書面通知對方，并說明正當(dāng)終止理由，由雙方簽字代表協(xié)商終止合同。

19．由于戰(zhàn)爭，地震，火災(zāi)等法定人力不可抗因素導(dǎo)致的工作中斷，雙方均不承擔(dān)責(zé)任，待條件恢復(fù)后，由雙方協(xié)商確定合同變更內(nèi)容。

七、合同金額及付款方式

20．甲方應(yīng)向乙方網(wǎng)站規(guī)劃費(fèi)，網(wǎng)站設(shè)計(jì)費(fèi)，網(wǎng)站制作費(fèi)，以及網(wǎng)站后期維護(hù)費(fèi)共計(jì)人民幣_________元。

21．乙方為甲方進(jìn)行網(wǎng)站總體設(shè)計(jì)制作之前，甲方應(yīng)付給乙方網(wǎng)站預(yù)付款_________元。

22．待乙方全部完成甲方網(wǎng)站建設(shè)后，甲方應(yīng)在三日內(nèi)付給乙方網(wǎng)站建設(shè)款_________元。

23．乙方為網(wǎng)站后期維護(hù)期滿，甲方應(yīng)在三日內(nèi)付給乙方網(wǎng)站維護(hù)款_________元。

甲方（蓋章）：_________ 乙方（蓋章）：_________

代表（簽字）：_________ 代表（簽字）：_________

_________年____月____日 _________年____月____日

網(wǎng)站制作合同 篇3

甲方：

乙方：XXX網(wǎng)絡(luò)科技有限公司

經(jīng)甲、乙雙方友好協(xié)商，依據(jù)自愿、平等、互利的原則，就甲方代理經(jīng)銷乙方的手機(jī)wap網(wǎng)站的系列產(chǎn)品和服務(wù)，達(dá)成如下協(xié)議：

一、代理產(chǎn)品種類及代理區(qū)域

1-1 代理范圍： 鑒于甲方完全接受乙方的規(guī)范管理，并經(jīng)乙方審核符合產(chǎn)品代理商的相關(guān)資格，同意甲方作為乙方的產(chǎn)品代理商，在 縣區(qū)域內(nèi)作為 獨(dú)家代理商銷售靈智WPA網(wǎng)站制作。

1-2 代理時(shí)間：從 年 月 日至 年 月 日止。本協(xié)議期滿時(shí)，如雙方同意，可續(xù)訂本協(xié)議。

1-3 甲方接受乙方按照《代理商管理規(guī)范》的各項(xiàng)有關(guān)規(guī)定對所有產(chǎn)品代理商實(shí)施審批、業(yè)績統(tǒng)計(jì)、考核、定級、獎(jiǎng)懲等方面的統(tǒng)一管理。

二、雙方的權(quán)利、義務(wù):

2-1 甲方的權(quán)利、義務(wù)

2-1-1 積極宣傳推廣所代理的乙方相關(guān)業(yè)務(wù)，維護(hù)乙方的企業(yè)形象和服務(wù)品質(zhì)，如實(shí)向客戶告知所提供的服務(wù)項(xiàng)目及基本報(bào)價(jià)等；不得進(jìn)行以次充好、削減服務(wù)項(xiàng)目、對免費(fèi)項(xiàng)目收費(fèi)等損害乙方和或客戶利益的行為。

2-1-2 依照乙方規(guī)定交納預(yù)付款 元 （大寫 元），并應(yīng)按乙方制定的實(shí)時(shí)有效的價(jià)格標(biāo)準(zhǔn)為所選擇的服務(wù)付款。

2-1-3 甲方須詳細(xì)閱讀并確實(shí)理解乙方在其網(wǎng)站上發(fā)布的代理商制度的全部內(nèi)容，并嚴(yán)格遵守代理商制度。在提交乙方相關(guān)業(yè)務(wù)業(yè)務(wù)時(shí)，按照操作要求提交正確完整的客戶數(shù)據(jù)資料并按正確步驟進(jìn)行。甲方有義務(wù)定期瀏覽乙方網(wǎng)站，以及時(shí)了解代理商制度的最新變動(dòng)。

2-1-4 甲方與最終用戶辦理相關(guān)業(yè)務(wù)時(shí)，與客戶簽定協(xié)議，并向客戶提供必要的服務(wù)和支持，解答客戶提出的各種問題。不得以欺詐、脅迫等不正當(dāng)手段損害客戶的利益。甲方可享受乙方規(guī)定的對該產(chǎn)品提供的各項(xiàng)服務(wù)與支持。2-1-5 甲方應(yīng)遵守并促使其用戶遵守乙方的各項(xiàng)服務(wù)和產(chǎn)品的在線申請/注冊條款，甲方的用戶違反前述條款的行為將被視為甲方的行為。

2-1-6 甲方接受乙方的銷售價(jià)格指導(dǎo)。甲方自行與客戶約定的服務(wù)價(jià)格、收費(fèi)標(biāo)準(zhǔn)不得低于乙方公布的價(jià)格下限。

2-1-7 甲方需保證服務(wù)質(zhì)量，不得損害乙方整體市場形象，也不得從事其它損害乙方利益的行為。

2-1-8 甲方在推廣乙方的業(yè)務(wù)時(shí)，可以在其公司宣傳材料和名片上以及廣告內(nèi)容中使用“環(huán)球聚合”，“靈智”“北京威智聚合代理商”等字樣和統(tǒng)一標(biāo)識、商標(biāo)等，未經(jīng)正式授權(quán)，甲方不得以“北京威智聚合辦事處”或“北京威智聚合總代理”等具有壟斷性、排他性和其它未經(jīng)乙方授權(quán)的名義進(jìn)行廣告宣傳及商業(yè)活動(dòng)。企業(yè)名稱中不得出現(xiàn)“北京威智”等引人誤解其為乙方分公司或分支機(jī)構(gòu)的字樣。

2-1-9 甲方有權(quán)應(yīng)邀參加乙方組織的代理商年會(huì)、研討會(huì)和培訓(xùn)，獲得培訓(xùn)資料和音像資料等，根據(jù)管理規(guī)范中的內(nèi)容獲得乙方的支持與獎(jiǎng)勵(lì)。

2-1-10 甲方保證其所有經(jīng)營活動(dòng)完全符合中國有關(guān)法律、法規(guī)、行政規(guī)章的規(guī)定。如因甲方違規(guī)經(jīng)營給乙方帶來任何損害，甲方應(yīng)承擔(dān)所有法律責(zé)任并賠償損失。

2-1-11 在本協(xié)議有效期內(nèi)及本協(xié)議終止或者解除后，甲方承諾不向與乙方構(gòu)成商業(yè)競爭關(guān)系的企業(yè)、商業(yè)機(jī)構(gòu)或者組織提供有關(guān)乙方業(yè)務(wù)、技術(shù)等一切相關(guān)信息或者資料，否則需承擔(dān)相應(yīng)的責(zé)任。

2-1-12 甲方與乙方的其他代理商之間不得進(jìn)行惡性競爭或者其它不正當(dāng)競爭。

2-2 乙方的權(quán)利、義務(wù)

2-2-1 乙方不與甲方的客戶發(fā)生直接經(jīng)濟(jì)往來。

2-2-2 甲方遞交的所有業(yè)務(wù)，由于實(shí)行即注即付方式，一經(jīng)甲方遞交，乙方便視為甲方及客戶同意注冊此業(yè)務(wù)，乙方將在甲方的預(yù)付款余額足夠的前提下及時(shí)實(shí)行注冊。

2-2-3 乙方向甲方提供完整的售后服務(wù)。

2-2-4 及時(shí)將與甲方代理業(yè)務(wù)有關(guān)的價(jià)格細(xì)則和變化、市場動(dòng)態(tài)指導(dǎo)等通知甲方（一般用電子郵件或者短信方式和代理交流專區(qū)公告的方式）。2-2-5 向甲方提供業(yè)務(wù)范圍內(nèi)的技術(shù)支持和培訓(xùn)，幫助甲方提高技術(shù)能力，拓寬業(yè)務(wù)范圍。

2-2-6 對因甲方違反本協(xié)議造成客戶或乙方損失的，乙方有權(quán)終止本協(xié)議并有權(quán)要求甲方賠償損失。

2-2-7 對因乙方過錯(cuò)造成的損失，乙方只向甲方承擔(dān)責(zé)任。該責(zé)任的承擔(dān)以甲、乙雙方之間發(fā)生的該筆具體業(yè)務(wù)金額的總額為上限。

2-2-8 對甲方與其客戶之間的糾紛、爭議、損失、侵權(quán)、違約責(zé)任等，均由甲方與客戶自行解決，乙方不介入甲方與客戶的'糾紛、爭議等，也不對客戶的任何損失負(fù)責(zé)。

2-2-9 在本協(xié)議有效期內(nèi)，乙方有權(quán)根據(jù)市場情況修訂代理章程和產(chǎn)品定價(jià)信息；甲方應(yīng)同意接受乙方的修訂。更新后的各種信息乙方將在其網(wǎng)站上以公告形式或通過電子郵件通知甲方。修訂信息自規(guī)定之日起生效。非特殊情況上述變更均不另行通知甲方。

2-2-10 乙方應(yīng)對甲方的客戶和相關(guān)內(nèi)容及其他甲方明確提示為保密資料的信息給予保密。

2-2-11 乙方提供自動(dòng)查詢功能，使甲方能在乙方網(wǎng)站上查詢其業(yè)務(wù)信息和帳款信息。乙方持續(xù)完善代理服務(wù)系統(tǒng)，以更方便和支持甲方開展代理業(yè)務(wù)。

2-2-12 乙方視必要定期或不定期舉辦代理商年會(huì)、研討會(huì)和培訓(xùn)等活動(dòng)。

三、甲乙雙方間的相互關(guān)系:

甲方雙方各自獨(dú)立經(jīng)營，每一方都有獨(dú)立的權(quán)利和義務(wù)，任何一方均不得將其債務(wù)強(qiáng)加于另一方或影響已賦予另一方的權(quán)利，若因任何一方的行為引起第三方訴訟、索賠，均由該方獨(dú)立承擔(dān)責(zé)任。

四、付款/結(jié)算條款:

4-1 甲方成為乙方南陽黃頁WAP制作網(wǎng)的產(chǎn)品代理商以支付預(yù)付款和簽訂在線協(xié)議為確定雙重確認(rèn)。甲方須在協(xié)議簽定之日起五日內(nèi)，將預(yù)付款匯至乙方指定的銀行帳號，否則本協(xié)議自動(dòng)作廢。

4-2 合作確認(rèn)后，按照乙方申請的代理級別確認(rèn)乙方的銷售折扣，網(wǎng)站的自動(dòng)結(jié)算系統(tǒng)逐筆結(jié)算甲方的委托業(yè)務(wù)并從預(yù)付款中自動(dòng)扣除，甲方應(yīng)自行查詢余額并保證其余額足以支付下一筆委托業(yè)務(wù)。

4-3 乙方按要求為甲方開具發(fā)票并以掛號件形式寄至甲方指定地址；如甲方在發(fā)票方面有任何特殊要求（如為客戶分別開票等），須在匯款傳真件上詳細(xì)說明。

4-4 協(xié)議終止時(shí)，如果甲方實(shí)際發(fā)生業(yè)務(wù)的金額未達(dá)到預(yù)付款，則乙方扣除包含實(shí)際發(fā)生業(yè)務(wù)金額在內(nèi)的款項(xiàng)后，剩余部分退還甲方。

五、協(xié)議的變更、解除、終止和違約責(zé)任：

5-1 甲、乙雙方應(yīng)本著誠實(shí)信用的原則履行本協(xié)議。任何一方在協(xié)議簽定或履行中采用欺詐、脅迫或者暴力手段，另一方均可以解除本協(xié)議并要求對方賠償損失。

5-2 任何一方在履行中發(fā)現(xiàn)或者有證據(jù)表明對方已經(jīng)、正在或預(yù)期將要違約，可以終止履行本協(xié)議，但應(yīng)及時(shí)通知對方。若對方對本協(xié)議繼續(xù)不履行、履行不正當(dāng)或者違約，該方可以解除本協(xié)議并要求對方賠償損失。

5-3 在協(xié)議執(zhí)行期間，如果雙方或一方認(rèn)為需要終止，應(yīng)提前一個(gè)月通知對方。經(jīng)雙方協(xié)商同意后在財(cái)務(wù)結(jié)算完畢、各自責(zé)任明確履行之后，方可終止協(xié)議。因一方違反本協(xié)議的約定擅自終止本協(xié)議，給對方造成損失的，應(yīng)賠償對方損失。

5-4 經(jīng)雙方協(xié)商達(dá)成一致，可以對本協(xié)議有關(guān)條款進(jìn)行變更，但即時(shí)結(jié)清者外應(yīng)當(dāng)以書面形式確認(rèn)。

5-5 訂立本協(xié)議所依據(jù)的法律、行政法規(guī)、規(guī)章發(fā)生變化，應(yīng)變更本協(xié)議相關(guān)內(nèi)容；訂立本協(xié)議所依據(jù)的客觀情況發(fā)生重大變化，致使本協(xié)議無法履行的，經(jīng)甲乙雙方協(xié)商同意，可以變更或者終止協(xié)議的履行。

5-6 因一方經(jīng)營情況發(fā)生重大困難、瀕臨破產(chǎn)進(jìn)入法定整頓期或者被清算，任意一方可以解除本協(xié)議。但進(jìn)行重組、名稱變更、分立或與第三方合并等不在此列。

5-7 一方未履行或違反依據(jù)本協(xié)議約定所應(yīng)承擔(dān)的義務(wù)，經(jīng)另一方給予一定期限后仍不履行義務(wù)或不予采取補(bǔ)救措施，致使另一方依據(jù)本協(xié)議的預(yù)期利益無法實(shí)現(xiàn)或協(xié)議繼續(xù)履行沒有必要，另一方有權(quán)解除協(xié)議。

5-8 一方明確表示其將不履行義務(wù)或以行動(dòng)表示其將不履行義務(wù)，另一方可以解除協(xié)議。

5-9 由于不可抗力或意外事件使協(xié)議無法繼續(xù)履行或繼續(xù)履行沒有必要，雙方均可要求解除協(xié)議。

5-10 協(xié)議解除后，雙方依據(jù)本協(xié)議約定的權(quán)利義務(wù)終止，但一方在協(xié)議解除前應(yīng)履行的義務(wù)仍需履行。除因不可抗力或意外事件致使協(xié)議解除的情形外，引起協(xié)議解除事由的一方應(yīng)賠償因協(xié)議解除給另一方造成的損失。

六、免責(zé)條款:

6-1 因不可抗力或者其他意外事件使得本協(xié)議的履行不可能、不必要或者無意義的，任一方均可以解除本協(xié)議。遭受不可抗力、意外事件的一方如全部或部分不能履行本協(xié)議、解除或延遲本協(xié)議，應(yīng)自不可抗力、意外事件發(fā)生之日起五日內(nèi)，將事件情況以書面形式通知另一方，并于事件發(fā)生之日起二十日內(nèi)，向另一方提交導(dǎo)致其全部或部分不能履行或延遲履行的證明。

6-2 遭受不可抗力的一方應(yīng)采取一切必要措施減少損失，否則應(yīng)就擴(kuò)大的損失承擔(dān)責(zé)任。

6-3 本協(xié)議所稱不可抗力、意外事件是指不能預(yù)見、不能克服并不能避免且對一方或雙方當(dāng)事人造成重大影響的客觀事件，包括但不限于自然災(zāi)害如洪

水、地震、瘟疫流行和風(fēng)暴等及社會(huì)事件如戰(zhàn)爭、**、政府管制等。

6-4 由于乙方的部分服務(wù)是建立在其他運(yùn)營商的通道或者平臺上，因而不能100%保證產(chǎn)品以及其他技術(shù)方式的完全通暢。如確因運(yùn)營商網(wǎng)絡(luò)問題造成偶爾不能及時(shí)暢通，不視為乙方違約。

七、爭議的解決:

本協(xié)議履行期間如果雙方發(fā)生爭議，應(yīng)友好協(xié)商解決；協(xié)商未果，提交南陽市法院解決。

八、其他約定:

九、附則:

9-1 本協(xié)議的訂立、效力、解釋、履行和爭議的解決均適用中華人民共和國法律。

9-2 一方變更通訊地址或其它聯(lián)系方式等，應(yīng)自變更之日起十日內(nèi)，將變更后的地址、聯(lián)系方式通知另一方，否則變更方應(yīng)對此造成的一切后果承擔(dān)責(zé)任。

9-3 未經(jīng)其他方書面同意，任何一方不得全部或部分轉(zhuǎn)讓其在本協(xié)議項(xiàng)下的權(quán)利和義務(wù)。

9-4 任何一方對本協(xié)議的內(nèi)容和對方當(dāng)事人的商業(yè)機(jī)密均負(fù)有保密的義務(wù)。雙方的保密義務(wù)不因本協(xié)議終止而解除。

9-5 本協(xié)議同時(shí)得到甲乙雙方完全理解和認(rèn)同。在填寫過程中，未經(jīng)乙方書面同意，甲方不得隨意更改本協(xié)議中的任何條款。本協(xié)議經(jīng)雙方簽字蓋章后生效。任何更改均需雙方協(xié)商一致并以書面形式確認(rèn)。

9-6 本協(xié)議一式兩份，雙方各執(zhí)一份，協(xié)議附件與本協(xié)議具有同等法律效力。

甲方： 乙方：

被授權(quán)人簽字蓋章： 被授權(quán)人簽字蓋章： 聯(lián)系人：聯(lián)系人：

通訊地址： 通訊地址：

郵編： 郵編：473000

E-mail: 開戶行：開戶行：

銀行帳號： 銀行帳號：

聯(lián)系人電話： 聯(lián)系人電話： 手機(jī)： 手機(jī)：

合同簽定日期：合同簽定日期：

網(wǎng)站制作合同 篇4

甲方：_________

乙方：_________

一、總則

1.甲方同意為乙方提供網(wǎng)站策劃，網(wǎng)站制作服務(wù)。

2.網(wǎng)站的信息發(fā)布必須符合中華人民共和國現(xiàn)行的各項(xiàng)相關(guān)法律，若網(wǎng)站的信息發(fā)布出現(xiàn)違反中華人民共和國現(xiàn)行的各項(xiàng)相關(guān)法律的內(nèi)容，乙方應(yīng)承擔(dān)相應(yīng)的法律責(zé)任，且甲方有權(quán)終止對乙方的服務(wù)，即關(guān)閉此網(wǎng)站乙方發(fā)布的信息。

二、甲方責(zé)任與權(quán)利

1.甲方根據(jù)雙方達(dá)成共識的網(wǎng)站建設(shè)方案，負(fù)責(zé)乙方的網(wǎng)站策劃，網(wǎng)站制作。

2.甲方必須保證網(wǎng)站上數(shù)據(jù)的準(zhǔn)確性，可靠性，可看性及合法性。

3.在收到乙方的預(yù)付款后，甲方開始制作乙方的網(wǎng)站并保證在雙方議定期限內(nèi)完工。

4.甲方有為乙方網(wǎng)站進(jìn)行一次維護(hù)的義務(wù)和權(quán)利。

5.網(wǎng)站完工驗(yàn)收后如乙方未能按期付清所有款項(xiàng)予甲方，甲方有權(quán)終止所有服務(wù)，并按司法程序向乙方追討賠償。

三、乙方責(zé)任與權(quán)利

1.乙方與甲方就網(wǎng)站建設(shè)方案達(dá)成共識并不得隨意要求甲方更改方案。

2.乙方根據(jù)方案在雙方議定的期限內(nèi)把網(wǎng)站制作的詳細(xì)資料遞交給甲方。

3.乙方有權(quán)利了解和要求甲方通報(bào)網(wǎng)站建設(shè)和網(wǎng)頁制作的詳細(xì)情況。

4.網(wǎng)站的網(wǎng)頁制作完成后，將請乙方審閱確認(rèn)，在確認(rèn)之前乙方有權(quán)根據(jù)實(shí)際情況并基于建站方案進(jìn)行調(diào)整和少量的修改。確認(rèn)后，上傳至虛擬主機(jī)。網(wǎng)站制作完成。乙方不得隨意要求甲方修改網(wǎng)站網(wǎng)頁。

5.在網(wǎng)站工程驗(yàn)收程序中(_________天)，乙方有權(quán)要求甲方作出局部的調(diào)整和修改，不得以不恰當(dāng)理由要求甲方作過多的更改。

6.乙方有權(quán)要求甲方作出局部的調(diào)整和修改，對于無理的要求和過Ji的言論傷害到人格甲方有權(quán)終止合作。

四、網(wǎng)站制作要求，收費(fèi)標(biāo)準(zhǔn)，驗(yàn)收程序

1.企業(yè)介紹級網(wǎng)站要求：

(a)網(wǎng)站有_________種語言版本：_________;

(b)網(wǎng)站頁數(shù)范圍：_________;

(c)網(wǎng)站建設(shè)方案：_________。

2.企業(yè)介紹級網(wǎng)站收費(fèi)標(biāo)準(zhǔn)：見本網(wǎng)站中網(wǎng)站設(shè)計(jì)報(bào)價(jià)。

3.付款方式：

(a)乙方應(yīng)在本合同簽訂之日，向甲方交付網(wǎng)站建設(shè)總金額的1/3作為網(wǎng)站建設(shè)預(yù)付款。

(b)乙方應(yīng)在網(wǎng)站驗(yàn)收合格之后，二天之內(nèi)，一次性付清網(wǎng)站建設(shè)的所有款項(xiàng)。

4.客戶預(yù)付：客戶預(yù)付制作費(fèi)用的50%以上，同時(shí)提交網(wǎng)站所需資料。預(yù)付金額比例：

(a)建站總金額在_________元以上預(yù)付50%制作費(fèi);

(b)建站總金額在_________元以下_________元以上預(yù)付60%制作費(fèi);

(c)建站總金額在_________元以下_________元以上預(yù)付70%制作費(fèi);

(d)建站總金額在_________元以下(包括_________元)，一次性付清制作費(fèi)。

5.乙方網(wǎng)站制作實(shí)際費(fèi)用為：_________。

6.驗(yàn)收程序：

(a)自本協(xié)議簽訂之日起_________天內(nèi)為網(wǎng)站網(wǎng)頁制作期，制作時(shí)間根據(jù)網(wǎng)站的復(fù)雜和簡單程度來看，一般為10—25天，驗(yàn)收期限為_________天。

(b)網(wǎng)站網(wǎng)頁策劃及制作完成后，應(yīng)在兩天內(nèi)交與乙方確認(rèn)并作最后的調(diào)整和修改。

(c)網(wǎng)站制作完成并經(jīng)甲，乙兩方最后的調(diào)整和修改后，上傳至虛擬主機(jī)。

(d)成功上傳至虛擬主機(jī)之后，網(wǎng)站建設(shè)全部完成。

五、違約責(zé)任

1.不可抗力：因天災(zāi)，行政指令等不可抗力因素而造成的違約，違約方不承擔(dān)任何法律責(zé)任。

2.因乙方資料不齊全，不詳盡而造成的甲方不能按時(shí)完成制作的，乙方應(yīng)承擔(dān)全部責(zé)任。

3.因乙方提供非法圖文或乙方非法操作而造成網(wǎng)站被關(guān)閉的，其全部責(zé)任由乙方承擔(dān)。

4.因甲方上傳非法圖文或甲方非法操作而造成網(wǎng)站被迫關(guān)閉的，其全部責(zé)任由甲方承擔(dān)。

5.因乙方未能按本協(xié)議約定期限內(nèi)向甲方付款而造成違約的，由乙方承擔(dān)責(zé)任并每逾_________天按總金額的10%作為違約金。

六、本協(xié)議期限為：_________年_________月_________日起至_________年_________月_________日。

七、本協(xié)議一式二份，雙方各執(zhí)一份，具有同等法律效力，協(xié)議過程中遇爭議問題可協(xié)商解決。

八、有關(guān)未盡事宜，雙方協(xié)商解決。協(xié)商后簽定的補(bǔ)充協(xié)議與本協(xié)議具有同等的法律效力。

甲方(蓋章)：_________乙方(蓋章)：_________

代表(簽字)：_________代表(簽字)：_________

_________年____月____日_________年____月____日

網(wǎng)站制作合同 篇5

甲方：___________________

乙方：___________________

一、甲方選擇的套餐名稱：____________________

甲方最后結(jié)款期限：__________________________

二、甲方的權(quán)利和義務(wù)

1．甲方委托乙方進(jìn)行網(wǎng)站設(shè)計(jì)制作。并根據(jù)自身的需要，選定模板風(fēng)格。

2．網(wǎng)站制作工作全部完成，經(jīng)過甲方驗(yàn)收后，在一個(gè)工作日內(nèi)，向乙方支付未付的全部費(fèi)用；乙方予以上傳網(wǎng)站。

3．甲方應(yīng)對其網(wǎng)頁所登載內(nèi)容的真實(shí)性、準(zhǔn)確性、合法性無條件的負(fù)全部責(zé)任。

三、乙方的權(quán)利和義務(wù)

1．乙方應(yīng)保證域名以及虛擬主機(jī)等在甲方使用期間的合法使用；

2．如乙方網(wǎng)站制作完成，甲方在最后結(jié)款期限內(nèi)尚未支付剩余款項(xiàng)，乙方保留向司法機(jī)關(guān)提出控訴的權(quán)利。

四、驗(yàn)收確認(rèn)

1．甲方須在乙方指定空間和時(shí)間內(nèi)進(jìn)行驗(yàn)收；

2．驗(yàn)收期為乙方指定驗(yàn)收后的三個(gè)工作日內(nèi)，驗(yàn)收合格后，甲方以書面方式簽收（《網(wǎng)站建設(shè)客戶確認(rèn)單》。超過驗(yàn)收期，甲方即不簽收、又不提出書面異議，應(yīng)視為甲方已驗(yàn)收合格，如甲方在驗(yàn)收期過后即不簽收《網(wǎng)站建設(shè)客戶確認(rèn)單》又不支付剩余款項(xiàng)，乙方保留向政法機(jī)關(guān)提出訴訟的權(quán)利。

五、費(fèi)用及付款

1．本合同總款項(xiàng)為________元整，先期預(yù)付款為總款額的________%，計(jì)__________元整，后期付款甲方須驗(yàn)收合格后立即支付，計(jì)________元整。

2．附加款項(xiàng)指在甲方認(rèn)可的情況下增加的頁面及效果、功能等，每增加一頁按照________元/頁收費(fèi)（其他按《網(wǎng)站制作收費(fèi)明細(xì)表》收費(fèi)）。共計(jì)人民幣________元整。

六、 其他

1．本合同書一式兩份，雙方各執(zhí)一份，具有同等法律效力。

2．本合同自甲、乙雙方簽字蓋章之日起生效。

3．本合同未盡事宜，雙方可進(jìn)一步協(xié)商，并簽訂補(bǔ)充協(xié)議或附件，補(bǔ)充協(xié)議或附件與本合同具有同等法律效力。

4．《網(wǎng)站建設(shè)客戶確認(rèn)單》作為本合同附件，是本合同不可分割的一部分。

甲方：____________________________

聯(lián)系人：__________________________

蓋章（單位代理）：________________

聯(lián)系電話：________________________

授權(quán)代表簽字（單位代理）：________

傳真：____________________________

聯(lián)系地址：________________________

本人簽名（個(gè)人代理）：____________

郵政編碼：________________________

身份證號（個(gè)人代理）：____________

電子郵件：________________________

會(huì)員號：__________________________

網(wǎng)址：____________________________

___________年_________月________日

乙方：____________________________

聯(lián)系電話： _______________________

傳真：____________________________

蓋章：____________________________

授權(quán)代表簽字：____________________

聯(lián)系地址/郵編：___________________

電子郵件：________________________

___________年_________月________日

網(wǎng)站制作合同 篇6

甲方：_________

地址：_________

電話：_________

乙方：_________

地址：_________

電話：_________

甲方委托乙方制作主頁，幫助甲方樹立企業(yè)形象，擴(kuò)大宣傳，拓寬銷售渠道，為明確雙方責(zé)任，根據(jù)中國法律經(jīng)雙方協(xié)商，簽訂此合同，以期雙方共同遵守。

一、雙方的權(quán)利和義務(wù)

1.甲方的權(quán)利和義務(wù)

1.1 提供有關(guān)企業(yè)的電子文字材料及圖片，以及其他相關(guān)文件，應(yīng)保證材料完整，圖片清晰。

1.2 開展的業(yè)務(wù)必須符合國家法律和社會(huì)公共利益。

1.3 甲方有權(quán)要求乙方按照雙方商定的網(wǎng)站結(jié)構(gòu)，在雙方約定的時(shí)間內(nèi)，完成合同中規(guī)定的內(nèi)容。

1.4 按時(shí)支付網(wǎng)頁設(shè)計(jì)制作費(fèi)用。

2.乙方的權(quán)利和義務(wù)

2.1 乙方依據(jù)雙方商定的網(wǎng)站結(jié)構(gòu)，在雙方約定的時(shí)間內(nèi)，完成規(guī)定的內(nèi)容。

2.2 乙方對甲方提供的文字及圖片資料中所涉及的包括知識產(chǎn)權(quán)在內(nèi)的一切法律問題不承擔(dān)任何法律責(zé)任。

2.3 在制作過程中，對甲方陸續(xù)提出的修改要求，乙方應(yīng)盡力協(xié)助實(shí)現(xiàn)，對有可能影響雙方約定的完成時(shí)間的要求，乙方有權(quán)提出合理的延期請求，由雙方協(xié)商確定具體時(shí)間。

二、網(wǎng)頁制作過程

1.由甲方提供企業(yè)的網(wǎng)站電子文字材料及圖片，乙方根據(jù)網(wǎng)站材料及甲方設(shè)計(jì)要求進(jìn)行網(wǎng)站首頁設(shè)計(jì)，在_________個(gè)工作日后將主頁平面設(shè)計(jì)圖交給甲方審核。

2.甲方根據(jù)網(wǎng)站平面設(shè)計(jì)圖提出修改意見，乙方根據(jù)修改意見進(jìn)行改動(dòng)。

3.網(wǎng)站平面圖經(jīng)乙方修改完成并經(jīng)甲方簽字確認(rèn)后，網(wǎng)頁首頁設(shè)計(jì)完成。（如甲方在網(wǎng)站設(shè)計(jì)工作完成后更改原來雙方已確認(rèn)的網(wǎng)站創(chuàng)意，圖片，結(jié)構(gòu)及文案時(shí)，由此產(chǎn)生的一切費(fèi)用由甲方一次性支付給乙方。）

4.乙方開始網(wǎng)頁制作工作，整個(gè)網(wǎng)站制作時(shí)間為_________個(gè)工作日，所有工作將在_________月_________日前完成。完工后，乙方將網(wǎng)頁上傳至甲方服務(wù)器空間，由甲方依據(jù)驗(yàn)收。

三、主頁制作費(fèi)用報(bào)價(jià)，合同金額及付款方式

首頁：_________頁×_________元/頁= _________元；副頁數(shù)：_________頁×_________元/頁=_________元。

驗(yàn)收期為一個(gè)星期，本合同涉及的預(yù)估總金額為人民幣_________元。

合同簽訂后當(dāng)日，甲方支付預(yù)估總金額的50%，即_________元，甲方應(yīng)在驗(yàn)收期完成后_________天內(nèi)交完余額。

四、驗(yàn)收標(biāo)準(zhǔn)和驗(yàn)收后修改補(bǔ)充

1.甲方可以通過任何與因特網(wǎng)進(jìn)行網(wǎng)絡(luò)連接的計(jì)算機(jī)瀏覽自己的主頁。

2.主頁無文字拼寫及圖片（以甲方提供的材料為標(biāo)準(zhǔn)）錯(cuò)誤。

3.驗(yàn)收合格，甲方以書面文字傳真方式簽收。驗(yàn)收期限為_________.

5.驗(yàn)收期內(nèi)，如果甲方需要修改主頁，可以免費(fèi)進(jìn)行較小的改動(dòng)，改動(dòng)較大者須另與乙方簽訂網(wǎng)頁維護(hù)制作合同。

6.在驗(yàn)收期后的_________日內(nèi)，乙方收到甲方支付的全部費(fèi)用后，網(wǎng)頁設(shè)計(jì)與制作工作自行終止。

五、違約責(zé)任

甲方違約或拒不付費(fèi)時(shí)，乙方有權(quán)不退還定金，有權(quán)向甲方提出索賠，具體額度由雙方協(xié)商確定，由此造成的損失由甲方負(fù)責(zé)。

乙方違約或沒有按照合同規(guī)定按時(shí)完成，甲方有權(quán)拒絕付款，由此造成的損失，乙方自行承擔(dān)。

六、附則

1.本合同自雙方簽訂后生效，一式_________份，甲乙雙方各執(zhí)_________份。

2.本合同未盡事宜，雙方應(yīng)在本合同達(dá)成的原則基礎(chǔ)上以補(bǔ)充條款的方式明確，補(bǔ)充條款與本合同具有同等的法律效力。

甲方（蓋章）：_________ 乙方（蓋章）：_________

法定代表人（簽字）：_________ 法定代表人（簽字）：_________

_________年____月____日 _________年____月____日

簽訂地點(diǎn)：_________ 簽訂地點(diǎn)：_________