第一篇:制作個人網(wǎng)站教案
學科:《信息技術(shù)》 課題:《制作個人網(wǎng)站》 課時:1 [教學目標](1)熟悉Dreamweaver的軟件環(huán)境,掌握該環(huán)境下的文字處理方法;
(2)掌握插入剪貼畫的方法,掌握使用表格,網(wǎng)站內(nèi)部的超鏈接,應用掌握的知識制作表達一定主題、包含文字、圖片的個人網(wǎng)站。[教學重點與難點] 使用表格定位文字、圖片,網(wǎng)站內(nèi)部的超鏈接。[課時安排] 1.心課導入與布置任務(用時6~7分鐘)2.學生自主學習(用時27分鐘)3.教學評價(用時10分鐘)4.教學總結(jié)(用時1~2分鐘)教學過程:
1、導入
首先以學校要建校園網(wǎng)站為引言,校園網(wǎng)站下掛有教師個人網(wǎng)站、班級網(wǎng)站、學生個人網(wǎng)站等,激發(fā)學生要自己制作個人主頁的興趣,然后給學生布置任務,要求網(wǎng)站必須有同學們親手制作的網(wǎng)頁,才能真正成為的校園網(wǎng)站,提供大量的制作網(wǎng)頁的素材(如圖片、聲音、動畫、視頻等),同學們可以自由地發(fā)表自己的想法和觀點,開闊學生的思路,同時激發(fā)學生的創(chuàng)造欲望。
2、教學內(nèi)容
教師利用多媒體教學網(wǎng)(或大屏幕投影儀)簡單分析教學課件的要素,將Office中的Word 2000知識遷移到此,將任務進行分解成為若干個小任務,如制作一個網(wǎng)站,必須制作若干個網(wǎng)頁,而一個網(wǎng)頁可能由文字、圖片、超鏈接等構(gòu)成,因而就有要完成插入文字、插入圖片、插入超級鏈接等小任務。具體的任務要求是:文字要有不同的字體、顏色、字號、對齊方式;圖片要求大小調(diào)節(jié)合適、位置擺放合適;表格要有合并與拆分,表格內(nèi)要有文字、圖片;主頁與子網(wǎng)頁之間要有超級鏈接并為雙向的。然后簡單演示一個網(wǎng)站內(nèi)部的超級鏈接。引導學生輕松愉快、主動去解決問題,完成任務,進而達到自身對知識的意義建構(gòu)。
接下來就是學生開始自主學習的過程。學生帶著制作網(wǎng)頁這個任務,并由此而產(chǎn)生對網(wǎng)頁中的文字處理與圖片等知識的需求,由內(nèi)在的需要促使學生去主動探索、學習相應的知識,并通過自己主動探索來解決問題。在此過程中,教師巡視查看學生的學習過程,了解學生的學習情況、進度,以指導者的身份對個別學生的問題進行單獨交流、指導;如:有的學生問網(wǎng)頁之間的超級鏈接如何去做,有的學生問如何利用表格對文字、圖片的定位等。學生之間可以互相交流、互相學習、互幫互助、團結(jié)協(xié)作;對大多數(shù)學生的共性問題,教師給予廣播式指導解決。對于理解能力、動手能力以及綜合應用能力強的同學指導他們進一步學習擴展內(nèi)容,發(fā)展他們的個性,培養(yǎng)他們的積極創(chuàng)新精神。如對某些學的快的學生給予引導如何用表格套表格的再定位方法準確地定位文字、圖片。
3、教學評估
在規(guī)定的時間內(nèi)學生基本完成了學習任務,下面是給學生一個展示自我的機會,從學生制作的網(wǎng)頁中挑選出有代表性的作品,由學生自己介紹、演示,這樣可以鍛煉學生的表達能力,然后讓學生互相討論,發(fā)表意見、看法,實現(xiàn)相互交流、學習的目的。教師在此過程中以實現(xiàn)預定的教學目標為目的,適當?shù)匾龑в懻摲较?。這一個過程是非常重要的過程,是一個再學習再提高的過程。對于知識掌握較好的學生正是表現(xiàn)自我的時候,是最有成就感的時候,對于少數(shù)知識掌握不太好的學生,真是一個再學習的過程,完成對知識的意義建構(gòu)。
4、課堂總結(jié)
教師總結(jié)本節(jié)課的教學內(nèi)容:掌握文字處理方法、插入剪貼畫、使用表格,網(wǎng)站內(nèi)部的超鏈接,應用掌握的知識制作表達一定主題、包含文字、圖片的個人網(wǎng)站。對學生的制作成果表揚鼓勵,并提出新的問題,留下懸念,激發(fā)學生繼續(xù)學習的興趣。如要使自己的網(wǎng)頁更美觀、內(nèi)容更充實,具有“商業(yè)網(wǎng)站”的味道,我們就必須要對網(wǎng)頁進行美化進行裝飾,如何去才能實現(xiàn)呢?這是我們下一節(jié)要完成的任務。
第二篇:個人網(wǎng)站制作說明
我所選的題材關(guān)于甜品。
對題材選擇的說明
本網(wǎng)站名稱為“舞動舌尖甜品”,目的是向瀏覽者展示甜品。網(wǎng)站的首頁設計成引導頁,引導頁相對簡單,下載迅速?!拔鑴由嗉馓鹌贰本W(wǎng)站內(nèi)容包括四個部分,如下:
?主頁
?關(guān)于我們
?特色新聞
?甜品展示
該站點根目錄下一共包括四個文件夾,各目錄的名稱及作用如下:
“images”文件夾:存放“舞動舌尖甜品”網(wǎng)站的所有用到的圖片
“l(fā)ibrary”文件夾:存放“舞動舌尖甜品”網(wǎng)站的三個庫文件。
“other”文件夾:存放“舞動舌尖甜品”網(wǎng)站里用到的word文檔。
“Templates”文件夾:存放“舞動舌尖甜品”網(wǎng)站的模板網(wǎng)頁。
“index”主頁、“gywm”關(guān)于我們、“tsxw”特色新聞、“tpzs”甜品展示;產(chǎn)品分類a、b、c、d、e、g;常識介紹wb、wb1、wb2、wb3。
對所用編輯工具的說明
隨著網(wǎng)絡技術(shù)以及網(wǎng)頁制作技術(shù)方面的日臻成熟人們越來越關(guān)注網(wǎng)頁的美觀性,所以當下網(wǎng)頁制作的一個最主要的出發(fā)點就是網(wǎng)頁的美觀和可操作性。Dreamweaver版本,無論是操作性和功能性都有長足的進步這也為我們制作網(wǎng)頁提供了強大的工具。古語有云:“工欲善其事,必先利其器?!?/p>
首先要注意:各目錄名稱都不要用中文。以及站點的建立 在制作網(wǎng)頁時,首先要建立站點。
對資源來源的說明
做本次個人網(wǎng)站我借鑒了甜心凱特網(wǎng)站和愛芒果甜品網(wǎng)站的甜品圖片,還有簡單的設計風格。
對制作過程的說明
主頁:運用了四個標題欄,一張圖片,兩張動態(tài)圖片,以及版權(quán)。圖片來源:自己搜索、以及一張借鑒圖片____<愛芒果甜品網(wǎng)站>。
關(guān)于我們:運用了四個標題欄,一張圖片,三張動態(tài)圖片;圖片來源:自己搜索、以及一張借鑒圖片____<愛芒果甜品網(wǎng)站>。
產(chǎn)品分類:
分成七個系列:
? 美飲系列
? 甜心妙雪迷
? 巧克力舌尖冰
? 菠蘿酸奶舌尖冰
? 西瓜舌尖冰
? 香芋舌尖冰
? 芒果舌尖冰
每七個系列分別鏈接了七個頁面。
圖片借鑒了<甜心凱特網(wǎng)站>的甜品圖片。
特色新聞:關(guān)于舞動舌尖的新聞新增了四個常識文檔,同樣的鏈接了四個網(wǎng)頁,在該頁面的各標題處鏈接了可以下載的文檔,供瀏覽者下載查看。常識文檔借鑒了<愛芒果甜品網(wǎng)站>的新聞標題欄內(nèi)的文檔。
甜品展示:運用了二十四張?zhí)鹌穲D片。圖片來源:自己搜索。
對所用技術(shù)的說明
網(wǎng)站制作用到了:時間軸,庫文件,模板網(wǎng)站,表格布局,動態(tài)文字代碼,網(wǎng)站超鏈接,層的運用以及添加行為。
總結(jié)和體會
這是第一次用Dreamweaver軟件做網(wǎng)頁,高中曾簡單的學過如何制作網(wǎng)頁,但那時用的軟件是FrontPage2003。
學了用Dreamweaver軟件做網(wǎng)頁感覺難度比FrontPage2003大。上課聽老師講解時,跟著老師做步驟時感覺并不是那么的難,相反,反而覺得很簡單,只要掌握就并不難了。但是輪到自己設計網(wǎng)頁的時候,有些迷茫了。我該怎么做?我該如何去做?
做《舞動舌尖甜品》網(wǎng)站時:最令我覺得繁瑣的地方便是給二十四張圖片插入層,當我在做這二十四張圖片的層的時候最希望的便是有什么快捷的方法可以不用一個一個的去弄。我想過用代碼,可是我做不來。于是,我便很有耐心的給這二十四張圖片插入層以及對應圖片的行為。
其他部分也有漸多漸少修改過,做起來感覺還行。
看到自己完成一個自己設計的小網(wǎng)站時,有大大的欣喜,這居然是自己做出來的網(wǎng)站。原來做網(wǎng)站就是這樣??!
這時,不禁佩服那些做網(wǎng)站的專業(yè)人士,原來做一個網(wǎng)站也是要花費這么的耐心啊,想想我們平時瀏覽的網(wǎng)站,那個做工相比我們自己的個人網(wǎng)站簡直就是大巫見小巫。
第三篇:個人網(wǎng)站制作
設計一個個人網(wǎng)站方法
一、要求:
1.使用Dreamweave網(wǎng)頁工具制作一個個人網(wǎng)站;
2.包含至少四個網(wǎng)頁: 包括首頁、個人簡介、個人相冊等(可隨意設計),網(wǎng)頁之間用超鏈接相連。
3.網(wǎng)頁中要有圖片和文字內(nèi)容,用表格或框架進行頁面布局;
4.添加至少兩種行為,并為首頁添加背景音樂。
5.在網(wǎng)站中設計一個表單頁面。
6.首頁必須包含頁面標題,動態(tài)按鈕導航欄。
下面我們大家統(tǒng)一一下軟件版本,我用的是網(wǎng)頁三劍客cs3版本的,大家可以去迅雷下載,因為我們要用到flash建議大家也按裝好flash。
首先新建一個文件夾,文件夾的名字不能為漢字,做網(wǎng)站所有的路徑都必須用字母或者數(shù)字,不能用漢字,我們就用名字吧,譬如說名字張三,那文件夾名字就是zs,如圖打開Dreamweaver軟件,得到圖
做網(wǎng)頁要新建站點,關(guān)于站點配置服務器什么的,這里不講了,只講建立站點。
選擇站點——新建站點。
我們建的文件夾就是站點根文件夾。新建站點后得到這樣一個界面
點選高級,得到界面
站點名稱與我們建文件夾得名字相同,zs填進去就可以了 本地根文件夾就是我們新建的那個文件夾,http地址為http://localhost/zs滄州網(wǎng)站建設http://004km.cn
接下來選擇左側(cè)欄里遠程信息
點擊無后面的那個三角,選擇本地網(wǎng)絡,遠端文件夾同樣選擇我們新建的那個文件夾
接下來點選左面菜單里的測試服務器,點選訪問后面那個三角,選擇本地網(wǎng)絡,測試服務器文件夾也為我們建好的文件夾zs,在url前綴后面加上zs
然后點擊確定就可以了得到這樣一個界面。
下面看老師的第一條要求,是要至少四個網(wǎng)頁,那我們就做四個
單擊新建,然后單擊
接下來,選擇
然后單擊創(chuàng)建,接下單擊文件——保存,保存這個文件,保存在我們一開始建好的文件夾里面,保存名字不能是漢字,只能是字母或者數(shù)字,因為我們只坐四個網(wǎng)頁,可以簡單一點,把這四個網(wǎng)頁命名為a、b、c、d,或者1、2、3、4,當然一個網(wǎng)站默認的索引首頁名為index,這里也用index,單擊保存,這樣得到第一個頁面,以同樣的方式建剩下的三個頁面,這里我的首頁默認為index.heml,其他三個網(wǎng)頁的名字分別為a.html、b.html、c.html,我們這四個網(wǎng)頁文件已經(jīng)保存在我們建的文件夾里。
站點中已經(jīng)有了四個文件。接下來,我們開始編輯index.html。
單擊index.html,顯示為當前頁面。
單擊拆分,然后我們看這個個網(wǎng)頁就叫張三之家了,同樣的方法給其他三個網(wǎng)頁改名字。A網(wǎng)頁標題,這個就是網(wǎng)頁名字,我們以張三為例,這,這樣老師的第六條我們就完成一半
B網(wǎng)頁標題
C網(wǎng)頁標題
改好名字之后,一一保存,這個不多說了,接下來操作index.html。
顯示首頁為當前編輯頁面。
首先為index.html頁面添加背景音樂。
大家在代碼視圖里找到