小型动态网站建设技术课件

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,小型动态网站建设技术,第一节 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,的地址，网络系统启动时使用。,第三节 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、空格,和不换行回车,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(,字段名,) 另一种输出记录的某个字段,五、综合举例,