学习HTML语言的目的.ppt

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