大学计算机基础(文科类).ppt

大学计算机基础（文科类） 第1章 计算机基础知识 第2章 操作系统基础 第3章 办公自动化应用软件 第4章 计算机网络与信息安全 第5章 多媒体技术基础 第6章 网页设计与制作工具 第7章 VBScript脚本语言 第8章 Web程序开发技术ASP 第６章　网页设计与制作工具 6.1　网页设计预备知识 6.1.1 Web的概念和工作原理 1）Web的工作原理 2）Web服务器向浏览器提供服务的步骤： （1）浏览器向URL所指向的Web服务器发出请求。 （2）Web服务器接到浏览器的请求后，把URL转换成页面所在服务器上的文件路径名。 （3）如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览器。 （4）如果HTML文档中嵌有ASP或别的程序，Web服务器就运行这些程序，并将结果传送至浏览器。 （5）URL也可以指向VRML（虚拟现实模式语言）文档。 6.1.2 脚本语言简介 1）VBScript语言 2）JavaScript语言 3）ASP 4）JSP 5）PHP 6）Perl 6.1.3 静态网页与动态网页 1）静态网页 静态网页是标准的HTML文件，它的文件扩展名是.htm或.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。 静态网页的处理流程： 2）动态网页 动态网页和静态网页的相同之处： 都是ASCII编码文件，都存在着HTML代码，都能包含脚本语言代码，都存放在Web服务器上，都把用户请求的页面发送到浏览上。 动态网页和静态网页的区别是： 动态网页的文件扩展名不是.htm、.html，而是以.asp、.jsp、.php、.perl、.cgi等形式为文件后缀；动态网页中的某些脚本只能在服务器上运行，而静态网页不能包含在服务器上运行的任何脚本；当Web服务器收到用户请求的静态页面后，将把查找结果直接发送到浏览器，而当Web服务器收到用户请求的动态页面后，它将先把这个网页传递给一个称为应用服务器扩展的特殊软件进行处理，然后将处理结果传送给浏览器。 动态网页的处理流程 ： 6.1.4常用网页制作工具 1）FrontPage 2003 2）Dreamweaver MX 2004 6.2　网页与HTML语言 6.2.1 HTML语言的特点 1）什么是HTML HTML（Hypertext Markup Language，超文本标记语言）是一种用来制作网络中超级文本文档的简单标记语言。 2）HTML基本概念 (1) 标记 HTML用于描述功能的符号称为“标记”。 注意: 标记在使用时用方括号“”括起来 ； 标记是成对出现 ； 无斜杠(“/”)的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束； 标记的大小写作用相同 ； 表格中包含表格或其它标记 。 3）HTML语言的特点 （1）通用性 （2）简易性 （3）可扩展性 （4）平台无关性 （5）支持用不同的方式创建HTML文档 6.2.2 HTML语言的常用标记和属性 1）HTML文档标记 〈html〉和〈/html〉：HTML文档的开始标记和结束标记。 2）HTML文件头标记 〈head〉和〈/head〉：这组标记间摆放网页的相关信息,如搜寻字符串或是网页标题等。 表6.1 head所包含的元素 3） title ?和/title 这组标记间包含的内容将会被显示在浏览器窗口的标题栏中。给自己的网页起一个适当的名字，可以体现出一些自己的个性。 4） body ?和/body 这组标记间包括了网页主体内容，例如文字、图片和表格等等。? 网页基础构架 html head title网页基础构架/title /head body 网页主体 /body /html 段落标记：用来分隔段落内容。 1、p段落标记—在两段文字间加入一个空格行。 2、br段落标记—同样产生分段效果，但两段间没有空格行。 3、hr分隔线段落标记—分段的同时在两段文字间加入一条水平线。 段落标记：用来分隔段落内容。 4、pre…/pre预格式化显示内容标记—在浏览网页时仍能保留在编辑工具中已经排好的段落格式。 5、div.../div 块容器标记，它可以用来将文档的内容分成区块，其中的内容是一个独立段落，但这些标记不能在p中使用。 body 第一段p 我是小志,本名陈宗志p 第二段p 我的网站,麻辣校园hr 第一段br 我是小志,本名陈宗志br 第二段br 我的网站,麻辣校园hr pre 我是小志, 本名陈宗志, 我的网站, 麻辣校园。/pre /body 文本标记：文本是网页的主体，font标记能使文本多样化，