学习语言的目的_第1页
学习语言的目的_第2页
学习语言的目的_第3页
学习语言的目的_第4页
学习语言的目的_第5页
已阅读5页，还剩23页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

学习语言的目的第一页，共二十八页，2022年，8月28日学习HTML语言的目的有助于理解网页的构成（图片、动画、声音是分离的）某些特殊的功能，需要直接修改HTML文本某些批量性的工作，直接在HTML文本中比较容易实现第二页，共二十八页，2022年，8月28日HTML编辑工具最简单的工具：记事本Notepad早期在可视化工具未开发出来时，曾有专门的工具，如HTMLPad也可在“所见即所得”的网页编辑工具提供的HTML视图进行第三页，共二十八页，2022年，8月28日HTML文本的构成HTML文本的构成由标志和属性构成，“标志”说明元素的类型和性质，“属性”则指明具体的参数。如IMG是一个图片的标志，它有一个（至少一个）属性为SRC，指明要显示的图片的位置。标志由尖括号<>包围，并且标志一般都要配对：起始标志<>，结束标志</>最基本的一个HTML文本:<HTML>Hello,World!</HTML>第四页，共二十八页，2022年，8月28日HeadandBody一般的HTML文本由<html>标志包围，其中有两个区：<HEAD>区和<BODY>区，其中<HEAD>区的内容不在网页中显示，而<BODY>区的内容则会显示在网页中。<HTML><HEAD>…</HEAD><BODY>…</BODY></HTML>第五页，共二十八页，2022年，8月28日常用的标志浏览器标题<TITLE>，放在<HEAD>区文字标题<Hn><H1>Hello</H1><H6>Michael></H6>段落标志<P>，换行标志<BR><P>相当于在FrontPgae中按回车；<BR>相当于Shift+回车关于颜色颜色由RGB三原色组成，#RRGGBB六位数字，每一位数字是一个十六进制数；也可直接用英文的颜色名来表示指定网页的背景色<BODYBGCOLOR=“#CCCCCC”>指定网页文本颜色<BODYTEXT=Aliceblue>第六页，共二十八页，2022年，8月28日常用标志超级链接标志<A>属性HREF注意，同一个站点内的链接一般都用相对路径；链接到外部Internet上的目标，则用绝对路径，要给出一个完整的URL。属性TARGET属性TITLE插入图片标志<IMG>属性SRC属性ALT设置字体<FONT>属性FACE属性SIZE属性COLOR第七页，共二十八页，2022年，8月28日其他标志表格标志<TABLE>理解行标志<tr>理解列标志<td>表单标志<FORM>框架集标志<FRAMESET>和框架<FRAME>理解框架的组成，它包含多个网页文件注释:其中的内容不显示在网页中，但并不表示不产生作用。<!---->第八页，共二十八页，2022年，8月28日使用HTML修改网页有关图片的SRC属性和超级链接的HREF属性，是初学者犯错最多的，直接修改HTML源文件可以快速修改网页中的死链接问题。死链接的症状：应该有图片的地方出现×；点击超级链接，报错：FileNotFound第九页，共二十八页，2022年，8月28日问题网页的种类及解决方法情形一：本身内部的链接是正确的，只不过首页文件index.htm没有，或放置的目录不对。比较容易修改。方法一：用FrontPage提供的站点功能，可以一次性完成。比较快。方法二：在FrontPage的HTML视图中用“替换”功能可以快速地将一个网页中的链接修改。方法三：重新在学号目录下创建一个新的index.htm，由它链接到原来老的首页。第十页，共二十八页，2022年，8月28日解决方法（二）情形二：本身内部的链接就有问题。常常表现为在自己的机器上可以浏览，传到服务器上就不行了。需要进行彻底的整改。先理顺目录之间的关系，把自己制作的东西分类存放，并确保所有的内容在自己的学号目录下，然后再一页一页地修改。（参考第一种情形）第十一页，共二十八页，2022年，8月28日CSSCSS:CascadingStyleSheets层叠式样式表HTML语言并不是真正的版面语言，它只是标记语言，意图把文档的不同部分通过它们的功能作用进行分类，但并不指出这些元素如何在计算机屏幕上显示。CSS则提供对文档外观的更好更全面的控制，而且不干扰文档的内容。CSS基本语句的结构：HTML选择符{属性1：值1；属性2：值2；属性n：值n；}选择符是要对它应用说明的HTML元素名称；属性就是能够被CSS影响的浏览器行为，如字体、背景、边界等；值就是可以为属性设置的任何选项，如“楷体”，“red”等。如：p{font-size:12pt；color:blue}第十二页，共二十八页，2022年，8月28日如何在网页中应用CSSCSS在HTML中应用有三种方法：第一种是包含在<head>...</head>标记里，例如：<head><styletype="text/css"><!--h1{font-family:宋体;font-size:12pt;color:blue}--></style></head><body><h1>在这里使用了H1标记</h1></body>第十三页，共二十八页，2022年，8月28日如何在网页中应用CSS第二种是行间定义，例如：<body><h1style="font-family:宋体;font-size:12pt;color:blue">这是行间定义的H1标记</h1></body>第三种是外部调用样式文件，跟第一种类似，例如：<head><LINKREL="stylesheet"href="sample.css"></head>第十四页，共二十八页，2022年，8月28日JavaScript/VBsciptJavaScipt是介于程序设计语言（如C语言）与单纯的标记语言（如HTML语言）之间的“脚本语言”。JavaScript语言的程序无须编译，它嵌入在HTML文档中，由浏览器打开执行。(JavaScript由NetScape公司发明，与Java语言完全是两码事）<head><script>…</script></head>JavaScript主要是对浏览器的各项对象进行处理。可以根据发生的不同的事件，产生不同的行为和效果。Vbscript与JavaScript的功能基本一样。第十五页，共二十八页，2022年，8月28日JavaJava是一种高级语言，主要用于网络应用的开发。它由Sun公司开发。两种应用方式：Java应用程序：是独立的程序，直接在操作系统下运行JavaApplet：不能独立运行，必须嵌入到HTML文件中，并由浏览器来打开运行。JavaApplet在设置网页的动态效果，交互式应用以及动态数据显示等方面有“特色”。第十六页，共二十八页，2022年，8月28日加入JavaApplet如何加入JavaApplet?经过编译后的applet的扩展名为class，最简单的方式：<appletcode=“HelloWorld.class”width=200,height=50></applet>也可从FrontPage中“插入”→“高级”→“Java小程序”第十七页，共二十八页，2022年，8月28日DHTMLDynamicHTML动态HTML它并不是一个新的标记语言。DHTML的三个组成元素是：浏览器的各项对象、Script语言和各项HTML标记。含义：将浏览器及在浏览器上显示的网页对象化，利用Script语言来处理各项对象的动作与数据，并做出反应，达到互动的效果。第十八页，共二十八页，2022年，8月28日ASP在服务器端执行的程序：CGI程序(CommonGatewayInterface)缺点：通用性差，限制多，有关数据库操作不方便ASP(ActiveServerPages),也在服务器端执行使用它可以创建和运行动态、交互的Web服务器应用程序。使用ASP可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。ASP应用程序很容易开发和修改。浏览器从Web服务器上请求.asp文件时，ASP脚本开始运行。然后Web服务器调用ASP，ASP全面读取请求的文件，执行所有脚本命令，并将Web页传送给浏览器。ASP主要是基于WindowsNT/2000/XP+IIS第十九页，共二十八页，2022年，8月28日小技巧如何实现主页定时跳转?在<head>区加入：<metahttp-equiv="refresh"content="3;url=">3是时间单位是秒,http：//是你想跳转到的url地址。如何将自己的个人网页在搜索引擎登记？各大网站上有指南!但现在有些要收费了！第二十页，共二十八页，2022年，8月28日加入Flash如何加入下载的Flash?(扩展名swf）以下是将一个ShockwaveFlash电影嵌入到网页中所需要的最起码的编码：<OBJECTWIDTH=”200"HEIGHT=”60"><PARAMNAME="MOVIE"VALUE="tutorial.swf"><EMBEDSRC="tutorial.swf"WIDTH=”200"HEIGHT=”60"></EMBED></OBJECT>

