小型动态网站建设技术.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,小型动态网站建设技术,第一节,Internet,的基础知识,一、,Internet,的历史,1,、,Internet,的概念：通过网络互联设备将世界不同网络互联起来的巨大网络,国际互联网。,2,、,Internet,的起源：由,20,世纪,70,年代,ARPANET,发展起来。,3,、中国的发展：,1996,年后发展起来。,二、,WWW,服务（,World Wide Web,服务）,采用,HTML,语言在,Internet,上进行信息发布的方式，通过,HTTP,协议（超文本传输协议）传输，客户通过,Browser,浏览器访问信息。,第一章 网站概述,三、,Internet,的,IP,地址（共,32,位分四段，每段由,8,位二进制数组成）,1,、,IP,地址的分类：,A,类地址：第,1,段为,1126,，适合大型网络，主机数,1677214,台,B,类地址：第,1,段为,128191,，适合中等网络，主机数,65535,台,C,类地址：第,1,段为,192223,，适合小型网络，主机数,254,台,D,类地址：第,1,段为,224239,，多目的广播传输,E,类地址：第,1,段为,240255,，备用,2,、特殊,IP,地址,回送地址：,127.*.*.*,用于网络软件测试和本地计算机进程通信，如,127.0.0.0,直接广播地址：主机地址全为,1,，如,A,类*,.*.*.255,，,B,类*,.*.255.255,有限广播地址：,32,位,全为,1,，即,255.255.255.255,，用于本网广播,网络地址：主机地址为,0,的地址,全,0,地址：,32,位,全为,0,的地址，网络系统启动时使用。,3,、,IP,地址的申请,向互联网编号授权委员会,IANA,在本地的主管机构,Internet NIC,申请。中国境内主管机构是,CNNIC,和,CERNET,中心。不直接联入,Internet,的主机在不冲突情况下可以任意分配本网,IP,地址，通常使用,IANA,保留的私有,IP,：,A,类,10.0.0.110.255.255.254,B,类,172.13.0.1172.32.255.254,C,类,192.168.0.1192.168.0.254,四、域名和,DNS,服务器,1,、域名系统：域名与,IP,地址一一对应,域名：便于记忆，通常用字母表示，不区分大小。,组织域名（,com,、,edu,、,gov,、,org,、,net,）,国家域名（,cn,、,hk,、,tw,、,jp,）,域名使用：主机名,.,域名,2,、,DNS,服务：负责各自层次的域名解析,五、,IP,地址测试,1,、,ipconfig,：查看和修改网络,TCP/IP,协议的有关配置,2,、,ping,：用于检测本地主机的,TCP/IP,配置及另一主机的联通状态,第二节 网站的基础概念,一、网页（,web page,）,二、网站（,web site,）,三、主页（,home page,）,四、网页文件与普通文件的区别,第三节,Web,的体系结构,一、客户,/,服务器（,C/S,）体系结构,数据层放在服务器一端，表示层放在客户机一端，应用层可以放在服务器或客户机上。,二、浏览器,/,服务器（,B/S,）体系结构,Web,浏览器与,Web,服务器交互的数据处理模式,三、数据库的三层,(C/S/S),体系结构,客户端和服务器之间加入中间层，即应用服务器,四、数据库的三层,(B/S/S),体系结构,Web,浏览器、,Web,服务器、中间件和数据库服务器组成,五、多层,B/S,体系结构,第四节 网站的建设步骤,一、确定主题和功能,二、准备和筛选资料,三、规划组织结构图,四、设计布局网页,五、测试发布网站,六、管理更新网站,第一节,IIS,的安装与配置,一、,IIS,（,Internet Information Sever,）,是一个信息服务系统，用于构成,Internet/Intranet Web,应用服务器。,Windows 2000 Server,集成了,IIS5.0,版。,二、,IIS,的安装（,Windows XP Professional,系统）,开始,设置,控制面板,添加或删除程序,添加,/,删除,Windows,组件,Internet,信息服务,(IIS),三、,IIS,的配置,开始,设置,控制面板,管理工具,Internet,信息服务,1,、,IP,地址（本机,IP,）,2,、主目录（,Web,存储目录）,3,、发布文档（主页文件全名）,第二章 网站的建立与配置,第二节 使用,Dreamweaver,建立站点,一、建立站点的重要条件,1,、确定存放网站相关文件的文件夹,2,、使用,Dreamweaver 8,建立网站,站点,新建,站点,基本,站点名称,使用服务器技术并选择对应技术（静态可选无）,确定存储位置,（必须与,IIS,的主目录一致）,使用,IP,进行,HTTP,的,URL,测试,（必须与,IIS,的,IP,一致）,使用远程服务器并确定,存储位置,（与之前存储位置）,3,、使用站点管理工具管理文件和文件夹,新增站点文件夹和文件,（名称使用小写英文字母）,修改文件和文件夹名称,移动文件和文件夹,删除文件和文件夹,二、制作一个简单的网站,1,、新建一个主页文件,(,index.html,),2,、新建一个文字网页,(,word.html,),3,、新建一个图片网页,(,image.html,),4,、新建一个文件夹用来存放图片,(images),5,、打开主页文件,输入标题,插入水平线,设定背景,设置超链接（文字、图形、热区）,6,、打开文字网页输入标题和文字然后保存,7,、打开图片网页输入标题插入图片然后保存,8,、预览网页,第一节,HTML,基础,一、,HTML,：,超文本制作语言,二、标签：,HTML,的基本元素,1,、单一标签,2,、成对标签,三、结构标签,1,、,和,：整个文件的开始和结束标签,2,、,和,：信息的开始和结束,3,、,:,浏览器窗口的标题,4,、,和,：文件区块的主体,第三章 网页设计,第二节 文字与链接处理,一、文字,1,、空格,&,nbsp,;,和不换行回车,2,、文字格式,字体,字型与字号,颜色,其它,二、链接,1,、相对链接和绝对链接,2,、文字链接、图片链接、热区链接,3,、打开目标设置,(,_blank),第三节 网页中的图片使用,一、网页支持的图形格式,1,、,GIF,影像格式：,支持透明背景、动画图形与交错格式，只支持,256,色，体积适中,2,、,JPG/JPEG,影像格式：,是一种全彩的影像压缩格式，体积小，支持渐进格式,3,、,PNG,影像格式：,结合了,GIF,与,JPG/JPEG,文件的优点，支持交错格式，支持透明背景与,GIF,动画，体积大,二、设置图片默认文件夹（,在站点编辑中设置默认文件夹）,站点,管理,站点,编辑高级,三、在网页中插入图片,插入,图像（,Ctrl+ALT+I,）,四、使用,Photoshop,软件进行图片处理,1,、图形文件格式的转换（文件,打开需要处理的文件）,文件,存储为,Web,所用格式（,网站需要,）,文件,存储为,2,、图片尺寸大小的处理,图像,图像大小,3,、简单背景图片的制作,文件,新建,4,、网站导航的制作,5,、其它功能使用,复位调板位置：窗口,工作区,图片明暗调整：图像,调整,色阶,(,Ctrl+L,),黑白图片：图像,调整,去色,滤镜模糊：滤镜,模糊,径向模糊,历史记录笔,:(Y),6,、简单实例（,图片快照焦点效果）,使用文件菜单打开图片,使用矩形选框工具,(m),绘制选区,使用选择,-,变换选区来调整选区角度后并回车确定,使用图层,-,新建,-,通过拷贝的图层,(,Ctrl+J,),复制选区到新图层,打开图层,-,图层样式,-,描边对话框调整，大小,9,像素，描边位置内部，颜色白色，选择左边投影设置，不透明度,90%,，角度,118,度，距离和大小为,12,，确定,在图层调板中点击背景图层可选择进行调整,第四节 网页中的表格使用和布局,一、表格的功能（主要排列文字与图形）,二、新增表格,1,、用常用按钮插入表格,2,、用插入菜单插入表格（,ctrl+alt+t,),三、属性面板（表格属性、单元格属性）,四、表格属性,1,、行数,和列数,2,、宽度：有像素和百分比两种,3,、填充：单元格相对表格线的距离,(,cellpadding,=),4,、间距：单元格之间的距离,(,cellspacing,=),5,、边框：框线的粗细,(border=),6,、位置：对齐方式,(align=),居中（,center,）、左对齐（,left,）、右对齐（,right,）,五、单元格,1,、合并,2,、分割,3,、对齐方式,4,、背景,六、,使用布局增强排版功能,1,、选择布局视图,2,、绘制布局表格,3,、绘制布局单元格,4,、转换为标准视图,第五节,CSS,样式表应用,定义链接的各种状态,一、关于链接锚标签,1,、,a:link,没有接触过的链接,2,、,a:visited,访问过的链接,3,、,a:hover,鼠标放在链接上的状态,4,、,a:active,在链接上按下鼠标时的状态,二、创建的步骤,1,、在,CSS,样式中选择,新建,CSS,样式,2,、在选择器类型中,选择高级（使用,CSS,选择器）,3,、在定义在,选择仅对该文档,4,、在选择器中依次,对,a:link,、,a:hover,、,a:active,、,a:visited,设置,第六节 网页中的,Flash,动画制作和使用,一、,Flash,动画文件格式,1,、,fla,源文件,（用于修改编辑）,2,、,swf,影片文件,（用于网页中）,二、插入,Flash,1,、用常用按钮插入媒体,-Flash,2,、用插入菜单插入媒体,-Flash,三、参数设定,使用参数,wmode,值,transparent,设定透明,四、,Flash,动画制作（文档尺寸大小合理，发布版本）,内容详见,Flash,动画课件,第七节 网页中的背景声音使用,一、插入声音,1,、窗口,-,行为（,Shift+F4,）,2,、用“,+”-,添加播放声音行为,-,浏览声音文件,二、参数设定,选中音乐插件,-,参数更改,AUTOSTART,值为,true,三、删除代码,1,、,中关于,MM_controlSound,段程序,2,、,body,中关于,onload,部分,第一节,VBScript,基本知识,一、,VBScript,：,脚本语言技术，具有与,Visual Basic,相似的语法，可用于服务器端动态网页开发，是,ASP,最常用的脚本语言。,二、,HTML,网页中加入,VBScript,注意：,Document.write,可以输出,第四章,ASP,动态网站技术,三、,ASP,网页中加入,VBScript,注意,response.write,用于输出,四、基本语法,1,、数据类型：,2,、常量：,Nothing,（释放对象所占用的资源）,3,、变量：可使用,Dim,定义,4,、运算符：,&(,字符串连接,),5,、控制语句,、,ifthenelse,（,end if,结束）,、,select case,（,end select,结束）,、,fornext,、,whilewend,、,doloop,五、,VBScript,函数,1,、日期时间函数,、,date(),返回当前日期,、,time(),返回当前时间,、,now(),返回当前日期和时间,、,year(),返回年、,month(),返回月、,day(),返回日,、,hour(),返回时、,minute(),返回分、,second(),返回秒,、,weekday(),返回星期,datepart,(),返回特定部分,六、,VBScript,的对象,1,、,Dictionary,对象：字典对象,、,set x=,Server.CreateObject(Scripting.Dictionary,),、,add,添加项,、,remove,删除项,、,count,统计项,2,、,Err,对象：,、,On Error Resume Next,错误处理初始化,第二节,ASP,基本知识,一、,Request,对象：,用来从客户端获取信息，这些信息可以是,表单提交的数据,、,Cookie,、,URL,的参数值、用户浏览器的信息等。,1,、,q.html,或,q.asp,为用户请求页面（以表单为例）,表单范围,表单元素名称,提交页面（,action=,chuli.asp,）,2,、,chuli.asp,为处理页面,Request.Form,(,表单元素名称,),q.asp,或,q.html,chuli.asp,客户,浏览器,二、,Response,对象：,用来输出信息、控制,ASP,代码执行、设置网页过期、重定向等。,1,、,Response.Write,输出信息,2,、,Response.Redirect,重定向,三、,Session,对象：,代表一个会话过程，主要用于存储信息。,第三节 用,ASP,访问,Access,数据库,一、数据库驱动和连接对象创建：,connstr,=provider=Microsoft.Jet.OLEDB.4.0;DATA SOURCE=&,server.mapPath(,mydb.mdb,),set,conn,=,server.createobject(ADODB.CONNECTION,),conn.open,connstr,二、记录集对象创建：,set,rs,=,server.createobject(ADODB.RECORDSET,),q.asp,或,q.html,chuli.asp,客户,浏览器,mydb.mdb,Student,表,三、,SQL,数据库查询并打开记录集,sql,=select*from,student,rs.open,sql,conn,四、有关记录集的主要属性和方法,rs.eof,记录集是否在记录集末尾；,rs.bof,记录集是否在记录集开头；,rs.movenext,移动到记录集的下一条记录；,rs.close,关闭,=,rs,(,字段名,),另一种输出记录的某个字段,五、综合举例,