学习HTML语言的目的(精品).ppt

HTML语言、CSS郭伟刚E-mail:学习HTML语言的目的有助于理解网页的构成（图片、动画、声音是分离的）某些特殊的功能，需要直接修改HTML文本某些批量性的工作，直接在HTML文本中比较容易实现HTML编辑工具最简单的工具：记事本 Notepad早期在可视化工具未开发出来时，曾有专门的工具，如HTMLPad也可在“所见即所得”的网页编辑工具提供的HTML视图进行HTML文本的构成HTML文本的构成由标志和属性构成，“标志”说明元素的类型和性质，“属性”则指明具体的参数。如IMG是一个图片的标志，它有一个（至少一个）属性为SRC，指明要显示的图片的位置。标志由尖括号包围，并且标志一般都要配对：起始标志，结束标志最基本的一个HTML文本:Hello,World!Head and Body一般的HTML文本由标志包围，其中有两个区：区和区，其中区的内容不在网页中显示，而区的内容则会显示在网页中。常用的标志浏览器标题，放在区文字标题HelloMichael段落标志，换行标志相当于在FrontPgae中按回车；相当于Shift+回车关于颜色颜色由RGB三原色组成，#RRGGBB六位数字，每一位数字是一个十六进制数；也可直接用英文的颜色名来表示指定网页的背景色指定网页文本颜色常用标志超级链接标志属性HREF注意，同一个站点内的链接一般都用相对路径；链接到外部Internet上的目标，则用绝对路径，要给出一个完整的URL。属性TARGET属性TITLE插入图片标志属性SRC属性ALT设置字体属性FACE属性SIZE属性COLOR其他标志表格标志理解行标志理解列标志表单标志框架集标志和框架理解框架的组成，它包含多个网页文件注释:其中的内容不显示在网页中，但并不表示不产生作用。使用HTML修改网页有关图片的SRC属性和超级链接的HREF属性，是初学者犯错最多的，直接修改HTML源文件可以快速修改网页中的死链接问题。死链接的症状：应该有图片的地方出现；点击超级链接，报错：File Not Found问题网页的种类及解决方法情形一：本身内部的链接是正确的，只不过首页文件index.htm没有，或放置的目录不对。比较容易修改。方法一：用FrontPage提供的站点功能，可以一次性完成。比较快。方法二：在FrontPage的HTML视图中用“替换”功能可以快速地将一个网页中的链接修改。方法三：重新在学号目录下创建一个新的index.htm，由它链接到原来老的首页。解决方法（二）情形二：本身内部的链接就有问题。常常表现为在自己的机器上可以浏览，传到服务器上就不行了。需要进行彻底的整改。先理顺目录之间的关系，把自己制作的东西分类存放，并确保所有的内容在自己的学号目录下，然后再一页一页地修改。（参考第一种情形）CSSCSS:Cascading Style Sheets 层叠式样式表HTML语言并不是真正的版面语言，它只是标记语言，意图把文档的不同部分通过它们的功能作用进行分类，但并不指出这些元素如何在计算机屏幕上显示。CSS则提供对文档外观的更好更全面的控制，而且不干扰文档的内容。CSS基本语句的结构：HTML选择符属性1：值1；属性2：值2；属性n：值n；选择符是要对它应用说明的HTML元素名称；属性就是能够被CSS影响的浏览器行为，如字体、背景、边界等；值就是可以为属性设置的任何选项，如“楷体”，“red”等。如：p font-size:12pt；color:blue如何在网页中应用CSSCSS在HTML中应用有三种方法：第一种是包含在.标记里，例如：在这里使用了H1标记 如何在网页中应用CSS第二种是行间定义，例如：这是行间定义的H1标记第三种是外部调用样式文件，跟第一种类似，例如：JavaScript/VBsciptJavaScipt是介于程序设计语言（如C语言）与单纯的标记语言（如HTML语言）之间的“脚本语言”。JavaScript语言的程序无须编译，它嵌入在HTML文档中，由浏览器打开执行。(JavaScript由NetScape公司发明，与Java语言完全是两码事）JavaScript主要是对浏览器的各项对象进行处理。可以根据发生的不同的事件，产生不同的行为和效果。Vbscript与JavaScript的功能基本一样。JavaJava是一种高级语言，主要用于网络应用的开发。它由Sun公司开发。两种应用方式：Java应用程序：是独立的程序，直接在操作系统下运行Java Applet：不能独立运行，必须嵌入到HTML文件中，并由浏览器来打开运行。Java Applet在设置网页的动态效果，交互式应用以及动态数据显示等方面有“特色”。加入Java Applet如何加入Java Applet?经过编译后的applet的扩展名为class，最简单的方式：也可从FrontPage中“插入”“高级”“Java小程序”DHTMLDynamic HTML 动态HTML它并不是一个新的标记语言。DHTML的三个组成元素是：浏览器的各项对象、Script语言和各项HTML标记。含义：将浏览器及在浏览器上显示的网页对象化，利用Script语言来处理各项对象的动作与数据，并做出反应，达到互动的效果。ASP在服务器端执行的程序：CGI程序(Common Gateway Interface)缺点：通用性差，限制多，有关数据库操作不方便ASP(Active Server Pages),也在服务器端执行使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML 页、脚本命令和 ActiveX 组件以创建交互的 Web 页和基于 Web 的功能强大的应用程序。ASP 应用程序很容易开发和修改。浏览器从 Web 服务器上请求.asp 文件时，ASP 脚本开始运行。然后 Web 服务器调用 ASP，ASP 全面读取请求的文件，执行所有脚本命令，并将 Web 页传送给浏览器。ASP主要是基于Windows NT/2000/XP+IIS小技巧如何实现主页定时跳转?在区加入：3是时间单位是秒,http：/是你想跳转到的url地址。如何将自己的个人网页在搜索引擎登记？各大网站上有指南!但现在有些要收费了！加入Flash如何加入下载的Flash?(扩展名swf）以下是将一个Shockwave Flash电影嵌入到网页中所需要的最起码的编码：这其中的swf的height和width都可以按照你自己的要求做出改动超级链接的颜色做网页时如何去掉超级链接下面的下画线？用css进行设置，放置在区确定设置文字大小如何才能让网页上的文字不随浏览器的字体大小而改变？在css里设定font-size,不过是要以pt、px等为单位。（1 inch=72 pt；px:pixel)在中定义 p font-size:16px 作用于所有 之间的内容.fixed16 font-size:16pt 作用于 ,包围的文字，如：I am a student,则文字“student”的大小一直都是16pt。也可单独定义一段文字的大小：Hello,World!，仅作用于该段。背景色和背景图片怎样对一段文字或一段中的部分文字设置背景颜色和背景图片？一段文字：Hello,World!Hello,World!部分文字：用 Hello World,则仅仅Hello有背景色 可以先在中定义：.blue background-color:blue.bkimg background:url(bak3.gif)然后Kiss me goodbyeI will try not to cry.自动弹出新窗口怎样实现一进入页面就会有欢迎的页面出现，退出又有再见的画面？用到了JavaScript，在中加入：(显示一个通知信息）可弹出一个窗口，其中显示hello.htm的内容比较复杂的情形：可以自己控制窗口的大小、形状下面的JavaScript函数newWin 中的参数newpage为要弹出的窗口中显示的网页文件名，也可直接给一个URL。这个函数要放在区自动弹出新窗口然后再在中加：status给出的是状态行的信息部分文字的动态效果对部分文字实现动态效果FrontPage中的设置是对一段文字产生作用用CSS：如Try it!Here变大变色 注意用英文状态的单、双引号,fontSize的S要大写同样可以改变backgroundColor,backgroundImage等飘浮的图片，树形目录The end更多资源http:/