電子教案《Dreamweaver網(wǎng)頁設(shè)計與制作第二版》A063954示例項目一

1、電子講課設(shè)計Dreamweaver網(wǎng)頁設(shè)計與制作第二版A063954示例項目一電子講課設(shè)計Dreamweaver網(wǎng)頁設(shè)計與制作第二版A063954示例項目一電子講課設(shè)計Dreamweaver網(wǎng)頁設(shè)計與制作第二版A063954示例項目一講課內(nèi)容講課班級講課方法與手段項目內(nèi)容講課目的講課要點與難點講課過程設(shè)計課程講課設(shè)計（項目一）個人網(wǎng)頁的簡單美化網(wǎng)頁制作基礎(chǔ)知識講課學時6課時講解法、演示法、討論法。多媒體講課本項目的主要工作內(nèi)容是對一個簡單個人網(wǎng)站首頁的網(wǎng)頁標題、背景顏色、字體大小等基本因素做簡單改正，要求在熟習網(wǎng)站的基本知識、認識網(wǎng)頁的基本元素基礎(chǔ)上，利用HTML語言達成。學生經(jīng)過本項目的學習

2、，能：1、認識網(wǎng)頁和網(wǎng)站2、掌握IP地點、網(wǎng)址等基本見解3、理解靜態(tài)網(wǎng)頁與動向網(wǎng)頁的差別4、掌握簡單HTML文件的編寫方法講課要點：1什么是網(wǎng)頁？1）網(wǎng)頁內(nèi)容構(gòu)成；2）網(wǎng)頁編寫語言種類及特色。2DreamweaverCS3功能簡介。講課難點：創(chuàng)立HTML文檔，掌握簡單HTML文件的編寫方法。【任務(wù)一】認識網(wǎng)站與網(wǎng)頁（2課時）（一）網(wǎng)頁的見解網(wǎng)頁：是構(gòu)成WWW（WorldWideWeb：萬維網(wǎng)）的基本元素，也被稱為頁面或Web頁。不一樣樣的網(wǎng)頁經(jīng)過超鏈接聯(lián)系在一同，構(gòu)成了WWW縱橫交織構(gòu)造。網(wǎng)站：就是一個互相鏈接的網(wǎng)頁的會合，它們能夠共享。大的網(wǎng)站頁面數(shù)目多達幾十萬，甚至上百萬頁，小的個人網(wǎng)站也

3、能夠只包含數(shù)個頁面。主頁：是網(wǎng)站中的一個特別網(wǎng)頁，它是在WWW進步入網(wǎng)站的第一個網(wǎng)頁，此中包含指向其余網(wǎng)頁的超鏈接，平常主頁的名稱是固定的。（二）網(wǎng)頁中的常有元素文本圖像：JPG、PNG、GIF超鏈接表單表格動畫(三)IP地點、域名和網(wǎng)址IP地點：由4個小于256的數(shù)字構(gòu)成，數(shù)字之間用點間隔域名：唯一無二，比方：網(wǎng)址：又稱URL，由通訊協(xié)議名稱、域名或IP地點、網(wǎng)頁在服務(wù)器中的路徑和文件名4部分構(gòu)成。（四）動向網(wǎng)頁與靜態(tài)網(wǎng)頁動向網(wǎng)頁（DHTML）：后綴名為.asp、.jsp、.php、.cgi等靜態(tài)網(wǎng)頁（HTML）：后綴名.htm、.html、.xml等（五）任求實行：制作個人網(wǎng)站【任務(wù)二】使

4、用HTML語言改正簡單網(wǎng)頁（4課時）小貼士：什么是HTML語言HTML（HypertextMarkupLanguage，超文本標記語言）不是一種編程語言，而是一種描繪性的標記語言，用于描繪超文本中內(nèi)容的顯示方式。其最基本的語法就是：內(nèi)容。標記平常都是成對使用的，一個開頭標記就對應(yīng)有一個結(jié)束標記。結(jié)束標記但是在開頭標記的前面加一個斜杠“/”。當閱讀器從服務(wù)器接收到HTML文件后，就會講解里面的標記符，此后把標記符相對應(yīng)的功能表達出來。（一）創(chuàng)立HTML文件1）選擇“開始”，此后挨次選擇“程序”“附件”“記事本”命令。2）在翻開的記事本窗口中寫入代碼：test互聯(lián)網(wǎng)，我來了!3）保留該文檔。4）雙

