《{企业管理}网站设计和开发讲义》由会员分享，可在线阅读，更多相关《{企业管理}网站设计和开发讲义（149页珍藏版）》请在金锄头文库上搜索。
1、网站设计和开发,2020年8月3日,第2页,教学重点,网站的工作原理 HTML JAVACRIPT ASP.NET与ASP IIS服务器的安装与配置 ASP.NET网站开发的知识准备,2020年8月3日,第3页,网站的构成要素,静态网页 Web服务器 动态网页,静态网页-HTML, 网页标题 标题一 网页内容。 ,标题标记 段落级标记 块标记 字符级标记 列表 水平标尺标记 字体标记 IMG 标记,静态网页-HTML,静态网页-HTML, 学习HTML 第1部分 元素用于组织元素 DIV通常用于块级元素 第2部分 这是第二部分 您觉得有意思吗？ 第二部分向右对齐。 公共格式应用于这一部分中的所
2、有元素 ,静态网页-HTML, 学习 HTML 星期一 星期二 星期三 星期四 星期五 ,静态网页-HTML, 欢迎使用HTML 我的第一个HTML文档 这将会是一种很有趣的体验 ,静态网页-HTML, 插入图像 插入图像 底部对齐 图2.15：示例15的输出结果 顶部对齐 居中对齐 ,2020年8月3日,第10页,静态网页,静态页面工作原理,2020年8月3日,第12页,Web服务器,根据用户的Web浏览器发送的请求提供相应文件的一种软件 也称为HTTP服务器 常用的Web服务器包括： 微软的IIS（Internet信息服务器） 网景的企业服务器（NES） Apache HTTP服务器等,这
3、一时期的Web设计更像是平面设计，而不是程序设计。这样设计出来的页面，只能呈现静态的文本和图像，无法提供满足用户需求的交互模式，也无法展示动态的信息。,静态网页的缺点,2020年8月3日,第14页,什么是动态网页,动画、Flash、applet等所谓动态网页只是视觉上的，与真正的“动态网页”是不同的概念 。示例 “动态”主要指的是“交互性” 动态网页中不仅含有HTML标记，而且含有可以执行的程序代码，动态网页能够根据不同的输入和请求动态生成返回的页面，例如常见的BBS、留言板、聊天室等就是用动态网页来实现的。 动态网页的后缀名：.aspx .asp .jsp .php等等,动态网页又分：客户端
4、动态网页和服务器端动态网页 客户端动态：由浏览器上的模块（插件）完成创建动态网页的全部工作。 服务器端动态：由Web服务器处理请求后生成对应的网页发送回浏览器,动态页面工作原理,动态网页和静态网页的区别：,核心区别：是否在服务器端运行！动态网页中的某些脚本只能在服务器端运行，而静态网页中的任何脚步都不能在服务器端运行。动态网页中可以同时包含客户端脚本和服务器脚本，而静态网页中只能包含客户端脚本。 后缀名差别： 静态：.html .htm 动态：.asp .aspx .jsp .php等等,2020年8月3日,第18页,ASP,ASP全称为Active Server Pages（中文译名为活动服
5、务器页面），是微软公司推出的用于Web应用服务的一种编程技术 语法简单，易学易用。 asp采用的脚本语言：VBScript 和JavaScript。 代码嵌入到HTML语言中。,JavaScript简介,JavaScript简介 前身叫作LiveScript，是一种基于对象（Object）和事件驱动（EventDriven)、并具有安全性能的脚本语言。 JavaScript与Java 是两个公司开发的两个不同的产品，作用与用途大不一样，但两者语法上有很多多相似之处，JavaScript并不是Java的子集。 JavaScript、Jscript与ECMAScript ,什么是JavaScrip
6、t,JavaScript 是一种脚本语言 alert(new Date(); 提供用户交互 动态更改内容 数据验证,将JavaScript嵌入网页,可以将 JavaScript 语句插入 HTML 文档，方式 如下： 在HTML标记中直接写入JavaScript代码 使用 标签将语句嵌入文档 将 JavaScript 源文件链接到 HTML 文档中,在HTML标记中直接写入JavaScript代码 鼠标移过来 运行,将脚本程序代码作为属性值,javascript ,使用 Script 标签,JavaScript 代码, document.write(欢迎来到 JavaScript 世界); 尽
7、情享受学习的快乐! ,脚本代码,设置语言,脚本代码的位置,JavaScript代码可以放置在HTML任何位置 var x = 3; 这是一个HTML段落 alert(x); ,这是一个HTML段落 var x = 3; alert(x); , ,使用外部 JS 文件,外部 JavaScript 文件（*.js）可以链接到 HTML 文档中 SCRIPT 标签的 SRC（源文件）属性可用于包括此外部文件, ,使用外部 JS 文件,JavaScript 代码 (test.htm), 使用外部文件 以上文本是通过访问外部 JavaScript 文件显示的 ,JavaScript的基本语法,JavaS
8、cript中的标识符 标识符是指JavaScript中定义的符号，例如， 变量名，函数名，数组名等。标识符可以由任意顺序的大小写字母、数字、下划线（_）和美元符号（$）组成，但标识符不能以数字开头，不能是JavaScript中的保留关键字。 合法的标识符举例：indentifler、username、user_name、_userName、$username 非法的标识符举例：int、98.3、Hello World JavaScript严格区分大小写 computer和Computer是两个完全不同的符号 JavaScript程序代码的格式 每条功能执行语句的最后必须用分号（;）结束，每个词
9、之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。 JavaScript程序的注释 /*.*/中可以嵌套“/”注释，但不能嵌套“/*.*/”,JavaScript中保留的关键字,abstract,boolean,break,byte,case,catch,char,class,continue,default,if,for,float,finally,final,false,extends,else,double,do,implements,import,instance,int,interface,long,native,new,null,backage,this,synchron
10、ized,switch,super,static,short,return,public,protected,private,throw,throws,transient,true,try,void,volatile,while,基本数据类型与常量,整型常量 十六进制以0 x或0X开头， 例如0 x8a。 八进制必须以0开头，例如：0123。 十进制的第一位不能是0（数字0除外），例如：123。 实型常量 12.32、 192.98、 5E7、4e5等。 布尔值 true和false. null常量 undefined常量 字符串型常量 “this is JavaScript ppt”、abc
11、、“a”、“”。 字符串中的特殊字符，需要以反斜杠（）后跟一个普通字符来表示，例如：r、n、 t、 b、 、 ”、 .,声明变量,var a; “var” 用于声明变量的关键字 “a” 变量名,同时声明和初始化变量 var a= 10;,a = 10;,声明变量,声明多个变量 var x, y, z = 10;,赋值,声明变量, 使用变量 var x; x=prompt(淘宝网竟拍，请出一口价,1) ; document.write(拍卖价格+x+) / +用来连接多个字符串 document.write(恭喜您，您以最高价拍卖成功！); alert(欢迎下次光临！); ,定义变量,赋 值,输
12、 出,prompt(“提示信息”,”默认值”) 将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。,eval(字符串)：将传入的字符串参数内容，转换成相应的数值，例如： y=eval(“15”)+8; 结果：y=23 parseInt(字符串，底数)：将传入的字符串，转换成指定底数的数值。 parseFloat(字符串)：将传入的字符串，转换成浮点数值。 举例,数据类型转换,运算符,算术运算符 赋值运算符 比较运算符 逻辑运算符 位运算符,算术运算符,+ 加法运算符或正值运算符，例如： x+5， 6。 “+”还能实现多个字符串的相加，也能将字符串与其它的数据类型
13、连成一个新的字符串，条件是该表达式中至少有一个字符串，例如：“x”+123的结果是“x123”. - 减法运算符或负值运算符，例如： 7 3, -8. * 乘法运算符，例如： 3*6. / 除法运算符，例如，9/4. % 求模运算符（也就算术中的求余）5/2. + 将变量值加1后再将结果赋给这个变量。 “”有两种用法：+x, x+. 1。前者是变量在参与其它运算之前先将自己加1后再用新的 值参与其它的运算。例如：b= +a是a先自增，即a的值 加1后，才赋值给b; 2。后者是先用原值参与其它运算后，再将自己加1，例如： b=a+是先将a赋值给b后，a再自增。 - 将变量值减1后再将结果赋给这个
14、变量，与+的用法一样。,程序的流程控制,顺序结构 if条件选择语句 switch选择语句 while循环语句 do while语句 for循环语句 break与continue语句,函数,函数的作用与定义 全局变量与局部变量 参数个数可变的函数 创建动态函数 JavaScript中的系统函数,函数的作用,。 。 函数1 。 。 函数2 。 。 函数1 。 。,主程序,。 函数3 。 。,函数1,。 。 。,函数2,。 。 。,函数3,函数的定义与调用,定义一个函数的格式如下： function 函数名（参数列表） 程序代码： return 表达式; 对函数进行调用的几种方式： 1.函数名（传递
15、给函数的参数1, 传递给函数的参数2, ） 2.变量 函数名（传递给函数的参数1, 传递给函数的参数2, ） 3.对于有返回值的函数调用，也可以在程序中直接使用返回的结果，例如：alert(“sum = ”+square(2, 3);,变量 a、b 和 c 只能 在其各自的函数中 被访问,变量的作用域,脚本,函数function1 局部变量a,函数function2 局部变量b,函数function3 局部变量c,可由函数 1、函数 2 和函数 3 访问,全局变量 gg,全局变量不需要以 var 关键字进行声明，但局部变量则必须 以此关键字来声明,参数个数可变的函数, function testparams() var params = “”; for(var i=0; i 在函数内部使用arguments对象来访问调用程序传递的所有参数,创建动态函数,创建动态函数的基本语法格式： var varName = new Function(argument1, . , lastArgument); 说明： 所有的参数都必须是字符串型的，最后参数必须是这个动态函数的功能代码。 例子： var square = new Function(“x”, “y”, “var sum; sum = x*x+y*
