专题四-网站设计与研发

网站设计和开发2019年9月6日第2页教学重点网站的工作原理HTMLJAVACRIPTASP.NET与ASPIIS服务器的安装与配置ASP.NET网站开发的知识准备2019年9月6日第3页网站的构成要素静态网页Web服务器动态网页静态网页-HTMLhtmlheadtitle网页标题/title/headbodyh1标题一/h1网页内容。/body/html标题标记段落级标记块标记字符级标记列表水平标尺标记HR字体标记FONTIMG标记静态网页-HTMLHTMLHEADTITLE欢迎学习HTML/TITLE/HEADBODYBGCOLOR=lavenderH3我的第一个HTML文档/H3P这将是一种很有趣的体验H2使用另一个标题/H2P另一个段落元素ADDRESSPAhref=单击此处访问北京阿博泰克北大青鸟信息技术有限公司的主页/A/ADDRESS/BODY/HTML静态网页-HTMLHTMLHEADTITLE学习HTML/TITLE/HEADBODYDIV第1部分P元素用于组织元素PDIV通常用于块级元素/DIVDIValign=right第2部分P这是第二部分BRH2您觉得有意思吗？/H2/DIVP第二部分向右对齐。SPANSTYLE=font-size:25公共格式/SPAN应用于这一部分中的所有元素/BODY/HTML静态网页-HTMLHTMLHEADTITLE学习HTML/TITLE/HEADBODYOLLI星期一LI星期二LI星期三LI星期四LI星期五/OL/BODY/HTML静态网页-HTMLHTMLHEADTITLE欢迎使用HTML/TITLE/HEADBODYH3FONTSIZE=3COLOR=HOTPINKFACE=隶书我的第一个HTML文档/FONT/H3P这FONTCOLOR=BLUESIZE=6将会/FONT是一种很有趣的体验/BODY/HTML静态网页-HTMLHTMLHEADTITLE插入图像/TITLE/HEADBODYH1FONTSIZE=3COLOR=FORESTGREENB插入图像/B/FONT/H1HRPIMGALIGN=BOTTOMSRC=cats.jpg底部对齐/PP图2.15：示例15的输出结果IMGALIGN=TOPSRC=cats.jpg顶部对齐/PPIMGALIGN=MIDDLESRC=cats.jpg居中对齐/P/BODY/HTML2019年9月6日第10页静态网页通常这些网页只有HTML标记，没有其他可以执行的程序代码。网页的内容是静态不变的网址形式通常为：静态网页的后缀名一般为：.htm.html.shtml.xml使用静态网页,如果要修改网页内容，就必须修改源代码，然后重新上传到服务器上。（在网站制作和维护方面工作量较大，在功能方面也有较大的限制）`静态Web页面服务器客户端发送请求返回页面接受请求，查找页面发送页面静态Web页面静态页面工作原理2019年9月6日第12页Web服务器根据用户的Web浏览器发送的请求提供相应文件的一种软件也称为HTTP服务器常用的Web服务器包括：微软的IIS（Internet信息服务器）网景的企业服务器（NES）ApacheHTTP服务器等这一时期的Web设计更像是平面设计，而不是程序设计。这样设计出来的页面，只能呈现静态的文本和图像，无法提供满足用户需求的交互模式，也无法展示动态的信息。静态网页的缺点2019年9月6日第14页什么是动态网页动画、Flash、applet等所谓动态网页只是视觉上的，与真正的“动态网页”是不同的概念。示例“动态”主要指的是“交互性”动态网页中不仅含有HTML标记，而且含有可以执行的程序代码，动态网页能够根据不同的输入和请求动态生成返回的页面，例如常见的BBS、留言板、聊天室等就是用动态网页来实现的。动态网页的后缀名：.aspx.asp.jsp.php等等动态网页又分：客户端动态网页和服务器端动态网页客户端动态：由浏览器上的模块（插件）完成创建动态网页的全部工作。服务器端动态：由Web服务器处理请求后生成对应的网页发送回浏览器`动态Web页面服务器客户端发送请求返回页面接受请求，查找页面发送页面静态Web页面生成静态页面动态页面工作原理动态网页和静态网页的区别：核心区别：是否在服务器端运行！动态网页中的某些脚本只能在服务器端运行，而静态网页中的任何脚步都不能在服务器端运行。动态网页中可以同时包含客户端脚本和服务器脚本，而静态网页中只能包含客户端脚本。后缀名差别：静态：.html.htm动态：.asp.aspx.jsp.php等等2019年9月6日第18页ASPASP全称为ActiveServerPages（中文译名为活动服务器页面），是微软公司推出的用于Web应用服务的一种编程技术语法简单，易学易用。asp采用的脚本语言：VBScript和JavaScript。代码嵌入到HTML语言中。JavaScript简介JavaScript简介前身叫作LiveScript，是一种基于对象（Object）和事件驱动（EventDriven)、并具有安全性能的脚本语言。JavaScript与Java是两个公司开发的两个不同的产品，作用与用途大不一样，但两者语法上有很多多相似之处，JavaScript并不是Java的子集。JavaScript、Jscript与ECMAScript什么是JavaScriptJavaScript是一种脚本语言htmlscriptlanguage=“javascript”alert(newDate());/script/html提供用户交互动态更改内容数据验证将JavaScript嵌入网页可以将JavaScript语句插入HTML文档，方式如下：在HTML标记中直接写入JavaScript代码使用SCRIPT标签将语句嵌入文档将JavaScript源文件链接到HTML文档中在HTML标记中直接写入JavaScript代码HTMLBODYPonmouseover=alert('欢迎您学习JavaScript!')鼠标移过来/P/BODY/HTML运行将脚本程序代码作为属性值ahref=“javascript:alert(newDate());”javascript/ainputtype=buttononclick=“alert(newDate())”value=t/使用Script标签JavaScript代码HTMLHEADSCRIPTlanguage=JavaScriptdocument.write(欢迎来到JavaScript世界);/SCRIPT/HEADBODYP尽情享受学习的快乐!!!/BODY/HTML脚本代码设置语言脚本代码的位置JavaScript代码可以放置在HTML任何位置scriptvarx=3;/scriptp这是一个HTML段落/pscriptalert(x);/scriptp这是一个HTML段落/pscriptvarx=3;alert(x);/scriptscriptlanguang=“javascript”!—alert(newdate());--/script使用外部JS文件外部JavaScript文件（*.js）可以链接到HTML文档中SCRIPT标签的SRC（源文件）属性可用于包括此外部文件scriptlanguage=“JavaScript”src=“文件名.js/script使用外部JS文件JavaScript代码(test.htm)HTMLHEADTITLE使用外部文件/TITLESCRIPTSRC=test.js/SCRIPT/HEADBODYP以上文本是通过访问外部JavaScript文件显示的/BODY/HTMLdocument.write(喂！你好吗?)JavaScript代码(test.js)JavaScript的基本语法JavaScript中的标识符标识符是指JavaScript中定义的符号，例如，变量名，函数名，数组名等。标识符可以由任意顺序的大小写字母、数字、下划线（_）和美元符号（$）组成，但标识符不能以数字开头，不能是JavaScript中的保留关键字。合法的标识符举例：indentifler、username、user_name、_userName、$username非法的标识符举例：int、98.3、HelloWorldJavaScript严格区分大小写computer和Computer是两个完全不同的符号JavaScript程序代码的格式每条功能执行语句的最后必须用分号（;）结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。JavaScript程序的注释/*…….*/中可以嵌套“//”注释，但不能嵌套“/*….*/”JavaScript中保留的关键字abstractbooleanbreakbytecasecatchcharclasscontinuedefaultifforfloatfinallyfinalfalseextendselsedoubledoimplementsimportinstanceintinterfacelongnativenewnullbackagethissynchronizedswitchsuperstaticshortreturnpublicprotectedprivatethrowthrowstransienttruetryvoidvolatilewhile基本数据类型与常量整型常量十六进制以0x或0X开头，例如0x8a。八进制必须以0开头，例如：0123。十进制的第一位不能是0（数字0除外），例如：123。实型常量12.32、192.98、5E7、4e5等。布尔值true和false.null常量undefined常量字符串型常量“thisisJavaScriptppt”、’abc’、“a”、“”。字符串中的特殊字符，需要以反斜杠（\）后跟一个普通字符来表示，例如：\r、\n、\t、\b、\’、\”、\\.声明变量vara;“var”－用于声明变量的关键字“a”－变量名同时声明和初始化变量vara=10;a=10;声明变量声明多个变量varx,y,z=10;赋值声明变量HTMLHEADTITLE使用变量/TITLESCRIPTLANGUAGE=Javascriptvarx;x=prompt(淘宝网竟拍，请出一口价,1);document.write(拍卖价格+x+BR)//+用来连接多个字符串document.write(恭喜您，您以最高价拍卖成功！);alert(欢迎下次光临！);/SCRIPT/HEAD/HTML定义变量赋值输出prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串