網(wǎng)頁制作工具參考教案(參考版)
2024-10-21 05:37本頁面
【正文】 《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【教學(xué)方式】案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。* 理解框架屬性name、target的意義。* 表單元素標(biāo)志與屬性?！窘虒W(xué)重點(diǎn)】* 表格中單元格的合并以及表格嵌套和疊加操作。第四講 HTML表格、表單與框架標(biāo)志【教學(xué)內(nèi)容】講解HTML中制作表格、表單與框架的標(biāo)志。 列表?xiàng)l目2......有序列表1. 列表?xiàng)l目1 2. 列表?xiàng)l目2......定義列表 列表?xiàng)l目1 條目1的說明 列表?xiàng)l目2 條目2的說明 …… ...... 圖像地圖 【課后小結(jié)】本節(jié)介紹了在網(wǎng)頁中加入文本、圖片和超級鏈接的標(biāo)志與相應(yīng)屬性，熟練運(yùn)用這些標(biāo)志是制作多媒體網(wǎng)頁的基礎(chǔ)?！遍_始，以“；”結(jié)束，一個(gè)轉(zhuǎn)義符之間不能有空格 文本強(qiáng)制換行和不換行 文本強(qiáng)制換行不換行 插入水平線 使用標(biāo)記屬性：Width，Size，Align，Noshade，color 使用列表無序列表 ......，使文字顯示為閃爍效果。......，使文字成為前一個(gè)字符的上標(biāo)。......，使文字大小相對于前面的文字增大一級。 STRONG......，特別強(qiáng)調(diào)的文字，通常用黑體。第三講 HTML的文本、圖片與超級鏈接標(biāo)志【教學(xué)內(nèi)容】講解HTML標(biāo)準(zhǔn)中的文本、圖片與超級鏈接標(biāo)志 【教學(xué)目的】* 使學(xué)生了解標(biāo)題元素,掌握字體,上下標(biāo),及特殊字符的標(biāo)志?！禜TML網(wǎng)頁制作教程》材義語編著 鐵道出版社?！窘虒W(xué)參考】《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社?！拘抡n內(nèi)容】 WWW和URL Web的起源Web是World Wide Web的簡稱，一般也稱之為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地址：端口號/路徑名/文件名 IE5的使用Web瀏覽器是瀏覽Internet資源的客戶端軟件在Windows環(huán)境下使用的瀏覽器主要有Internet Explorer、Netscape Navigator、Mosaic等 IE5的界面 IE5的使用列表標(biāo)志的使用?！禬EB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社?！窘虒W(xué)參考】《網(wǎng)頁設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社?！窘虒W(xué)難點(diǎn)】理解網(wǎng)頁設(shè)計(jì)中的若干術(shù)語?！窘虒W(xué)目的】使學(xué)生對網(wǎng)站及網(wǎng)頁有一定的認(rèn)識，激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁設(shè)計(jì)的興趣。：具體操作，觀察課本，共同討論，集體研究，會(huì)者演示，伴隨講解，自己上機(jī)，再練一遍。步驟提示：（提醒：每一步都需要注意觀察有沒有多種方法實(shí)現(xiàn)同一個(gè)操作）打開軟件，新建一個(gè)“基本頁”。常用工具主要功能（總結(jié)每個(gè)軟件的主要功能）完成人員二、打開網(wǎng)頁制作軟件FrontPage，利用老師提供的一些素材（素材放在D盤的“網(wǎng)頁素材”文件夾內(nèi)），制作一個(gè)網(wǎng)頁，并保存。借助我們的因特網(wǎng)完成任務(wù)一各小組總結(jié)不同的網(wǎng)頁制作工具軟件的特點(diǎn)、主要功能。下面讓我們來體驗(yàn)Dreamweaver軟件的動(dòng)態(tài)網(wǎng)頁制作 布置任務(wù)：請同學(xué)們完成任務(wù)單中的第三個(gè)任務(wù)： 運(yùn)用Dreamweaver中的層、時(shí)間軸制作動(dòng)態(tài)網(wǎng)頁——圖像移動(dòng) 設(shè)問為什么要調(diào)整“層”與“背景圖像”的大小，使其等大？ 設(shè)問時(shí)間軸上面的“關(guān)鍵幀”有什么特點(diǎn)？ 設(shè)問操作過程中感到最難的一個(gè)環(huán)節(jié)是什么？ 設(shè)問對自己設(shè)計(jì)的作品的評價(jià)是什么？ 結(jié)尾：同學(xué)們觀察到，我們設(shè)計(jì)的作品和本節(jié)課一開始展示的作品有很大的差距，原因在于，僅僅使用我們學(xué)習(xí)的Frontpage和Dreamweaver是不能制作出那么美麗的網(wǎng)頁的，我們還需
物理相關(guān)推薦
鄂ICP備17016276號-1