1、小型动态网站建设技术 1、Internet的概念:通过网络互联设备将世界不同网络互联起来的概念:通过网络互联设备将世界不同网络互联起来的巨大网络的巨大网络国际互联网。国际互联网。2、Internet的起源:由的起源:由20世纪世纪70年代年代ARPANET发展起来。发展起来。3、中国的发展:、中国的发展:1996年后发展起来。年后发展起来。采用采用HTML语言在语言在Internet上进行信息发布的方式,通过上进行信息发布的方式,通过HTTP协议(超文本传输协议)传输,客户通过协议(超文本传输协议)传输,客户通过Browser浏览器浏览器访问信息。访问信息。A类地址:第类地址:第1段为段为11
2、26,适合大型网络,主机数,适合大型网络,主机数1677214台台 B类地址:第类地址:第1段为段为128191,适合中等网络,主机数,适合中等网络,主机数65535台台 C类地址:第类地址:第1段为段为192223,适合小型网络,主机数,适合小型网络,主机数254台台 D类地址:第类地址:第1段为段为224239,多目的广播传输,多目的广播传输 E类地址:第类地址:第1段为段为240255,备用,备用 回送地址:回送地址:127.*.*.*用于网络软件测试和本地计算机进程通信,如用于网络软件测试和本地计算机进程通信,如127.0.0.0 直接广播地址:主机地址全为直接广播地址:主机地址全为1
3、,如,如A类类*.*.*.255,B类类*.*.255.255 有限广播地址:有限广播地址:32位位全为全为1,即,即255.255.255.255,用于本网广播,用于本网广播 网络地址:主机地址为网络地址:主机地址为0的地址的地址 全全0地址:地址:32位位全为全为0的地址,网络系统启动时使用。的地址,网络系统启动时使用。数据层放在服务器一端,表示层放在客户机一端,应用层可数据层放在服务器一端,表示层放在客户机一端,应用层可以放在服务器或客户机上。以放在服务器或客户机上。Web浏览器与浏览器与Web服务器交互的数据处理模式服务器交互的数据处理模式 客户端和服务器之间加入中间层,即应用服务器客
4、户端和服务器之间加入中间层,即应用服务器 Web浏览器、浏览器、Web服务器、中间件和数据库服务器组成服务器、中间件和数据库服务器组成 是一个信息服务系统,用于构成是一个信息服务系统,用于构成Internet/Intranet Web应用应用服务器。服务器。Windows 2000 Server集成了集成了IIS5.0版。版。开始开始设置设置控制面板控制面板添加或删除程序添加或删除程序 添加添加/删除删除Windows组件组件Internet信息服务信息服务(IIS)开始开始设置设置控制面板控制面板管理工具管理工具Internet信息服务信息服务 1、IP地址(本机地址(本机IP)2、主目录(
5、、主目录(Web存储目录)存储目录)3、发布文档(主页文件全名)、发布文档(主页文件全名)1、确定存放网站相关文件的文件夹、确定存放网站相关文件的文件夹 2、使用、使用Dreamweaver 8建立网站建立网站 站点站点新建新建站点站点基本基本站点名称站点名称使用服务器技术并选择对应技术(静态可选无)使用服务器技术并选择对应技术(静态可选无)确定存储位置确定存储位置(必须与(必须与IIS的主目录一致)的主目录一致)使用使用IP进行进行HTTP的的URL测试测试(必须与(必须与IIS的的IP一致)一致)使用远程服务器并确定使用远程服务器并确定存储位置存储位置(与之前存储位置)(与之前存储位置)3
6、、使用站点管理工具管理文件和文件夹、使用站点管理工具管理文件和文件夹新增站点文件夹和文件新增站点文件夹和文件(名称使用小写英文字母)(名称使用小写英文字母)修改文件和文件夹名称修改文件和文件夹名称移动文件和文件夹移动文件和文件夹删除文件和文件夹删除文件和文件夹1 1、新建一个主页文件、新建一个主页文件(index.html)(index.html)2 2、新建一个文字网页、新建一个文字网页(word.html)(word.html)3 3、新建一个图片网页、新建一个图片网页(image.html)(image.html)4 4、新建一个文件夹用来存放图片、新建一个文件夹用来存放图片(image
7、s)(images)5 5、打开主页文件、打开主页文件输入标题输入标题插入水平线插入水平线设定背景设定背景设置超链接(文字、图形、热区)设置超链接(文字、图形、热区)6 6、打开文字网页输入标题和文字然后保存、打开文字网页输入标题和文字然后保存7 7、打开图片网页输入标题插入图片然后保存、打开图片网页输入标题插入图片然后保存8 8、预览网页、预览网页超文本制作语言超文本制作语言1、单一标签、单一标签2、成对标签、成对标签1、和和:整个文件的开始和结束标签:整个文件的开始和结束标签2、和和:信息的开始和结束:信息的开始和结束3、:浏览器窗口的标题浏览器窗口的标题4、和和:文件区块的主体:文件区块
8、的主体 1、空格、空格 和不换行回车和不换行回车 2、文字格式、文字格式 字体字体字型与字号字型与字号颜色颜色其它其它 1、相对链接和绝对链接、相对链接和绝对链接 2、文字链接、图片链接、热区链接、文字链接、图片链接、热区链接 3、打开目标设置、打开目标设置(_blank)支持透明背景、动画图形与交错格式,只支支持透明背景、动画图形与交错格式,只支持持256色,体积适中色,体积适中 是一种全彩的影像压缩格式,体积小,是一种全彩的影像压缩格式,体积小,支持渐进格式支持渐进格式 结合了结合了GIF与与JPG/JPEG文件的优点,支持文件的优点,支持交错格式,支持透明背景与交错格式,支持透
9、明背景与GIF动画,体积大动画,体积大在站点编辑中设置默认文件夹)在站点编辑中设置默认文件夹)站点站点管理管理站点站点编辑编辑高级高级 插入插入图像(图像(Ctrl+ALT+I)1 1、图形文件格式的转换(文件、图形文件格式的转换(文件 打开需要处理的文件)打开需要处理的文件)文件文件存储为存储为Web所用格式(所用格式(网站需要网站需要)文件文件存储为存储为 2 2、图片尺寸大小的处理、图片尺寸大小的处理 图像图像图像大小图像大小3 3、简单背景图片的制作、简单背景图片的制作 文件文件新建新建4 4、网站导航的制作、网站导航的制作5 5、其它功能使用、其它功能使用复位调板位置:窗口复位调板位
10、置:窗口工作区工作区图片明暗调整:图像图片明暗调整:图像调整调整色阶色阶(Ctrl+L)(Ctrl+L)黑白图片:图像黑白图片:图像调整调整去色去色滤镜模糊:滤镜滤镜模糊:滤镜模糊模糊径向模糊径向模糊历史记录笔历史记录笔:(Y):(Y)6 6、简单实例(、简单实例(图片快照焦点效果)图片快照焦点效果)使用文件菜单打开图片使用文件菜单打开图片使用矩形选框工具使用矩形选框工具(m)绘制选区绘制选区使用选择使用选择-变换选区来调整选区角度后并回车确定变换选区来调整选区角度后并回车确定使用图层使用图层-新建新建-通过拷贝的图层通过拷贝的图层(Ctrl+J)复制选区到新图层复制选区到新图层打开图层打开图
11、层-图层样式图层样式-描边对话框调整,大小描边对话框调整,大小9像素,描边位像素,描边位置内部,颜色白色,选择左边投影设置,不透明度置内部,颜色白色,选择左边投影设置,不透明度90%,角,角度度118度,距离和大小为度,距离和大小为12,确定,确定在图层调板中点击背景图层可选择进行调整在图层调板中点击背景图层可选择进行调整 1、用常用按钮插入表格、用常用按钮插入表格 2、用插入菜单插入表格(、用插入菜单插入表格(ctrl+alt+t)1、行数、行数和列数和列数 2、宽度:有像素和百分比两种、宽度:有像素和百分比两种 3、填充:单元格相对表格线的距离、填充:单元格相对表格线的距离(cellpad
12、ding=)4、间距:单元格之间的距离、间距:单元格之间的距离(cellspacing=)5、边框:框线的粗细、边框:框线的粗细(border=)6、位置:对齐方式、位置:对齐方式(align=)居中(居中(center)、左对齐()、左对齐(left)、右对齐()、右对齐(right)1 1、合并、合并2 2、分割、分割3 3、对齐方式、对齐方式4 4、背景、背景1 1、选择布局视图、选择布局视图2 2、绘制布局表格、绘制布局表格3 3、绘制布局单元格、绘制布局单元格4 4、转换为标准视图、转换为标准视图 1、a:link 没有接触过的链接没有接触过的链接 2、a:visited 访问过的链
13、接访问过的链接 3、a:hover 鼠标放在链接上的状态鼠标放在链接上的状态 4、a:active 在链接上按下鼠标时的状态在链接上按下鼠标时的状态 1、在、在CSS样式中选择样式中选择新建新建CSS样式样式 2、在选择器类型中、在选择器类型中选择高级(使用选择高级(使用CSS选择器)选择器)3、在定义在、在定义在选择仅对该文档选择仅对该文档 4、在选择器中依次、在选择器中依次 对对a:link、a:hover、a:active、a:visited设置设置 1、fla源文件源文件(用于修改编辑)(用于修改编辑)2、swf影片文件影片文件(用于网页中)(用于网页中)1、用常用按钮插入媒体、用常用
14、按钮插入媒体-Flash 2、用插入菜单插入媒体、用插入菜单插入媒体-Flash 使用参数使用参数wmode 值值transparent设定透明设定透明内容详见内容详见Flash动画课件动画课件 1、窗口、窗口-行为(行为(Shift+F4)2、用、用“+”-添加播放声音行为添加播放声音行为-浏览声音文件浏览声音文件 选中音乐插件选中音乐插件-参数更改参数更改AUTOSTART 值为值为true1、中关于中关于MM_controlSound段程序段程序 2、body中关于中关于 onload部分部分 脚本语言技术,具有与脚本语言技术,具有与Visual Basic相似的语法,相似的语法,可用于
15、服务器端动态网页开发,是可用于服务器端动态网页开发,是ASP最常用的脚本语言。最常用的脚本语言。注意:注意:Document.write 可以输出可以输出 注意注意response.write用于输出用于输出 1、数据类型:、数据类型:2、常量:、常量:Nothing(释放对象所占用的资源)(释放对象所占用的资源)3、变量:可使用、变量:可使用Dim定义定义 4、运算符:、运算符:&(字符串连接字符串连接)5、控制语句、控制语句 、ifthenelse(end if结束)结束)、select case(end select结束)结束)、fornext 、whilewend 、doloop 1、
16、日期时间函数、日期时间函数 、date()返回当前日期返回当前日期 、time()返回当前时间返回当前时间 、now()返回当前日期和时间返回当前日期和时间 、year()返回年、返回年、month()返回月、返回月、day()返回日返回日 、hour()返回时、返回时、minute()返回分、返回分、second()返回秒返回秒 、weekday()返回星期返回星期datepart()返回特定部分返回特定部分 1、Dictionary对象:字典对象对象:字典对象 、set x=Server.CreateObject(Scripting.Dictionary)、add 添加项添加项 、remo
17、ve 删除项删除项 、count 统计项统计项 2、Err对象:对象:、On Error Resume Next 错误处理初始化错误处理初始化 用来从客户端获取信息,这些信息可以是用来从客户端获取信息,这些信息可以是表表单提交的数据单提交的数据、Cookie、URL的参数值、用户浏览器的信息等。的参数值、用户浏览器的信息等。1、q.html或或q.asp为用户请求页面(以表单为例)为用户请求页面(以表单为例)表单范围表单范围 表单元素名称表单元素名称 提交页面(提交页面(action=chuli.asp )2、chuli.asp为处理页面为处理页面 Request.Form(表单元素名称表单元
18、素名称)q.asp或q.htmlchuli.asp客户浏览器用来输出信息、控制用来输出信息、控制ASP代码执代码执行、设置网页过期、重定向等。行、设置网页过期、重定向等。1、Response.Write输出信息输出信息 2、Response.Redirect重定向重定向代表一个会话过程,主要用于存储代表一个会话过程,主要用于存储信息。信息。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.htmlchuli.asp客户浏览器mydb.mdbStudent表 sql=select*from student rs.open sql,connrs.eof 记录集是否在记录集末尾;记录集是否在记录集末尾;rs.bof 记录集是否在记录集开头;记录集是否在记录集开头;rs.movenext 移动到记录集的下一条记录;移动到记录集的下一条记录;rs.close 关闭关闭=rs(字段名字段名)另一种输出记录的某个字段另一种输出记录的某个字段