網(wǎng)頁(yè)制作第二節(jié)教案-wenkub
2024-11-09 12 本頁(yè)面
【正文】 一個(gè)字符的上標(biāo)。 STRONG......，特別強(qiáng)調(diào)的文字，通常用黑體。《HTML網(wǎng)頁(yè)制作教程》材義語(yǔ)編著 鐵道出版社。【新課內(nèi)容】 WWW和URL Web的起源Web是World Wide Web的簡(jiǎn)稱，一般也稱之為WWW或3W Web的特點(diǎn)和結(jié)構(gòu)Web最大的特點(diǎn)是使用了超文本（Hypertext）WWW采用C/S（客戶機(jī)/服務(wù)器）工作模式在瀏覽器和服務(wù)器之間應(yīng)用HTTP（Hyper Text Transfer Protocol，超文本傳輸協(xié)議）作為網(wǎng)絡(luò)應(yīng)用層通信協(xié)議 URL URL的完整格式協(xié)議://主機(jī)名或IP地址：端口號(hào)/路徑名/文件名 IE5的使用Web瀏覽器是瀏覽Internet資源的客戶端軟件在Windows環(huán)境下使用的瀏覽器主要有Internet Explorer、Netscape Navigator、Mosaic等 IE5的界面 IE5的使用列表標(biāo)志的使用。【教學(xué)參考】《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社?！窘虒W(xué)目的】使學(xué)生對(duì)網(wǎng)站及網(wǎng)頁(yè)有一定的認(rèn)識(shí)，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的興趣。在網(wǎng)頁(yè)編輯窗口中，可以像在Word中一樣直接輸入文字，進(jìn)行編輯和排版。插入圖片 操作步驟：①將插入點(diǎn)移到要插入圖片的位置，“插入（I）”菜單中的“圖像（I）”命令，打開“圖像源文件”對(duì)話框，如果要插入的圖片已經(jīng)保存在當(dāng)前的網(wǎng)站中，可以直接在圖的列表框中選取，然后單擊“確定”按鈕。二、【教學(xué)重點(diǎn)】 利用表格布局三、【難點(diǎn)、關(guān)鍵】 表中表的使用四、【教學(xué)方法】 演示、任務(wù)驅(qū)動(dòng)法五、【課時(shí)安排】1課時(shí)六、【教學(xué)環(huán)境】多媒體教育廣播系統(tǒng)，Dreamweaver軟件七、【教學(xué)過(guò)程】 1．導(dǎo)入新課①回顧上節(jié)課的學(xué)習(xí)內(nèi)容②小組討論對(duì)比兩個(gè)網(wǎng)頁(yè)布局有什么不同？（心系奧運(yùn)，古玩今玩）2．新課講述1．利用表格布局頁(yè)面（布局表格和普通表格）操作步驟：①“插入”/“表格”或者在常用插入欄中的“插入表格”按鈕②在表格對(duì)話框中設(shè)置插入表格的行數(shù)，列數(shù)，表格寬度，邊框粗細(xì)，單元格邊距等，③單擊“確定”按鈕完成表格的創(chuàng)建（如果要邊框顯示就設(shè)置邊框的值，如果不要，就將其設(shè)置為0）表格屬性的設(shè)置（合并單元格，表格（選中整個(gè)表格）、文字的對(duì)齊方式（選中單元格）背景色設(shè)置）利用表中表來(lái)布局頁(yè)面的技巧（參考“心系奧運(yùn)”的布局方法）w 任務(wù)一:在”心系奧運(yùn)”://2．插入圖片 背景圖片“修改”/“頁(yè)面屬性”命令彈出“頁(yè)面屬性”對(duì)話框，在“分類”列表框中有“外觀”中設(shè)置，注意使用背景圖像的一些方法：①使用小圖，圖片容量小，方便傳輸，頁(yè)面美觀 ②色彩淡點(diǎn)，有利于后面的頁(yè)面制作。注意要把圖片放到站點(diǎn)下 說(shuō)明兩種圖像的不同點(diǎn)w 任務(wù)二：在首頁(yè)插入四幅圖像,每一幅圖像代表一個(gè)模塊,圖象大小設(shè)置成”249*48”,后面用文字說(shuō)明模塊的概意 w在表格中輸放文字文字編輯是制作網(wǎng)頁(yè)最基本的操作。由蓮山課件提供第二篇：網(wǎng)頁(yè)制作教案網(wǎng)頁(yè)制作與設(shè)計(jì)教案第一講 網(wǎng)頁(yè)設(shè)計(jì)概述................................................
黨政相關(guān)相關(guān)推薦
鄂ICP備17016276號(hào)-1