《ASP.NET 2.0 C# 网站开发实用教程 教学课件 ppt 作者 梁晓晖 来继敏 ASP[1].NET2.0_第一章》由会员分享，可在线阅读，更多相关《ASP.NET 2.0 C# 网站开发实用教程 教学课件 ppt 作者 梁晓晖 来继敏 ASP[1].NET2.0_第一章（35页珍藏版）》请在金锄头文库上搜索。
1、ASP.NET2.0(C#) 网站开发实用教程,机械工业出版社 2009.8,第2页，共35页,第1章 网站开发概述,1.网站发展历史,2. 网页制作基础,3. 静态网页工作原理,4. 动态网页工作原理,5. 常用的网站开发工具,知识点,第3页，共35页,1. 导航条,2. 将页面设为主页,3. 将页面加入收藏夹,第1章 网站开发概述,第4页，共35页,效果图1-1导航条,效果图1-2网页设为主页,第5页，共35页,效果图1-3页面添加到收藏夹,第6页，共35页,1.1网站发展历史 Internet发展历史 中国的Internet,了解了解就行了！,第7页，共35页,1.2 网页基础,什么是网
2、页？,HTML,服务器,浏览器,用户,网络,第8页，共35页,1.2.1 HTML基础, The First Hello World! This is my first page! ,什么是HTML？,第9页，共35页,1.2.1 HTML基础,什么是HTML元素？,什么是HTML元素属性？,第10页，共35页,1.2.1 HTML基础,常用HTML元素有哪些？, ,第11页，共35页,内联样式表,内部样式表,外部样式表,在单独的.CSS文件中 定义所需的样式，在 要使用的HTML文 档中，引用该 CSS文件，即可 在HTML文档中使用 已定义的CSS样式。 使用最为灵活。,在HTML文档中，
3、 使用style标签， 定义要使用的样 式，并将其应用 于特定的标记元 素。比内联方式稍复 杂，但使用较为灵活。,直接使用HTML元 素的style属性，为 其指定要使用的样 式。使用简单，不 灵活,1.2.2 CSS样式表（层叠样式表又叫级联样式表）,如何把CSS加入到网页中？,第12页，共35页,属性会有对 应的值，属 性和值被冒 号分开，并 由 包围， 这样就组成 了一个完整 的样式声明。,属性 (property) 是用户要改变 的属性，这个 属性对应HTML 元素的属性， 并且每个属性 都有一个值。,通常是用户 希望定义的 HTML 元素 或标签,选择器,1.2.2 CSS样式表-C
4、SS基础语法,第13页，共35页,1.2.2 CSS样式表-CSS选择符,通配选择符：*，表示所有元素。如*font-size:12px 类型选择符：是以HTML元素名称作为选择符，如 div font-size:12px 包含选择符：语法为：选择符1 选择符2 选择符1和选择符2之间用空格分隔。含义是所有选择符1中包含选择符2。如：div pfont-size:12px 该样式实现的效果是在所有被div元素包含的p元素中，文本字体大小为12像素。,第14页，共35页,1.2.2 CSS样式表-CSS选择符（续）, ID选择符 语法为：# ID名称。如：#namefont-size:12px
5、效果是在所有调用ID名称为name的页面元素中，文本的字体大小为12像素。 类选择符 语法：. 类名称 如：. namefont-size:12px，在所有调用类名称为name的元素中，文本的字体大小为12像素。 选择符分组：当多个选择符应用相同的样式，可以将选择符用英文逗号分隔的方式，合并为一组。语法：选择符1，选择符2，选择符3,第15页，共35页,1.2.2 CSS样式表-CSS背景,背景色 可以使用属性background-color 在CSS中定义背景色，此时背景色为纯色。 背景图像 使用属性background-image为元素定义背景图像。下例指定了网页的背景图像为：bg3.jp
6、g body background-image: url(/images/bg3.jpg);,第16页，共35页,1.2.2 CSS样式表-CSS背景,背景重复 要对背景图像平铺时，可用 background-repeat 属性。 值repeat-x 和 repeat-y 分别使图像在水平或垂直方向上重复，no-repeat 则不允许图像在任何方向上平铺。 背景定位 可以用 background-position 属性改变图像在背景中的位置。下面的例子在 body 元素中将一个背景图像居中放置： body background-image:url(/images/bg3.jpg); backg
7、round-repeat:no-repeat; background-position:center; ,第17页，共35页,1.2.2 CSS样式表-CSS文本,缩进文本 水平对齐 字间隔 字母间隔 字符转换 文本装饰 文本方向,第18页，共35页,1.2.2 CSS样式表-CSS列表,列表类型 要影响列表的样式，最简单（同时支持最充分）的办法就是改变其标志类型。要修改用于列表项的标志类型，可以使用属性 list-style-type： ul list-style-type : none 上面的声明把无序列表中的列表项标志设置为无。 列表项图像 有时，常规的标志是不够的。用户可能想对各标志使
8、用一个图像，这可以利用 list-style-image 属性做到： ul li list-style-image : url(xxx.gif) 只需要简单地使用一个 url() 值，就可以使用图像作为标志。,第19页，共35页,1.2.2 CSS样式表-CSS列表, 列表标志位置 CSS可以确定标志出现在列表项内容之外还是内容内部。这是利用 list-style-position 完成的。 简写列表样式 为简单起见，可以将以上 3 个列表样式属性合并为一个方便的属性：list-style，就像这样： li list-style : url(example.gif) square inside
9、 list-style 的值可以按任何顺序列出，而且这些值都可以忽略。只要提供了一个值，其它的就会填入其默认值。,第20页，共35页,【例1-1】利用CSS及HTML知识实现一个导航，当鼠标移动到文字上时候实现背景图片的改变，移除时恢复原来背景，效果如下图所示。,第21页，共35页,1.2.3 Javascript基础,什么是Javascript？,Javascript是一种由Netscape公司的LiveScript发展而来的面向对象的客户端脚本语言，是一种基于对象和事件驱动并具有安全性能的脚本语言。Javascript是适应动态网页制作的需要而诞生的一种新的编程语言，已越来越广泛地使用于I
10、nternet网页制作上。,第22页，共35页,1.2.3 Javascript基础-在HTML中引入javascript 直接在HTML文档内的元素中写入javascript代码。 在HTML文档内引入外部的javascript文件（.js）。,第23页，共35页,1.2.3 Javascript基础-javascript数据类型,Javascript提供了三种主要数据类型、两种复合数据类型和两种特殊数据类型来处理数据。 三种主要的数据类型 Number数值（整数和实数） String字符串型（用“”或括起来的字符或数值） Boolean布尔型（使用True和False来表示） 两种复合数据
11、类型 Object对象 数组 两种特殊数据类型 空值（Null） 未定义（Undefined）,第24页，共35页,1.2.3 Javascript基础-javascript变量,Javascript变量名称的规则： 变量对大小写敏感（y和Y是两个不同的变量）； 变量必须以字母或下划线开始； 声明（创建）Javascript变量： 在Javascript中创建变量经常被称为“声明”变量。用户可以通过var语句来 声明Javascript变量： var x; var carname; 在以上声明之后，变量并没有值，用户也可以在声明它们时向变量赋值： var x=5; var carname=“V
12、olvo“;,第25页，共35页,1.2.3 Javascript基础-javascript变量,重新声明Javascript变量 如果用户再次声明了Javascript变量，该变量也不会丢失其原始值。如： var x=5; var x; 以上语句执行后，x的值仍是5。重新声明时，值不会被重置或清除。 变量的声明及其作用域 Javascript变量可以在使用前先作声明，并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误；因为Javascript采用动态编译，而动态编译不易发现代码中的错误，特别是变量命名方面。 对于变量还有一个重要特性，那就是变量的作用
13、域。在Javascript中有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是所有函数；而局部变量是定义在函数体之内，只对其函数是可见的，而对其他函数则是不可见的。,第26页，共35页,1.2.3 Javascript基础-javascript运算符,算术运算符,赋值运算符,第27页，共35页,1.2.3 Javascript基础-javascript语句,选择语句,循环语句,if else语句,switch语句,for语句,while语句,do while语句,第28页，共35页,1.2.3 Javascript基础-javascript函数 函数一般在页面起始位置定义，即
14、部分。,函数的定义,return语句,创建函数的语法： function 函数名(var1,var2,.,varX) 代码 ,javascript变量的生存期,第29页，共35页,1.2.3 Javascript基础-javascript事件 事件是可以被 Javascript 侦测到的行为。网页中的每个元素都可以产生某些可以触发 Javascript 函数的事件。,第30页，共35页,1.3 网站基础,网页,服务器,域名,网络,第31页，共35页,算术运算符,Text 3,Text 6,Text 5,1.3.1 Web服务器的概念 Web服务器是根据用户Web浏览器发送的请求提供相应文件的一
15、种软件。,服务器端和客户端示意图,第32页，共35页,算术运算符,Text 3,Text 6,Text 5,1.3.2 静态网页工作原理 静态网页是相对于动态网页而言，就是说该文档网页文件里没有程序代码，只有HTML标记，这种网页缀名一般为.html；.htm；.shtml或.xml等。,静态网页工作原理,第33页，共35页,算术运算符,Text 3,1.3.3 动态网页工作原理 动态网页是页面中不仅含有HTML标记，而且含有程序代码，这种网页的后缀名一般根据不同的程序设计语言而不同，常见的有.asp、.jsp、.php、.perl、.cgi等形式。,动态网页工作原理,第34页，共35页,算术运算符,Text 4,Text 5,1.3.4 常用网站开发工具简介 ASP.NET JSP PHP AJAX,Thank You !,
