《（2020年）（广告传媒）Html语言入门(多媒体)》由会员分享，可在线阅读，更多相关《（2020年）（广告传媒）Html语言入门(多媒体)（6页珍藏版）》请在金锄头文库上搜索。
1、Html语言入门（多媒体）教学章节： 1.1 html基本知识教学目的： 、了解一些关于网页的基础知识、了解HTML语言，并掌握一个简单的HTML文件的写法 3、掌握几个常用HTML标记教学重点： HTML语言标记的掌握教学难点： HTML语言标记的理解教学方法：讲演法教学课时：1课时教学过程：复习：、（World Wide Web）万维网 2、URL（全球统一资源定位器）也就是“网址”服务器浏览器 3、服务器、浏览器新课： 1、Hypertext (超文本) 是一种可以指向其他文件的文字或图片。这样可以在网上链接千万台计算机，世界范围内的大量信息通过Hypertext（超文本）的方式相互链接
2、。 2、动态网页技术 ASP、PHP、JSP 3、HTML HyperText Markup Language 超文本标记语言一、 HTML入门1、基本的格式是 内容双容器 单容器2、 一个简单的HTML文件网页开始无标题文档网页头，放网页标题等网页体，网页的内容都在这儿网页结束3、扩展名 html,htm4.html代码的特点(1)网页以开始，以结束，网页由和（网页头和网页体）两部分组成，网页中的内容全部在网页体中(2)网页代码中含有这样的标记，每个标记代表一种含意，有些标记中还有属性值如(3)标记一定要放在之间，许多标记有对应的结束标记，应成对使用，如.，也有个别单独使用。(4)HTML源
3、代码中的一个或多个半角空格，一个或多个换行在网页显示时只当一个半角空格显示5学习“网页属性”的设置，了解body标记的属性在“网页属性”中可以对整张网页的效果进行设置，对它的设置，在HTML文件中体现在BODY标记的属性中。打开“网页属性”设置的方法是：单击菜单“修改网页属性”。要求掌握以下属性的含义：background（背景图像）,bgcolor（背景）,text（文本）,link（链接）,leftmargin（左边界）6颜色代码为6位数XXXXXX，X为十六进制数即0-9，A-F(不分大小写)。颜色由“红、绿、蓝”三原色调合而成，每2位数代表一种颜色的浓度，00代表颜色浓度最小，FF代表
4、颜色浓度最大。三种颜色的顺序为红、绿、蓝。理解几种常用的颜色代码：ff0000代表纯红、00ff00代表纯绿、0000ff代表纯蓝、000000代表纯黑、ffffff代表纯白、ffff00代表黄色。考考你： 00ffff代表什么颜色？f0f0f0代表什么颜色？101010代表什么颜色？颜色代码的表示形式：#ff0000ff0000red双引号可以换成单引号或不加引号，小写字母可以改成大字字母7常用的HTML标记及属性(1)网页开始与结束：.(2)网页头：.(3)网页标题(位于网页头)：.(4)网页体：.(5)段落：. 左对齐：. 居中对齐：. 右对齐：. 默认为左对齐(6)换行：（单独使用）(
5、7)水平线：（单独使用）(8)标题：（n1到6，h1标记的字体最大，h6最小）(9)字体：.(10)图像：（单独使用）（11）表格table trtd单元格内容/td/tr trtd单元格内容/td/tr /table跨行属性rowspan TD ROWSPAN=单元格跨的行数跨列属性colspan TD ROWSPAN=单元格跨的列数（12）段落标记 P/P 转行标记 BH/BH其它如：项目列表、编号列表、仅对该文档的CSS样式等HTML语法，请自行查看，暂不要求熟记。8用HTML的眼光看DW软件，它的功能是什么？就是把用户设计的网页转换成HTML文件。所以我们通过属性面板用鼠标对网页的设置
6、与在源代码视图方式下直接改代码的效果是完成相同的。其实，早在DW软件诞生之前，就有高手在设计网页了，他们用什么软件，记事本呀，高手啊！9、让我们也来做一回高手课堂练习：阅读以下代码，想一想，网页的显示效果是怎么样的？再在记事本中输入以下代码，完成后以“1.htm”保存。（注意保存时选“所有文件”，文件扩展名为“.htm”）我的个人主页我爱网页设计我是05电脑专业的一名学生9、DW能做出所有HTML语法支持的效果吗？HTML标准由国际组织W3C负责制订，现在的版本已经是HTML4.0了，详细文档可以看http:/www.w3c.org/，DW支持HTML4标准，但做为超级软件霸主微软公司常常会自
7、定义一些标准，最典型的就是滚动字幕功能，标准的HTML语法并不直接支持滚动字幕。所以DW软件中也不能直接插入滚动字幕，但我们可以直接在DW的代码视图方式下直接插入IE所支持的滚动字幕代码。这样虽然在DW中看不到滚动效果，但用IE浏览网页时，还是能看到滚动效果的（当然如果你使用的不是IE浏览器，而是Nescape,Mozilla等，就不一定能看到滚动效果了）。滚动字幕的代码是：需要滚动的文字详细的滚动字幕的HTML语法，请试用微软公司的网页制作软件FrontPage补充知识：如何到Internet上找HTML教程？21世纪的人才不是说要记得多少知识，而在于当需要知识时，能迅速找到知识，以前说“教
8、师一瓶水，才能教会学生半瓶水”，现在按我校计算机特级教师张德新教师的话说是“教师首先要自已接上自来水，再去帮助学生也接上自来水”。教会同学们自动到Internet上找资料，就是帮学生接上自来水。到Internet上找资料，一靠的是经验，如果同学们平时经常上网，就会记住一些比较好的资源网站或教学网站，以后需要时可以去这些网站看看，我推荐同学可以看看以下网站http:/ 这是测试文件 这是我制作的第一个网页 看来还有很多东东要学噢！ 返回主页2、再根据要求让学生写出一张网页的HTML代码。标题为：my page欢迎进入我的个人网站进入网站 my page 欢迎进入我的个人网站 进入网站课后习题：、写出10种常用的HTML标记及属性、写出以下属性的含义：background、bgcolor、text、link、leftmargin、写出红色、绿色、蓝色、黑色、白色的颜色代码、写出滚动字幕的代码本课小结：本课介绍了html语言的特点和一些简单的html语言的介绍。这对学习网页制作这门课非常重要。需要充分地理解和掌握。后记：
