電子教案《Dreamweaver網頁設計與制作第二版》A063954示例項目一

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

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

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

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

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

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

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