![网站建设与网页设计_第1页](http://file1.renrendoc.com/fileroot_temp2/2021-2/6/150035e5-2f10-4397-9c40-125c6f92bf8a/150035e5-2f10-4397-9c40-125c6f92bf8a1.gif)
![网站建设与网页设计_第2页](http://file1.renrendoc.com/fileroot_temp2/2021-2/6/150035e5-2f10-4397-9c40-125c6f92bf8a/150035e5-2f10-4397-9c40-125c6f92bf8a2.gif)
![网站建设与网页设计_第3页](http://file1.renrendoc.com/fileroot_temp2/2021-2/6/150035e5-2f10-4397-9c40-125c6f92bf8a/150035e5-2f10-4397-9c40-125c6f92bf8a3.gif)
![网站建设与网页设计_第4页](http://file1.renrendoc.com/fileroot_temp2/2021-2/6/150035e5-2f10-4397-9c40-125c6f92bf8a/150035e5-2f10-4397-9c40-125c6f92bf8a4.gif)
![网站建设与网页设计_第5页](http://file1.renrendoc.com/fileroot_temp2/2021-2/6/150035e5-2f10-4397-9c40-125c6f92bf8a/150035e5-2f10-4397-9c40-125c6f92bf8a5.gif)
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
1、网站建设与网页设计教学大纲国际经济贸易学院电子商务专业2006年08月一、课程概况1、课程名称(中文):网站建设与网页制作2、课程名称(英文):Web Site Building and Web Page Designing3、预修课程:C语言程序设计4、修读对象:全校选修本课程的学生5、课程教材:动态网页设计与制作实用教程 程伟渊著 水利水电出版社二、课程性质、地位和任务本课程是电子商务专业学生的技术基础课,对多媒体技术与Web应用开发的基本概念、技术与系统等进行了全面的论述。主要内容包括多媒体基本概念、媒体处理方法与技术、多媒体软硬件平台、多媒体系统基础环境、多媒体信息管理、多媒体通信网络
2、与分布应用等;Web应用程序的相关知识和技术,HTML基础、VBScript基础、Active Server Page应用和Visual InterDev应用等。通过本课程的学习,为后续的网络营销等课程打下技术基础。三、教学内容、教学目标和要求本课程以Macormedia公司的网页三剑客(Flash MX、Fireworks MX、Dreamweaver MX)为技术支持,讲解静态、动态网页设计技术,系统地介绍了网页的构思、规划、制作和网站建设的全过程。四、教学模式采用多媒体教室和电子网络教室教学并结合上机操作实验。五、课程进度第一周第1章 网页设计概述第2章 Flash MX基础知识第3章
3、动画角色的绘制与编辑 上机一:掌握Flash MX的基本工作界面,创建与保存动画,掌握图形角色创作第二周第4章 动画的基本形式 上机二:掌握三种基本动画形式-逐帧动画的制作、位移动画的制作、变形动画。第三周第5章 洋葱皮、图层及声音的应用 上机三:洋葱皮、图层及声音的应用第四周第6章 动画技术的综合应用上机四:通过实例,掌握动画技术的综合应用第五周第7章 Fireworks MX基础知识 第8章 位图编辑与动画制作 第9章 图像的优化与导出 上机五:理解Fireworks MX的工作原理第六周第10章 Dreamweaver MX基础知识 第11章 设计页面布局 第12章 网页元素的添加与编辑
4、第七周上机六、七:创建包含基本网页元素的网页,掌握几种布局方法。第八周第12章 链接、库与模板 上机八:掌握使用链接、库与模板创建网页。第九周第13章 浏览器动态网页的制作 上机九:掌握行为面板的应用第十周上机十、十一:创建包含链接、库与模板的复杂网页,掌握行为与行为面板的综合应用。第十一周第14章 服务器动态网页知识基础 上机十二:基本数据库的建立第十二周上机十二、十三:创建基本服务器动态网页,掌握服务器的建立。第十三周第15章 服务器动态网页的制作 -数据的显示及查询第十四周补充:服务器动态网页的制作 -用程序实现数据库访问第十五周第16章 服务器动态网页的制作 -表单及身份验证第十六周上
5、机十三:表单的检查及用户的身份验证第十七周以网上新闻发布设计为例分析动态站点第十八周第十八周 复习总结V. 课程考核项目比例课堂参与及上机实验25%作业15%期终上机考试60%第一章 网页设计概述【教学目的与要求】1、 掌握网页设计的基本方式2、 熟悉网页中的常见元素3、 熟悉网页元素的创作与编辑工具4、 了解HTML基础知识5、 了解动态网页的支持技术【教学内容】一、网页设计的基本方式1、 手工编码方式2、 利用可视化工具3、 手工编码与可视化工具结合二、网页中的常见元素1、 文本2、 图象与动画3、 音频与视频 4、 超级链接5、 表格6、 表单7、 导航栏8、 其他元素三、网页元素的创作
6、与编辑工具1、 网页图像制作工具1) ireworks MX2) Photo Impact2、动画制作工具1)Flash MX2)Director3、网页编辑工具 1)FrontPage 20002)Dreamweaver MX3)HotDog四、动态网页的支持技术1、 ASP 技术2、 PHP 技术3、 JSP 技术第二章 Flash MX基础知识【教学目的与要求】1、 熟悉Flash MX 的工作界面2、 掌握创建与保存动画【教学内容】一、认识 Flash MX1、 Flash MX的发展2、 Flash MX的新增功能 二、Flash MX 的工作界面1、 菜单栏2、 工具栏和绘图工具箱
7、3、 时间轴面板4、 属性面板5、 其他面板第三章 动画角色的绘制与编辑【教学目的与要求】1、 掌握图形角色的绘制与填充2、 掌握编辑图形角色【教学内容】一、创建与保存动画1、 简单工作步骤2、 文档属性设置二、图形角色的绘制与填充1、 图形角色的绘制1) 直线工具2) 方形工具3) 钢笔工具4) 铅笔工具5) 笔刷工具6) 文本工具2、 颜色的填充1) 墨水瓶工具:本工具用来给图形对象的线条或几何图形的笔画边框上色。2) 颜料桶工具:对图像进行填色,根据选项的不同可以采取多种填充方式。3) 滴管工具:本工具用来进行颜色取样,将一个图形或线条的颜色复制到其他图形或线条上。 三、编辑图形角色1、
8、 选取角色1) 头选择工具2) 套索工具2、 复制和删除3、 擦除角色工具1) 由工具箱中的“橡皮”完成2) 注意橡皮擦选项区五种不同的模式、尺寸与形状的选择4、变形工具1) 任意变形工具2) 填充变形工具3) 单中的“修改”-“变换【作业】1、 使用Flash MX工具绘制一个蜡烛的图案。2、 通过圆形或矩形的叠加组合以及填充色的过渡效果,制作立体按钮。第四章 动画的基本形式【教学目的与要求】1、 理解动画制作的有关概念2、 掌握三种基本动画形式【教学内容】一、 动画制作的有关概念1、 场景2、 时间轴3、 帧4、 元件二、 三种基本动画形式1、逐帧动画逐帧动画是由一帧一帧的画面组成的2、位
9、移动画位移动画是通过改变对象的位置、颜色、大小、旋转角度、透明度等来实现的。该动画的运动对象必须是元件等实体。3、变形动画指的是运动对象的构成进行了重新组合。变形动画的运动对象与位移动画相反,必须是打散的实体,否则无法变形。【作业】1、 利用位移动画的原理,制作汽车刹车的效果。2、 利用形变动画的原理,制作图形与图形之间,文字与文字之间的变化。第五章 洋葱皮、图层及声音的应用【教学目的与要求】1、 掌握洋葱皮效果的应用2、 掌握图层的应用3、 掌握声音效果的应用 【教学内容】一、 洋葱皮效果的应用1、洋葱皮是专门的多帧编辑与对齐模式。其作用主要是用来进行多帧编辑,常用于起始帧与终止帧的元素精确
10、定位。2、洋葱皮位于时间轴下面。把“洋葱皮”视图模式打开,点按时间轴下面的图标,时间轴会变成时间轴上出现了两个圆圈,它们分别代表洋葱皮的起始帧与终止帧,凡是在这个范围内的帧都可在同时间进行显示。二、 图层的应用1、 图层的状态2、 图层的基本操作1) 新建一个图层2) 选择图层3) 删除图层4) 图层改名5) 拷贝某个图层6) 图层的顺序3、 图层的属性1) 图层名称2) 显示3) 锁定设置4) 类型5) 轮廓颜色6) 是否为外框模式4、 图层的类型1) 引导图层a)运动引导图层b)普通引导图层2) 遮罩层3) 图层目录5、 引导层6、 遮罩层三、 声音效果的应用1、 影响声音质量的因素2、
11、音频文件的导入3、 给动画加上声音【作业】1、 练习给一个动画加上背景音乐。2、 利用形变动画的原理,练习制作一个从运动圆形中观看底部文字的动画。第六章 动画技术的综合应用【教学目的与要求】1、 掌握交互动画的制作2、 掌握动画的输出与优化【教学内容】一、 交互动画的制作1、 交互动画的原理2、 简单交互动画的制作3、 交互动画实例4、 交互性的检测二、 动画的输出与优化1、Flash MX动画的输出,共有三种方式:1)“保存”或“另存为”;2)导出影片;3)发布影片。2、Flash MX动画的优化1) 影帧的优化 2) 要养成使用元件的习惯3) 图形的优化4) 声音的优化【作业】1、 制作放
12、大镜2、 制作电子琴第789章 Fireworks MX【教学目的与要求】1、 熟悉Fireworks MX的工作界面2、 掌握利用Fireworks MX实现图像的建立、编辑、优化及导出【教学内容】一、 Fireworks MX的工作界面1、 菜单栏2、 文档窗口3、 工具箱4、 浮动面板二、 图像的绘制模式三、 选择对象四、 组织和管理对象五、 组合和改变路径六、 位图编辑与动画制作七、 图像的优化八、 图像的导出【作业】1、利用Fireworks MX自由创作,如徽标、分层图像、对图像进行几种不同方案的优化比较等。第十章:Dreamweaver MX基础知识【教学目的与要求】1、 认识D
13、reamweaver MX2、 掌握本地站点的建立3、 掌握网页的建立与保存【教学内容】一、 Dreamweaver MX的工作区1、 工作区布局 1) reamweaver MX 工作区2) Dreamweaver 4 工作区2、工作区布局的切换 3、集成的 Dreamweaver MX 工作区1) 菜单栏2) 插入栏3) 文档工具栏4) 属性栏二、 本地站点的建立1、创建本地文件夹1) 在web服务器根目录(c:inetpubwwwroot)下建立2) 建立在任何位置,用虚拟目录来管理2、定义本地站点1) 选择“站点 / 新建站点”菜单,出现“站点定义”对话框。2) 如果未显示“高级”设置
14、,单击“高级”按钮,点击“分类”项目下的“本地信息”选项。3) 完成“本地信息”的设置后,单击“确定”按钮。3、编辑 Dreamweaver MX站点三、 网页的建立与保存【作业】人个网页的制作第十一章:设计页面布局【教学目的与要求】1、 掌握使用表格对页面进行布局2、 掌握在布局视图中对页面进行布局3、 掌握使用框架对页面进行布局4、 掌握使用层对页面进行布局【教学内容】一、创建表格1、 插入表格2、 向单元格中添加内容3、 导入表格式数据 二、 布局视图中对页面进行布局1、 布局视图简介2、 布局视图的切换3、 绘制布局单元格和表格4、 向布局单元格中添加内容5、 布局单元格的调整6、 设
15、置布局单元格的格式7、 设置布局视图参数 三、 使用框架对页面进行布局1、 框架(集)概述2、 创建框架和框架集3、 选择框架和框架集4、 在框架中打开文档5、 保存框架和框架集文件6、 设置框架(集)属性四、 使用层对页面进行布局1、 层的创建2、 层的基本操作3、 向层添加内容4、 修改现有层的属性5、 层和表的转换【作业】人个网页的制作第12章 网页元素的添加与编辑【教学目的与要求】1、 掌握添加文本和设置文本格式2、 掌握图像的添加与编辑3、 熟悉媒体的添加与编辑4、 掌握表单的添加与编辑【教学内容】一、 掌握添加文本和设置文本格式1、 文本元素的添加和编辑2、 HTML 样式的应用3
16、、 层叠样式(CSS)的应用二、 掌握图像的添加与编辑1、 添加图像2、 编辑图像 三、 熟悉媒体的添加与编辑1、 添加 Flash 影片2、 添加 Shockwave 影片3、 向页面添加视频4、 向页面添加声音四、 掌握表单的添加与编辑 1、表单及表单对象【作业】人个网页的制作第13章 链接、库与模板【教学目的与要求】1、 掌握链接2、 掌握库项目3、 掌握模板【教学内容】一、 链接1、 链接的创建与管理2、 链接的应用二、 库项目1、 认识“库“项目2、 创建和编辑库项目3、 使用库项目 三、 模板1、 创建编辑模板2、 应用模板3、 更新模板 【作业】在人个网页中加入链接,并创建库项目
17、加入。第14章 浏览器动态网页的制作【教学目的与要求】1、 掌握行为与行为面板 2、 掌握应用行为制作动态网页【教学内容】一、 行为与行为面板 1、 行为的工作原理2、 行为面板的应用二、 应用行为制作动态网页1、 与层有关的行为2、 打开浏览器窗口3、 播放声音4、 弹出消息5、 设置文本6、 显示弹出式菜单7、 检查表单8、 制作时间线动画9、 检查浏览器10、 检查插件【作业】利用行为面板,在人个网页中加入动态内容。补充内容 SQL【教学目的与要求】1、 掌握SQL的数据定义2、 掌握SQL的数据查询3、 掌握SQL的数据更新4、 了解嵌入式SQL,掌握ODBC,了解JDBC【教学内容】
18、一、 SQL概述二、 SQL的组成:1、 SQL DDL:数据定义。定义SQL模式、基本表、视图和索引。2、 SQL DML:数据操纵。数据查询和数据更新。3、 SQL DCL:数据控制。对基本表和视图的授权,完整性规则的描述,事务控制语句等。4、 Embedded SQL:嵌入式SQL。 三、 SQL的数据定义1、 SQL模式的创建与撤消2、 SQL提供的基本数据类型3、 基本表的创建、修改和撤消4、 视图的创建和撤消5、 索引的创建和撤消四、 SQL的数据查询1、 SELECT语句格式2、 单表查询a) SELECT子句b) FROM子句c) WHERE子句3、 多表查询4、 聚合函数a)
19、 avg: average value(平均值)b) min: minimum value(最小值)c) max: maximum value(最大值)d) sum: sum of values(和)e) count: number of values(个数)5、 数据分组a) GROUP BY子句b) HAVING子句6、 集合操作a) unionb) intersectc) except五、 SQL的数据更新1、 数据插入2、 数据删除3、 数据修改4、 对视图的更新操作六、 嵌入式SQL,ODBC和JDBC1、 SQL语言的运行环境2、 嵌入式SQL的使用技术3、 动态SQL语句4、 O
20、DBC与JDBC技术【作业】SQL数据查询第15章 数据的显示及查询【教学目的与要求】1、 掌握数据库连接的建立2、 掌握数据显示功能的实现3、 掌握数据查询功能的实现 【教学内容】一、 数据库连接的建立1、 通过系统DSN名创建连接2、 通过字符串创建连接二、 数据显示功能的实现1、 记录的显示2、 动态显示多条记录3、 记录的计数和统计4、 记录集导航条的建立三、 数据查询功能的实现1、 创建查询页面2、 构建结果页面【作业】创建数据库连接的建立,创建带有数据显示功能与数据查询功能的网页。第16章 数据的插入、删除及更新【教学目的与要求】1、 掌握数据插入2、 数据更新 3、 数据删除4、
21、 转入详细页5、 数据维护【教学内容】一、 数据插入1. 在Dreamveaver MX中建立一个动态的网页.2. 在网页中建立表单,在表单中插入表格。共两行,第一行为表头,第二行中插入相应的表单对象,如文本域、列表等。设置“提交”命令按钮。3. 数据库连接同前。4. 建立插入行为(“窗口/服务器行为/插入记录”)。 5. 参数设置 二、 数据更新 1. 在Dreamveaver MX中建立一个静态网页,在网页中建立表单,用以输入需更新的某记录的关键字,动作页面为一动态网页(在下面建立)。2. 在Dreamveaver MX中建立一个动态网页,在网页中建立表单,在表单中插入表格。共两行,第一行
22、为表头,第二行中插入相应的表单对象文本域等。设置“提交”命令按钮。3. 数据库连接同前。4. 创建记录集,定位需更新的记录,并绑定表单控件。5. 建立更新行为(“窗口/服务器行为/更新记录”)三、 数据删除1. 在Dreamveaver MX中建立一个名为:xssc.htm的网页,在网页中建立表单,用以输入需更新的某记录的关键字,结果页面为xssc.asp。2. 在Dreamveaver MX中建立一个名为:xssc.asp的网页,在网页中建立表单,在表单中输入信息,确认是否真的删除,设置“确定”和“取消”命令按钮。3. 数据库连接同前。4. 创建记录集,定位需更新的记录,并绑定表单控件。5.
23、 建立更新行为(“窗口/服务器行为/删除记录”)四、 转入详细页以记录集中某一关键字为传递参数,显示当前记录集中没有的内容。五、 数据维护利用“转到详细信息页”,将“更新”与“删除”集成到一个页面上。【作业】创建网页,实现插入新的学生记录、实现指定学生记录的更新、实现指定学生记录的删除、实现学生记录的显示、更新与删除。第17章 用程序实现数据库访问【教学目的与要求】1、 了解ASP概念2、 掌握ASP应用程序3、 掌握ASP内建对象4、 掌握Vbscript5、 掌握通过ADO使用数据库【教学内容】一、 ASP概念二、 ASP应用程序1、 ASP程序的语法结构2、 ASP 命令 (1)输出命令
24、 (2)处理命令:三、 ASP内建对象1、 Response对象1) write 方法2) Redirect 方法2、 Request对象3、 Cookie技术4、 包含文件四、 Vbscript1、 服务器端脚本和客户端脚本2、 VBScript语法特点五、 通过ADO使用数据库1、 ADO2、 打开数据库3、 执行SQL语句4、 显示结果5、 关闭数据库6、 释放对象 六、示例【作业】手工编程,创建网页,显示所有女生记录,实现指定学生记录的更新,实现指定学生记录的删除。第18章 表单及身份验证【教学目的与要求】1、 掌握表单的客户端检查2、 掌握表单的服务器端检查3、 掌握用户的身份验证4
25、、 掌握网页的限制访问【教学内容】一、 表单的客户端检查1、 表单提交前进行必要的数据检查,可以减少不必要的网络传输。2、 此项工作由客户端脚本完成,客户端脚本包含在中3、 示例二、 表单的服务器端检查1、 合法的表单数据提交到服务器端后,在插入到数据库前还要进行必要的检查,检查其是否符合数据库的数据完整性的要求。2、 示例三、 用户的身份验证1、创建登录页面1) 创建登录页面login.asp,包含“帐号”和“密码”两个域。2) 选择“服务器行为面板/用户身份验证/登录用户”3) 进行参数设置四、 网页的限制访问1、 为防止未授权的用户利用URL访问某网页,可以该页上添加”限制对页的访问“服
26、务器行为。1) 打开欲保护的网页2) 选择“服务器行为面板/用户身份验证/限制对页的访问”3) 进行参数设置【作业】手工编程,在网页中实现表单的客户端检查,表单的服务器端检查,用户的身份验证,网页的限制访问。网页设计与动态网页制作实验内容实验一 动画角色的制作实验目的:掌握Flash MX工作界及动画角色的制作。实验要求:参见教材P27页。例3-1至3-5实验二 动画的的基本形式实验目的:掌握Flash MX的三种动画的制作。实验要求:参见教材P36页。例4-1至4-5实验三 图层的操作实验目的:掌握图层的相关操作实验要求:制作一幅用火柴皮划燃火柴棒后再点燃蜡烛,蜡烛燃烧逐渐变短的动画效果。实
27、验步骤:先创建点蜡烛动画需要的“火柴”、“火柴皮”和“蜡烛1”图形元件,再制作“烛光”和“蜡烛”影片元件,最后在场景中布置各元件的相对位置。1)“烛光”为形变动画2)“蜡烛”为位移动画,利用“蜡烛1”图形元件,在60帧处插入关键帧,利用变形工具将其压缩变短。新建一图层放置烛光。3)场景共有五个图层,分别为:“火柴皮”放置图形元件“火柴皮”,在60帧处插入帧;“蜡烛1”放置图形元件“蜡烛”,在20帧处插入帧;“火柴”放置图形元件“火柴”,在5、10、20帧处插入帧,变动火柴的位置,在第10帧处删除火柴头,并在各关键帧中间设置形状补间(之前需将其打散);“烛光”在第10帧处插入“烛光”(即火柴在火
28、柴皮上点燃),在第20帧处将烛光移至蜡烛上,在第1020帧间创建位移动画;“蜡烛”在第20帧处插入关键帧,将“蜡烛”影片元件拖入场景中与“蜡烛1”元件重合,在第60帧处插入帧。 注意:自已加上光晕。实验四 交互动画实验目的:掌握Flash MX基本交互动画的制作。实验要求:一、动态时间显示分析:可先创建静态文本“小时”、“分”、“秒”和“毫秒”;然后创建动态文本框作为计数用;最后在动作面板中通过.getHours()、.getMinute()和getSecond()等动作命令获取时间后赋值给变量,再通过动态文本框显示出来。操作步骤:1、 制作静态文本“小时”、“分”、“秒”和“毫秒”,自行设置
29、属性;2、 准备动态文本框1) 选择文本工具,在属性面板中设置文本类型为“动态文本”。2) 在工作区中绘制四个动态文本框。3) 属性面板中设置动态文本框的“变量”值分别为“hour”、“minute”、“second”和“millisecond”。3、 用动作语句获取时间1) 选中第1帧,在动作面板中添加代码(将动作面板设置为专家模式):time=new Date();hour=time.getHours();minute=time.getMinutes();second=time.getSeconds();millisecond=time.getMilliseconds();2) 在第2帧处
30、插入关键帧(第2关键帧的作用是产生循环)。二、螺旋炫光分析:先用椭圆工具、调色板和箭头工具制作“光”元件;然后创建光的移动变色动画;最后在场景中添加“Actions”语句。操作步骤:1、 制作“light”图形元件1) 新建文件,大小为400X300像素,背景为“黑色”。2) 新建名为“light”的图形元件,其中绘制无边框的,用“线性”填充,将左右滑块的颜色设置为“红色”,中间添加滑块,颜色设置为“淡黄色”。3) 用箭头工具,将椭圆的右部拉长变尖。4) 移动图形的左端点与编辑区的十字定位符重合。2、 制作“light_movie”影片元件1) 新建名为“light_movie”的图形元件,2
31、) 将“light”图形元件插入,并使元件的十字定位符与编辑区的十字定位符重合。3) 在第120帧处插入关键帧,用自由转换工作将“light”元件向右拉至一定的长度。4) 在属性面板的“颜色”列表中选择“高级”项,按图1数据进行设置。5) 创建动作补间。图13、 添加Actions语句1) 切换到场景,将“light_movie”元件拖入场景中。2) 在属性面板“影片剪辑”下设置其名称为“guang”。3) 在第2帧处插入关键帧。4) 打开动作面板的“动作”-“变量”,双击“set Variables”来设置变量,见图2。5) 打开“条件/循环”,双击“If”,在“条件”文本框输入“Numbe
32、r(n)“创意”菜单2、“滤镜”菜单3、热点4、优化实验六实验目的1、 熟悉Dreamweaver MX的工作界面;2、 掌握站点的建立与管理;2、掌握表格的制作;3、掌握三个网页布局方法。实验内容1、 新建一个站点,下面建立的文件都放在该站点对应的文件夹中。2、 建立一html文件,其中包含如表格一所示表格,并在浏览器中显示(http:/localhost/)2、利用布局视图、框架和层等三种布局方法实现如图一所示布局,并在浏览器中显示。学号姓名课程成绩语文数学英语图一版权声明主要信息(如新闻列表等)局部导航栏导航栏欢迎词(动画)logo表格一注:用框架实现会有六个html文件。实验七实验目的
33、1、 掌握添加文本和设置文本格式;2、 掌握图像的添加与编辑;3、 熟悉媒体的添加与编辑;4、 掌握表单的添加与编辑实验内容3、 建立一html文件,输入文本段落,包括项目列表等,利用属性检查器或菜单对文本格式进行设置。4、 设置三个HTML样式,并应用于文件s1.htm的三个段落。5、 对文件s2.htm,分别用内部和外部css样式两种方式对其进行样式设置,建立一个自定义样式pp2(应用于标题)和重定义HTML标签td,观察其应用效果,并察看代码的变化。6、 对网页进行布局,要求插入图像、flash影片等元素,主页面显示为一个会员注册页面。类似s3.htm,注意表单对象的使用,在表单中可利用
34、表格进行表单对象及文本等的排列。实验八任务实验目的1、 掌握链接;2、 熟悉与理解库与模板。实验内容1、 建立站点2、 建立外部css样式文件,使用css选择器为“链接”的四种状态设置不同的颜色,在下面建立的文件中将其导入或链接。3、 建立文件index.htm,包括图片news_1.jpg与文本“国际经贸学院“流光溢彩”文化艺术节隆重开幕”,分别为图片与文本设置链接,使其都能指向文件news_1.htm.,并使其在新窗口打开。4、 在浏览器中观察效果,并观察网站地图。5、 建立一框架页fram_1.htm,包含上、左、右三个框架,上部框架文件设立标文字(自定),左部键入文本“国际经贸学院“流
35、光溢彩”文化艺术节隆重开幕”,对文本设置链接,使其能在右框架显示news_1.htm文件。6、 创建两个库元素(文本、表格或图像自定),在网页中应用,然后更改库元素。7、 创建一个“个人主页”的模板,并创建一个基于该模板的页面。实验九 实验目的:1、 掌握使用access创建数据库及关系表;2、 掌握基本的SQL语句。实验内容:一、 创建数据库students。二、 在student下创建三个表s、c、sc,并输入数据。学生s学号sno姓名sname性别sex年龄age所在系别sdept0201001王三男19计算机0202211张五女18财务管理课程号cno课程名称cname学分chour任
36、课老师ctech系别cdeptC01管理信息系统2李明工商管理C03数据库3吴五计算机课程c选修sc学号sno课程号cno成绩score0201001C01850201001C03950202211C0398三、 使用sql视图,实现下列查询:1、 查询学号为0202211的学生的姓名,性别与所在系别;2、 检索所有女学生的姓名与年龄。3、 检索王老师所授的计算机系的课程名称。4、 查询年龄小于20岁的所有女生;5、 检索成绩在90分以上的课程的学生姓名与课程名称。6、 查询所有“王”姓学生。7、 查询计算机系统开设课程的课程名与任课老师;8、 查询选修了课程号为c03的所有学生姓名及成绩,按
37、成绩的降序排列。9、 查询成绩超过80分的课程名称。10、 检索每门课程成绩都超过80分的学生学号与姓名。11、 检索每门功课都不及格的学生的学号与姓名。四、SQL更新1 向基本表S中插入一个学生记录(s9,wu,18)。2 在基本表S中检索每一六课程成绩都 大于等于80分的学生学号、姓名和性别,并将检索到的值插入另一个已存在的基础表student(sno,sname,sex)。3 在基本表SC中删除尚无成绩的选课记录。4 把wang同学的学习选课和成绩全部删除。在基本表SC中修改C4课程的成绩,若成绩小于75分提高5%,若成绩大于75分时提高4%(用两个UPDATE语句实现和条件更新两种方法
38、实现)。实验十 数据的显示及查询 实验目的:1、 掌握ASP中数据库连接的设置2、 掌握数据的显示3、 掌握数据的查询实验内容:1、 创建网页xscx_1.asp,显示学生表s中的所有女生记录。2、 创建网页xscx_2.asp,显示学生表s中的所有记录,并分页显示,每页显示5条记录。3、 创建网页xscx_3.htm,设置查询条件,以学号为查询条件。结果页面为xscx_3.asp,可实现显示页面xscx_3.htm中输入的学生记录。4、 创建网页xscx_4.asp,显示所有成绩高于90分的学生学号,姓名,课程名及成绩。实验十一:数据的插入、更新及删除 实验目的:1、 掌握ASP中记录的插入
39、2、 掌握记录的更新。3、 掌握记录的删除。4、 掌握转入详细信息页的使用。实验内容:1、 创建网页xsll.asp,实现插入新的学生记录。2、 创建网页xsgx.htm和xsgx.asp,实现指定学生记录的更新。3、 创建网页xssc.htm和xssc.asp,实现指定学生记录的删除。4、 创建网页xswh.asp,实现学生记录的显示、更新与删除。实验十二 利用程序实现对数据库的访问 实验目的:1、 掌握ASP中编程实现记录的插入、记录的更新、记录的删除。实验内容:1、手工编程,创建网页xsxs.asp,显示所有女生记录。2、 手工编程创建网页xsgx.htm和xsgx.asp,实现指定学生
40、记录的更新。3、 手工编程创建网页xssc.htm和xssc.asp,实现指定学生记录的删除。实验十三 表单的检查及用户的身份验证 实验目的:1、 掌握ASP中客户端脚本的编制。2、 掌握ASP中利用服务器端脚本的对表单数据的检查。3、 掌握网页中用户的身份验证及对网页的限制访问。实验内容:1、 对网页insert_0.asp进行编辑,使其实现对输入的rid进行非空检查。2、 对网页insert_1.asp进行编辑,使其实现对输入的rid进行非重复检查。3、 创建网页login.asp,实现用户登录,登录成功转向insert_1.htm,不成功则转向login_f.htm4、 对网页inser
41、t_0.asp与nsert_1.asp进行限制访问控制,如果用户未登录而欲访问该页则转向login_f.htm。上机十四 服务器动态网页的制作实验目的:通过本周的上机,让进一步学生服务器动态网页的制作,包括利用工具实现与手工编程实现。实验内容:1、 建立如图P237所示的主页index.htm;2、 建立主页中要求的应用程序(有些可参考或借用之前实验的结果);3、 建立链接,使主页中的项目链接到相应的应用程序。As of Microsoft Internet Explorer 4.0, you can applmultimedia-style effects to your Web pages using visual filters and transitions. You can apply visual
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 苏教版一年级口算练习题
- 苏教版三年级数学上册口算练习
- 苏教版二年级上册口算练习共7天
- 电动车管理及安全协议书范本
- 五金长期合作供应商合同范本
- 加盟合作成立餐饮公司协议书范本
- 对口帮扶合作协议书范本
- 二零二五年度知识产权保护和解协议模板
- 二零二五年度单位与医疗机构全面体检与疾病预防合同
- 2025年度环保项目劳务合同环保标准执行与成本核算
- 【课件】DNA片段的扩增及电泳鉴定课件高二下学期生物人教版(2019)选择性必修3
- GB/T 6417.1-2005金属熔化焊接头缺欠分类及说明
- 2023年湖北成人学位英语考试真题及答案
- NY∕T 4001-2021 高效氯氟氰菊酯微囊悬浮剂
- 《社会主义市场经济理论(第三版)》第七章社会主义市场经济规则论
- 《腰椎间盘突出》课件
- 汉声数学图画电子版4册含妈妈手册文本不加密可版本-29.统计2500g早教
- simotion轮切解决方案与应用手册
- 柴油发电机运行检查记录表格
- DSC曲线反映PET得结晶度
- 科学素养全稿ppt课件(完整版)
评论
0/150
提交评论