网页设计和制作教（学）案42866

《网页设计和制作教（学）案42866》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、......word..完美整理，精品文档...《网页设计与制作教案》湄洲湾职业技术学院2008-2009学年第一学期教师：唐俊奇系部：信息技术工程系专业：计算机应用电子信息班级：计机07（1）信息07（1）08（2）......专业资料，可供参考.下载.分享.........word..完美整理，精品文档...第一讲网页设计概述【教学内容】讲解网页设计的相关术语及网站制作的基本流程。【教学目的】使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。【教学重点】网页设计中的若干术语。【教学难点】理解网页设计中的若

2、干术语。【教学方式】讲授式、讨论式、案例分析式。【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。2、《Internet网页工场》Wittime工作室重庆出版社。3、《WEB网站设计》JoelSklar著高等教育出版社。4、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】1.1WWW和URL1.1.1Web的起源Web是WorldWideWeb的简称，一般也称之为WWW或3W1.1.2Web的特点和结构Web最大的特点是使用了超文本（Hypertext）WWW采用C/S（客户机/服务器）

3、工作模式在浏览器和服务器之间应用HTTP（HyperTextTransferProtocol，超文本传输协议）作为网络应用层通信协议1.1.3URLURL的完整格式协议://主机名或IP地址：端口号/路径名/文件名1.2IE5的使用Web浏览器是浏览Internet资源的客户端软件在Windows环境下使用的浏览器主要有InternetExplorer、NetscapeNavigator、Mosaic等1.2.1IE5的界面1.2.2IE5的使用......专业资料，可供参考.下载.分享.........word..完

4、美整理，精品文档...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服务器端程序

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

6、与格式标志【教学内容】讲解HTML基本标志对和格式标志。【教学目的】使学生标志对与格式标志对的使用。【教学重点】格式标志的使用。【教学难点】......专业资料，可供参考.下载.分享.........word..完美整理，精品文档...列表标志的使用。【教学方式】讨论式、案例分析式、练习式。【教学参考】1、《网页设计与制作》杨尚森曲宏山贾文峰等著电子工业出版社。2、《WEB网站设计》JoelSklar著高等教育出版社。3、《HTML网页制作教程》材义语编著铁道出版社。【新课内容】2.1HTML文档的基本结构2.1.1H

7、TML语法1、双标记语法：<标记>内容2、单标记语法：<标记>最常用的单标记是
3、标记属性语法<标记属性1属性2属性3…>例子4、注释语句格式例子2.1.2HTML文档的基本结构【课后小结】通过本次课的学习,要求能熟练掌握网页面的基本标志与格式标志,并能灵活运用列表,有序列表,无序列表标志及

8、属性。第三讲HTML的文本、图片与超级链接标志【教学内容】讲解HTML标准中的文本、图片与超级链接标志【教学目的】*使学生了解标题元素,掌握字体,上下标,及特殊字符的标志。*使学生掌握图片标志,声音标志及相应的属性,学会利用标志在网页中插入声音与图片。*使学生掌握超级链接标志的使用。......专业资料，可供参考.下载.分享...