这其中的swf的height和width都可以按照你自己的要求做出改动第二十一页，共二十八页，2022年，8月28日超级链接的颜色做网页时如何去掉超级链接下面的下画线？用css进行设置，放置在<head>区<styletype="text/css"><!--a:link{color:#3333FF;text-decoration:none}a:visited{color:#3333FF;text-decoration:none}a:active{color:#3333FF;text-decoration:none}a:hover{color:#FF3333;text-decoration:underline}--></style>第二十二页，共二十八页，2022年，8月28日确定设置文字大小如何才能让网页上的文字不随浏览器的字体大小而改变？在css里设定font-size,不过是要以pt、px等为单位。（1inch=72pt；px:pixel)在<style>中定义p{font-size:16px}作用于所有<p></p>之间的内容.fixed16{font-size:16pt}

作用于<span>,<div>包围的文字，如：

Iama<spanclass=“fixed16”>student</span>,

则文字“student”的大小一直都是16pt。也可单独定义一段文字的大小：<Pstyle=“font-size:16px”>Hello,World!</P>，仅作用于该段。第二十三页，共二十八页，2022年，8月28日背景色和背景图片怎样对一段文字或一段中的部分文字设置背景颜色和背景图片？一段文字：<Pstyle=“background-color:blue”>Hello,World!</P><Pstyle=“background-image:url(bak3.gif)”>Hello,World!</P>部分文字：用<spanstyle=“background-color:silver”>Hello</span>World,则仅仅Hello有背景色可以先在<style>中定义：.blue{background-color:blue}.bkimg{background:url(bak3.gif)}然后<spanclass=“blue”>Kissmegoodbye</span>Iwilltrynottocry.第二十四页，共二十八页，2022年，8月28日自动弹出新窗口怎样实现一进入页面就会有欢迎的页面出现，退出又有再见的画面？用到了JavaScript，在<body>中加入：

<bodyonload=alert(“Welcome”)onunload=alert(“GoobBye”)>(显示一个通知信息）<bodyonload=“window.open(‘hello.htm’)”>可弹出一个窗口，其中显示hello.htm的内容比较复杂的情形：可以自己控制窗口的大小、形状下面的JavaScript函数newWin中的参数newpage为要弹出的窗口中显示的网页文件名，也可直接给一个URL。这个函数要放在<head>区第二十五页，共二十八页，2022年，8月28日自动弹出新窗口<scriptlanguage="JavaScript"><!--f

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论