第1章 网页基础知识
1.3 动态网页开发工具(P5)
网页编辑工具:FrontPage 2000 Dreamweaver 2004
参考网站:首都之窗 机械工业出版社 网易 毕业设计 学生网站
表格页面布局 北川表格 网页布局 设计视图页面布局 设计布局
图形设计工具:Photoshop 6.0
动画开发工具:Flash 2004
网页上传工具:CuteFTP
2.3 表格与框架
1.插入3行2列表格,
设置表格属性:填充 11,间距 0 边框 1 居中对齐。
2.第1行合并单元格,插入网站标志和横幅广告,
设置背景图像,如 蓝天白云。
3.第2行左边为导航区,设置背景图像,如万寿山。
右边为浏览区,设置背景图像,如 水滴。
4.第3行合并单元格,插入脚注、计数器。
设置背景图像,如 湖水。
2.3.2 使用 FrontPage 模板创建有四个窗口的框架网页:
1.上面框架(top)设为标题框架或一级导航。
2.左面框架(left)设为栏目框架或二级导航。
3.右面框架(main)设为目标框架。
4.下面框架(bottom)设为脚注框架。
5.文件—保存全部—框架集、标题框架、导航框架、主框架。
2.4 表单设计
1.表单中的文本框、密码框
2.表单中的单选框、多选框、下拉列表、文本域
2.6 嵌入对象
2.6.2 建立图像映射(P35)
2.6.4 嵌入 Java Applet(P38)
1.插入 Java Applet Java小程序 星光闪闪 dtdsdyqx
插入—高级—Java小程序—
Java小程序源— 类文件.class jhanabi.class。
2. 插入 Flash 动画 控件插件
2.8.2 加载网页的背景图片和音乐(P45)
3.4 用 CSS 格式化文档(P67)
3.4.1 CSS 样式表应用示例
1.创建 CSS 级联样式表 cjCSS
窗口—CSS 样式—新建 CSS 样式—
名称:NEW,类型:创建自定义样式(类),定义在:仅对该文档。
选择类型分类:
字体:隶书,大小:18 磅,行高:36 磅,颜色:红色。
选择背景分类:
背景:绿色。
2.应用 CSS 级联样式表
选择文本—右击[CSS 样式]面板上的 NEW 样式—套用。
3.4.2 CSS 样式引用方式
1.头部定义样式,正文中页面元素使用 CSS 样式
<style>
<!--
.university_name{font-style:italic}
-->
</style>
正文中页面元素使用 CSS 样式
<SPAN class="university_name">中山大学</SPAN>
2.级联样式表文件定义样式,头部链接样式表文件,
正文中页面元素使用 CSS 样式(P192)
级联样式表文件(style_file.css)定义样式
.style_file{font-weight:bold}
头部链接样式表文件
操作步骤:CSS 样式表面板—附加样式表—浏览—
选择样式表文件,如 style_file.css。
代码:
<LINK rel="stylesheet" type="text/css" href="style_file.css">
正文中页面元素使用 CSS 样式
<SPAN class="style_file">中山大学</SPAN>
3.正文中直接指定页面元素的样式(P193)
<P style="font-size:large;color:red">直接指定样式</P>
直接指定样式
<P><font size="6">直接指定样式</font>
直接指定样式
4.4 VBScript 应用开发实例(P104)
5.4 常用对象模型
5.4.3 窗口(Window)对象(P118)
1. Window 窗口对象的属性和方法
窗口(Window)对象:提供处理浏览器窗口的方法和属性。
窗口的打开和关闭、窗口状态栏的设置、
定时执行程序、对话框的使用。
Window 窗口对象的属性:
Frame,document,location,top,self,screen,.......。
Window 窗口对象的方法:
open(),close(),alert(),prompt(),......。
2. 打开和关闭窗口
例:开关窗口 kgck
5.4.4 文档(document)对象(P118)
title 标题、bgColor 背景颜色,如 bgcolor="#FFCCFF"、
forms 表单、images 图像、links 超链接。
5.4.5 表单(form)对象(P119)
1. form 对象的属性、方法和事件
action:表单提交时执行的动作。
method:发送表单的 HTTP 方法。
target:目标窗口或框架。
2. 表单处理
表单提交的内容传送到服务器后,
由 action 属性指定的 ASP 程序进行处理。
3. 表单元素对象的属性、方法和事件
Text、TextArea、Password、Button、Reset、Submit、
Radio(单选框)、Checkbox(复选框)、
Select(列表)、Option(列表选项)、Hidden(隐藏)。
4. 处理表单元素示例
document.bgColor='red'
5.5 内置对象
5.5.1 String 对象(P121)
substr(start,len):返回指定开始位置和长度的子字符串。
5.5.2 Math 对象(P121)
5.5.3 Date 对象(P122)
1.日期时间函数
5.8 JavaScript 的应用
脚本语言表达式、语句、函数
JavaScript 在表单输入验证中的应用
例:用户注册验证电子邮箱 用户注册1
5.8.1 动态时钟(P125)
日期时钟 rqsz 时钟 sz sz_roll sz15.8.4 制作网页计数器(P132)
计数器:
5.9.4 怎样用 JavaScript 设计漫天雪花(141)
雪花飘飘 xhpl xhpp1 xhpp2 xhpp_scr xhpp-dm
数据库:wssdk97.rar wssdk2k.rar
6.1.3 安装与配置 IIS 5.0(P147)
* 发布 Web 站点 ASP 网页。
本地自管主机要设置 IIS 或 Dreamweaver,远程虚拟主机不是用户设置。
包含文件中连接数据库的路径不同:
本地如,Server.MapPath ("/mdb/wssdk.mdb"),
远程如,Server.MapPath ("/fsxss/mdb/wssdk.mdb")。
1.本地自管主机 IIS 发布 Web 站点 ASP 网页
1)软件要求 Windows Server 2000 服务版,支持 ASP 脚本运行。
2)Windows 网上邻居属性,设置网卡 IP 地址,如 200.0.0.1。
3)IIS 站点服务器设置:(P122)
Web 站点:说明如,网络书店;
IP 地址如,200.0.0.1(Dreamweaver 浏览网页用 127.0.0.1)
主目录:如,E:\本地站点
配置父路径(../):开始位置—配置—选项—启动父路径
文档:如,index.asp
启动运行网络书店。
4)网页中指定调用脚本
<%@Language="VBScript" CodePage="936"%>
5)用 OLEDB 连接数据库(P231)
新版使用方便,不用设 DSN。
提供程序 PROVIDER:MICROSOFT.JET.OLEDB.4.0;
数据源 DATA SOURCE:影射站点根目录(如,E:/本地站点/)后的路径。
如 Server.MapPath ("/mdb/wssdk.mdb")
set cn=Server.CreateObject("ADODB.Connection")
cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;DATA SOURCE="+Server.MapPath ("/mdb/wssdk.mdb")
2.远程虚拟主机发布 Web 站点 ASP 网页,用 OLEDB 连接数据库(P231)
提供程序 PROVIDER:MICROSOFT.JET.OLEDB.4.0;
数据源 DATA SOURCE:服务器对象.影射路径“/会员名/路径/数据库名”
如,Server.MapPath ("/fsxss/mdb/wssdk.mdb")。
访问网络数据库路径:
ASP 会员路径要加会员名:如,/fsxss/mdb/wssdk.mdb
虚拟主机路径与自管主机相同:如,/mdb/wssdk.mdb
http://asp2.6to23.com/fsxss/wssd/wssd_t.asp
set cn=Server.CreateObject("ADODB.Connection")
cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;
DATA SOURCE="+Server.MapPath ("/fsxss/mdb/wssdk.mdb")
6.2 ASP 内建对象
6.2.1 Request 对象(P154)
利用 Request 对象提交信息
例:
用户注册reg register 留言板 yfly 聊天室 chat 论坛
下载
ASP 模块
浏览
ASP 模块
yfzh=request.form("yfzh")
6.2.2 Response 对象(P162)
利用 Response 对象返回信息
用户帐号:<%response.write yfzh%>
rq=formatdatetime(now(),1)
<%response.write rq %>
6.3 服务器和用户交互
6.3.1 Cookie 集合(P170)
Cookie:由浏览器存贮在客户端系统上的文本。
6.3.2 Session 变量(P171)
利用 Session 对象识别和追踪用户
存储该访问者在会话的活动期间打开的网页可用的变量和对象。
例:聊天室 chat.asp chat.htm 聊天室1 chat1.asp
6.3.3 Application 对象(P174)
1.利用 Application 对象开发 Web 应用,
在不同用户之间传递信息。
Application:
存储所有访问者打开的所有网页都可用的变量和对象。
例:聊天室 chat.asp chat.htm 聊天室1 chat1.asp
6.5 交互式网页实例
服务器对象中的 CreateObjet 方法和 MapPath 方法
set cn=Server.CreateObject("ADODB.Connection")
cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;
DATA SOURCE="+Server.MapPath ("/fsxss/mdb/wssdk.mdb")
6.5.1 网络留言簿的制作(P178)
功能实现要点:
1.使用用户留言的表单提交的数据对变量赋值。
如,留言用户、联系地址、电子邮件、主页地址、留言内容。
2.如果用户完整输入带“*”的数据,然后使用 ASP 和 SQL 语言查询访问数据库 wssdk.mdb。
3.创建数据库连接、记录集对象;打开用户留言表;
4.用AddNew向数据库请求添加新记录,向部分字段赋值,用 Update 更新数据。
输出用户留言相应的信息。
5.给用户提示操作错误的原因:用户输入带“*”的数据不完整。
6.关闭数据库连接、关闭记录集对象。
6.5.2 简单的 BBS 论坛(P182)
6.5.3 留言板、聊天室、讨论区的结构特点、适用场合
结构特点 | 适用场合 | |
留言板 | 姓名、留言主题、留言内容、
电子邮件、个人主页、移动电话 |
不公开的私人留言 |
聊天室 | 别名、聊天主题、聊天内容 | 公开的集体聊天 |
讨论区 | 别名、讨论问题、回复 | 公开的分别学术专题讨论 |
7.2 用 SQL Server 设计数据库(P198)
7.5 SQL 查询语言(P218)
8.2 Connection 对象
8.2.1 建立与数据库的连接(P249)
8.3 Recordset 对象(P258)
下载
个人主页
浏览
index.asp
'1.创建连接对象 Connection
set cn=Server.CreateObject("ADODB.Connection")
'虚拟主机OLEDB:注意中国学生网要求的数据库引擎(驱动 OLEDB 连接),
'修改“/会员名/路径/数据库名”,要与实际对应。
cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;
DATA SOURCE="&Server.MapPath ("/fsxss/mdb/wssdk.mdb")
'a.自管主机软件要求 Windows Server 2000 服务版,IIS 管理发布 Web 站点,
支持 ASP 脚本运行。
'b.自管主机OLEDB:提供程序MICROSOFT.JET.OLEDB.4.0,
数据源路径要对应本机硬盘物理路径。
'cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;
DATA SOURCE="&Server.MapPath ("/mdb/wssdk.mdb")
'cn.open "PROVIDER=MICROSOFT.JET.OLEDB.4.0;
DATA SOURCE=E:/E 网站编辑/mdb/wssdk.mdb"
'c.自管主机ODBC:无DNS、Access 数据库驱动程序,
数据库查询 DBQ 路径要对应本机硬盘物理路径。
'cn.open "Driver={Microsoft Access Driver(*.mdb)};
DBQ=E:/网站编辑/mdb/wssdk.mdb"
'd.自管主机ODBC:无DNS、SQL 数据库驱动程序。
'cn.Open"Driver={SQL Server};Database=wssdk;
Server=Local Server;UID=sa;PWD="
'数据库驱动为 SQL Server;数据库名,如 wssdk;
'服务器名,如 Local Server,要与实际对应;
'用户身份可用系统管理员 sa;密码为空。
'2.创建记录集对象 Recordset
set rs=Server.CreateObject("ADODB.Recordset")
'3.打开计数表,向计数字段赋值,用Update写入
rs.open"select 计数 from 计数表",cn,adOpenDynamic,3
rs("计数")=rs("计数")+1
rs.Update
%>
<p>计数器:<% =rs("计数")%>