5、擊該HTML文件，會自動翻開閱讀器，顯示文件內(nèi)容。（二）HTML文件構(gòu)造標記標記放在HTML文件的開頭，并無實質(zhì)性的功能，但是一個形式上的標記，但要形成一個優(yōu)秀的編寫習慣，在HTML文件開頭使用標記來做一個形式上的開始。2.標記也稱為頭標記，一般放在標記里，其作用是擱置對于此HTML文件的信息，如供給索引、定義CSS款式等。3.標記稱為標題標記，包含在標記內(nèi)，它的作用是設(shè)定網(wǎng)頁標題，能夠看見在閱讀器左上方的標題欄中顯示這個標題，其余，在Windows任務(wù)欄中顯示的也是這個標題。4.標記又稱為主體標記，網(wǎng)頁所要顯示的內(nèi)容都放在這個標記內(nèi)，它是HTML文件的要點所在。它其實不但是是一個形式上的標記

6、，它自己也能夠控制網(wǎng)頁的背景顏色或背景圖像。（三）簡單的HTML事例設(shè)置標題設(shè)置文字顏色設(shè)置加粗、傾斜及文字顏色4、插入圖片5、說明標記（四）任求實行：對個人網(wǎng)站首頁做簡單改正【知識拓展】網(wǎng)頁美化知識（一）、網(wǎng)頁顏色的選擇與搭配設(shè)計網(wǎng)頁時，可依據(jù)以下原則確立網(wǎng)頁的背風景和主色彩，并進行顏色搭配。1）網(wǎng)頁背景顏色最好選擇白色或黑色。2）可依據(jù)網(wǎng)站的性質(zhì)或網(wǎng)站標記（Logo，又稱站標）的顏色確立網(wǎng)頁的主色彩，而且該主色彩應(yīng)貫串于網(wǎng)站中的所有網(wǎng)頁。3）設(shè)計網(wǎng)頁時可充分利用同類色、周邊色和比較色，以加強網(wǎng)頁的層次感、豐富網(wǎng)頁的色彩或突出某些重要內(nèi)容（如導(dǎo)航條或版塊標題）。網(wǎng)頁色彩搭配的原理包含以下幾點

7、。1）色彩的鮮亮性。網(wǎng)頁的色彩要嬌艷，簡單引人凝望。2）色彩的獨到性。要有別出心裁的色彩，使得大家對網(wǎng)頁的印象激烈。3）色彩的適合性。色彩和網(wǎng)頁表達的內(nèi)容氛圍相適合，如用粉色表現(xiàn)女性站點的柔性。4）色彩的聯(lián)想性。不一樣樣色彩會產(chǎn)生不一樣樣的聯(lián)想，如藍色想到天空，黑色想到黑夜，紅色想到好事等，選擇色彩要和網(wǎng)頁的內(nèi)涵有關(guān)系。（二）、網(wǎng)頁版式設(shè)計（1）最好為導(dǎo)航條和各版塊標題區(qū)設(shè)計一組形狀奇異、顏色突出的背景圖像，以方便網(wǎng)頁閱讀者迅速找到自己需要的內(nèi)容，并使網(wǎng)頁看起來更優(yōu)良奇異。2）對每個版塊而言，可經(jīng)過插入典型圖片吸引接見者。3）各版塊之間以空白劃分開。同時，為使各版塊劃分顯然，還可為其設(shè)置不一樣樣的背風景或加上面框。（三）網(wǎng)頁尺寸當前，我國大多數(shù)電腦的顯示器的分辨率為1024768像素。所以，為避免在閱讀網(wǎng)頁時需屢次拖動水平轉(zhuǎn)動條，最好將網(wǎng)頁寬度設(shè)置為1024像素以內(nèi)。作業(yè)：1列舉你所