《网页制作frontpage》教案

《《网页制作frontpage》教案》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、《网页制作FrontPage》教案教师：张爱平第1、2课时网页设计概述【教学内容】讲解网页设计的相关术语及网站制作的基本流程。【教学目的】使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】网页设计中的若干术语。【教学难点】理解网页设计中的若干术语。【教学方式】讲授式、讨论式、案例分析式。【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。2、《Internet网页工场》Wittime工作室重庆出版社。3、《WEB网站设计》JoelSklar著高等教育出版社。4、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】1.1WWW和

2、URL1.1.1Web的起源Web是WorldWideWeb的简称，一般也称之为WWW或3W1.1.2Web的特点和结构Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）工作模式在浏览器和服务器之间应用HTTP（HyperTextTransferProtocol，超文本传输协议）作为网络应用层通信协议1.1.3URLURL的完整格式协议://主机名或IP地址：端口号/路径名/文件名1.2IE5的使用Web浏览器是浏览Internet资源的客户端软件在Windows环境下使用的浏览器主要有InternetExplorer、NetscapeN

3、avigator、Mosaic等1.2.1IE5的界面1.2.2IE5的使用1.3网页中所使用的技术1.3.1HTML语言和XML语言1、HTML语言ØHTML只使用SGML中很小一部分标记ØHTML语言（HyperTextMarkupLanguage超文本标记语言）ØHTML是纯文本的语言，其源代码可以用各种文本编辑工具进行编辑，常用的网页制作软件如FrontPage、Dreamweaver等实际上是自动生成HTML源代码的工具2、XML语言XML（eXtensibleMarkupLanguage）1.3.2动态网页1.3.3多媒体技术的应用1.3.4Web服务器端程序1

4、.4制作网页的基本方法1.4.1制作网页的基本步骤1、确定网页的内容2、设计网页的组织结构3、资料的收集与整理4、选择网页的设计方法1.4.2制作网页时要注意的问题1、网页的标题要简洁，明确。2、在文本中要使用水平线，以分割不同部分。3、对重点段落要强调显示。4、网页中插入的图片要尽量的小。5、图形要附加文字说明，以便关闭图像时查看。6、网页中引用的资料及商标（或图标），不能侵犯版权。【课后小结】通过学习，认识网络、网站、网页及相关信息，理解网页制作的流程及了解相应开发工具，为设计网页做准备。【作业】阐述网页制作的一般方法？第3、4课时HTML的基本标志与格式标志【教学内容

5、】讲解HTML基本标志对和格式标志。【教学目的】使学生标志对与格式标志对的使用。【教学重点】格式标志的使用。【教学难点】列表标志的使用。【教学方式】讨论式、案例分析式、练习式。【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。2、《WEB网站设计》JoelSklar著高等教育出版社。3、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】2.1HTML文档的基本结构2.1.1HTML语法1、双标记语法：<标记>内容2、单标记语法：<标记>最常用的单标记是
3、标记属性语法<标记属性1属性2属性3…>例子

6、=leftWidth="75%">4、注释语句格式例子2.1.2HTML文档的基本结构【课后小结】通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用列表,有序列表,无序列表标志及属性。第5、6课时HTML的文本、图片与超级链接标志【教学内容】讲解HTML标准中的文本、图片与超级链接标志【教学目的】*使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。*使学生掌握图片标志,声音标志及相应的属性,学会利

7、用标志在网页中插入声音与图片。*使学生掌握超级链接标志的使用。【教学重点】*字体、图片和超级链接标志的使用。*网页中特殊符号的输入。【教学难点】*理解特殊符号对应的标志。*理解img标志中属性的意义。*理解书签超级链接的意义。【教学方式】讨论式、案例分析式、练习式。【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。2、《WEB网站设计》JoelSklar著高等教育出版社。3、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】2.2插入文字2.2.1划分段落格式段落内