计算机软件技术基础 教学课件 ppt 作者 杨建军 第1章 web程序设计基础.pptVIP

VB教案 计算机软件技术基础（计算机导论） 杨建军 计算机软件技术基础大纲 第1章 Web程序设计基础 第2章 C#语言基础 第3章 面向对象程序设计 第4章 算法与数据结构 第5章 多媒体与多媒体系统 第6章 软件的开发流程 第7章 操作系统 第8章 关系数据库系统 第9章 项目与实践 第1章 Web程序设计基础 Web程序设计语言 XHTML的语法规则 XHTML标记及其属性 CSS基础 网页的布局方法 ASP.NET概述 静态Web网站 传统的网站一般是采用静态网页技术制作的静态网站。 在静态网站中所有的内容以HTML（HyperText Markup Language：超文本标记语言）语言编写，存储在静态网页文件中，文件扩展名为：.htm、.html、.shtml、.xml等。 动态Web网站 由于静态页面缺少交互性，因此动态内容的开发就成了越来越多的Web站点追求的目标。所谓“动态”是指用户按自己的需要通过浏览器发出请求，服务器运行一个脚本或程序来返回包含最新信息的页面共用户浏览。 动态网站一般通过数据库进行架构，具有很强的交互性、互动性、动态性。 1.1 Web程序设计语言介绍 Web程序设计语言有HTML、XML和XHTML。 1.HTML HTML（HyperText Markup Language）称为超文本标记语言，是制作静态页面的主要编程语言。HTML文件是一种纯文本文件，通常以.htm或.html作为文件扩展名。 2. XML XML（eXtensible Markup language）称为可扩展标记语言。XML可以将网络上的文档规范化，并赋予标记一定的含义。XML 1.0是在1998 年 2 月正式推出，目前 XML 的相关技术仍在持续发展和制定中，这只是一个开始，并不是结束。 1.4 CSS基础 CSS(Cascading Style Sheets，中文译为层叠样式表)是用于控制(增强)网页样式并允许将样式信息与网页内容分离的一种标记性语言，现在已经为大多数的浏览器所支持。它在字体、样式、风格等方面的突出表现使其迅速在网页制作中流行起来，成为网页设计必不可少的工具之一。利用CSS样式，不仅可以控制一个网页文档中的文本格式，而且通过引用外部样式表的方式还可以控制多个网页文档中的文本格式。 1.4.1CSS简介 应用样式表有三种方法：局部、内部和外部。内部样式表和外部样式表合称为级联式样式。直接将样式控制放在单个HTML元素内，称为局部样式或行内样式；在head部分直接实现的CSS样式，称为内部样式；在head部分通过导入以扩展名为.css的文件来实现CSS样式，称为外部样式。在这些方法中，可以只使用一种，也可以同时使用这三种，一般说来局部样式将覆盖任何内部样式，内部样式将覆盖外部样式，实际上，这就是层叠样式表的由来。 1.4.1CSS简介 局部样式使用style样式化一个简单页面，格式如下： body style=text-align:center form id=form1 runat=server div style=text-align:center; width:400px; border: 2px solid #FF00FF; font-style: italic; font-weight: bold; font-size: medium; h1 style=font-size:x-large; color:red 欢迎光临天狼国际软件公司/h1 h2 style=font-size:large; color:blue 这是一个采用局部样式化的标题/h2 /div /form /body 注意局部样式表声明是在某个元素的开始标记内。 1.4.1CSS简介 对于内部样式表和外部样式表来说，样式表的声明分为选择符和块{ }，块{ }里包含属性和属性值。 CSS的基本格式 选择符 {属性1:属性值1; 属性2:属性值２; …; 属性n:属性值n } 并列选择符的CSS格式 选择符1, 选择符2,…, 选择符m{属性1:属性值1; 属性2 …; 属性n:属性值n} 如果有多个不同的元素定义的样式相同，则可以使用并列选择符简化定义。例如： h1,h2,h3{ color:blue} 上下文关联选择符的CSS格式 上下文关联选择符是一个用空格隔开的两个或更多的单一标记选择符组成的字符串，