第1章 网页基础知识

1.3 动态网页开发工具(P5)

 网页编辑工具:FrontPage 2000  Dreamweaver 2004

  参考网站:首都之窗 机械工业出版社 网易 毕业设计 学生网站

  网页布局:T型布局 书籍式首页 期刊杂志式首页 框架网页

  表格页面布局 北川表格 网页布局 设计视图页面布局 设计布局

  弹出菜单  附加到路径  网站标志

 图形设计工具:Photoshop 6.0

 动画开发工具:Flash 2004

 动画网页 网站标志 GIF 动画 位图填充

 网页上传工具:CuteFTP

 

第2章 网页设计基础语言 HTML

2.3 表格与框架

2.3.1 表格页面布局 北川表格 表格布局

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.表单中的文本框、密码框

例:用户注册 yfzc clzc

 2.表单中的单选框、多选框、下拉列表、文本域

例:意见返回表 yjfg.htm fgxx.asp

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章 为网页定制样式 CSS 表单

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章 为网页增加效果 VBScript 脚本

4.4 VBScript 应用开发实例(P104)

  表单输入验证:用户注册1 对话框

 

第5章 为网页加上特效 JavaScript 脚本

  北京时间 滚动广告 万年日历 烟花怒放 雪花飘飘 梅花升空

  旋转文字 文字跟随鼠标 时钟跟随鼠标  

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. 处理表单元素示例

例:设置背景颜色 zbjs 万年日历

  document.bgColor='red'

5.5 内置对象

5.5.1 String 对象(P121)

  substr(start,len):返回指定开始位置和长度的子字符串。

5.5.2 Math 对象(P121)

  时钟 sz sz_roll sz1

  图形程序设计:jtcs.exe jtcs.htm

  正弦波 zxb zxb_s jzxb jzxb_dm

5.5.3 Date 对象(P122)

 1.日期时间函数

例:日期时间 rqsj 北京时间

5.8 JavaScript 的应用

  脚本语言表达式、语句、函数

  JavaScript 在表单输入验证中的应用

例:用户注册验证电子邮箱 用户注册1

5.8.1 动态时钟(P125)

 日期时钟 rqsz 时钟 sz sz_roll sz1

5.8.4 制作网页计数器(P132)

  计数器:  

5.9.4 怎样用 JavaScript 设计漫天雪花(141)

  雪花飘飘  xhpl xhpp1 xhpp2 xhpp_scr xhpp-dm

  梅花升空 怎么办 夜景真美 天女散花 花花飘飘

  相片飘飘 飞向何方 网络飘飘 五星飘飘 qqpp mypp

 

第6章 为网页增加交互 ASP 程序

 下载 个人主页 浏览 index.asp

 下载 ASP 模块 浏览 ASP 模块

 数据库: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 对象提交信息

例:

  不用数据库存储:用户注册 yfzc 用户注册1 yfzc1

  使用数据库存储:用户注册 yfzc 用户登录  yfdl

用户注册reg register 留言板 yfly 聊天室 chat 论坛

 下载 个人主页 浏览 index.asp

 下载 ASP 模块 浏览 ASP 模块

 数据库:wssdk97.rar wssdk2k.rar

  yfzh=request.form("yfzh")

6.2.2 Response 对象(P162)

 利用 Response 对象返回信息

例:用户注册 yfzc clzc

 用户帐号:<%response.write yfzh%>

例:日期时间 rqsj

 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章 动态创建和管理网页--后台数据库

7.2 用 SQL Server 设计数据库(P198)

7.5 SQL 查询语言(P218)

 

第8章 实现网页交互功能--ADO 组件

8.2 Connection 对象

8.2.1 建立与数据库的连接(P249)

8.3 Recordset 对象(P258)

  下载 个人主页 浏览 index.asp

 数据库:wssdk97.rar wssdk2k.rar

'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("计数")%>