〔2〕第一行右上角有“联系我们〞,点击到dahuaxiyou163.
〔4〕以下为电影名字,每个类型电影下都有相应的电影,要求每个名字单独一行,必须超过一屏;点击第二行的电影类型会自动跳转到下面相应的地方;同时港台电影中包括“大话西游〞,点击它可以转到“大话西游〞详细介绍页面。
的作用〔7〕使用并体会字幕标记
〔8〕必须使用并体会锚点的作用
2、设置IIS
〔1〕在控制面板的管理工具里面翻开并配置IIS
〔2〕设置完成后,同学之间通过IP地址互相访问所作页面
3、检查并测试大家对知识点的掌握程度
实验四列表、图像及简单页面布局
一、实验目的
1、掌握三种列表的创立方法
2、掌握图像的插入方法及图文混排的具体操作
3、会创立简单的表格
4、会使用框架来布局页面
5、了解层并能够正确的使用它
二、实验容
1、创立一个简单的个人简历页面
〔1〕用工程列表组织简历,工程符号为实心方形;包含三项容:
根本资料、教育背景、技能水平
〔2〕根本资料局部用表格设计,大致如下列图所示,空白局部自己填入信息
性别
插入照片
出生年月
政治面貌
毕业院校
所学专业
联系方式
〔3〕其余两局部可用编号列表设计
2、创立一个地图页面
〔1〕使用画图工具画一个大致的中国地图,要求至少有两个地理位置,比方:
和自己家乡的位置等;也可用类似图片替代
〔2〕点击不同的位置能连接到相应的页面,所页面可只有简单文字说明
〔3〕图片右边添加对中国的简单文字说明,要求文字与图片上方对齐
3、创立一个框架页面
〔1〕创立一个框架页面,大致如下列图所示;上面的文字是保存时的文件名,最外层页面名字统一命名为index.html;框架名称用括号的名字
Top.html〔top〕
Left.html〔left〕
Main.html〔main〕
〔2〕框架top中添加“我的网页〞,加粗居中
〔3〕框架left中有两行文字,分别为“作者介绍〞和“作品介绍〞
〔4〕框架main中添加一图片,在图片中间添加介绍性文字
〔5〕为“作者介绍〞和“作品介绍〞分别添加超级,到1、2局部所完成的页面中;要求“作者介绍〞是翻开一个新的窗口;“作品介绍〞在框架main中显示。
实验五表格的美化及页面布局
一、实验目的
1、会对表格的美化
2、能够使用表格进展页面布局
二、实验容
1、美化表格
〔1〕对实验四中的表格进展美化
〔2〕要求表格的边框为紫色,且线条为1个象素的单条线;表格部颜色为前灰色
2、设计一个首页
〔1〕主题不限,要求颜色搭配合理
〔2〕至少必须包含页面头部,页面主体和页面底部三局部
〔3〕页面头部是LOGO、BANNER、导航等容
〔4〕页面主体容应根据自己的主题细化,至少必须有每局部的标题,容可以简化
〔5〕页面底部是信息,应包含自己的学号等,且居中显示。
实验六层及CSS样式
一、实验目的
1、会制作层的动态效果
2、掌握CSS样式的创立方法,并会应用
3、了解外部样式表和部样式表的区别
4、特殊表格的制作
二、实验容
1、制作一个艺术系的介绍页面
〔1〕要求制作的CSS样式能够被很多页面使用,也就是外部样式表,可保存为style.css
〔2〕通过添加CSS样式,要求没有进展任何设置前页面文字都是红色,10pt的大小
〔3〕通过添加CSS样式,要求添加的图片都有边框
〔3〕通过添加CSS样式,实现第一行居中显示“艺术系风采〞,且蓝色,24pt大小
〔4〕下面是对艺术系的简单介绍,必须有文字和图片
2、层的简单动态效果〔可参考P103〕
〔1〕添加三个层,容分别为:
学校简介、系部介绍、管理部门
〔2〕当鼠标移到“系部介绍〞时显示它的下拉菜单,包含生物技术、制药工程、艺术系等;移到“管理部门〞时显示它的下拉菜单,包含教务处、财务处等
〔3〕点击“艺术系〞时,到第一题中制作的页面
〔4〕通过添加CSS样式,实现超级没有下划线,且不同状态的显示不同,要求使用的还是第一题中的style.css表
3、特殊表格的制作
尝试制作一个如下列图所示的表格
实验七层布局设计及模板的使用
一、实验目的
1、会使用层及CSS样式布局页面
2、掌握行为的添加方法
3、了解代码片段的使用
4、掌握模板的创立及套用方法
二、实验容
1、使用层制作一个如下列图所示的首页
〔1〕构造如下列图所示
〔2〕主题不限,要求颜色搭配合理
〔3〕页面头部是LOGO、BANNER、导航等容
〔4〕页面主体容应根据自己的主题细化,至少必须有每局部的标题,容可以简化
〔5〕页面底部是信息,应包含自己的学号等,且居中显示。
2、行为的使用
〔1〕页面添加标题:
“行为的使用〞,可使用CSS样式
〔2〕当翻开页面时自动添加弹出消息:
“欢送您的光临!
〞
〔3〕单击时翻开一个400*300的窗口,容显示的是第1局部做好的页面,此窗口有标题栏
3、模板的创立
〔1〕创立一个模板页面
〔2〕新建一个HTML页面,套用上述模板,并进展编辑
〔3〕修改模板页面,查看保存时发生的变化。
实验八综合练习〔二〕
一、实验目的
1、掌握模板的创立方法及使用
2、能灵活使用表格、层、行为等技术
3、会灵活使用CSS样式
4、掌握常用的页面布局方法
二、实验容
1、使用模板制作一个简单
〔1〕主题不限,要求颜色搭配合理
〔2〕除模板外,页面应不少于两个
〔3〕首页要求导航局部是固定的,不可修改的;且必须用到类似下列图的的格式,可水平可垂直方向;当鼠标经过时会出现相应的下拉菜单,并可以到相应的页面
〔4〕其它页面都有“返回首页〞的;涉及到的超级都是没有下划线的
〔5〕主要容都是可以编辑、修改的
2、设置IIS
〔1〕在控制面板的管理工具里面翻开并配置IIS
〔2〕设置完成后,同学之间通过IP地址互相访问所作页面
3、检查并测试大家对知识点的掌握程度
实验九库技术及表单的使用
一、实验目的
1、掌握库的创立方法及使用
2、了解表单及表单元素之间的关系,并会创立表单
3、熟悉常用表单元素的功能,知道何时使用哪种表单元素
4、能实现表单的跳转,并了解表单提交的两种不同方法的区别
二、实验容
1、制作一个如下列图所示的表单页面
〔1〕预览时的最初效果应跟上图一致
〔2〕用户名和密码长度为20,输入的字符控制在16个以,假设超过那么不能再输入;密码以“*〞或“●〞显示
〔3〕性别只能选择一个
〔4〕点击“注册〞时提交到另外一个页面,显示为“注册成功!
〞;点击“重置〞时恢复初始界面,重新输入
2、库的使用
〔1〕把表单页面的“性别〞那一栏保存为库,并命名为“xb.lbi〞
〔2〕在另外一个页面套用此库
〔3〕修改“xb.lbi〞文件,把“男〞改为“男孩〞,“女〞改为“女孩〞,并查看使用库页面的变化
〔4〕在使用了库的页面进展别离库的操作
实验十简单交互技术
一、实验目的
1、复习表单的创立及提交方法
2、会使用行为检查表单
3、能够使用ASPVBScript获取表单的信息并显示
4、能够区分开效劳器端代码和浏览器端代码
二、实验容
1、新建站点,配置IIS
2、制作一个可以简单交互的表单页面
〔1〕预览时的最初效果应跟上图一致
〔2〕要求用户名和密码都不能为空,且密码必须为数字类型,否那么提示错误信息
〔3〕新建一个ASPVBScript页面并保存
〔3〕点击“登录〞时提交到新建的ASPVBScript页面,显示为“欢送***登录本!
〞〔***是表单页面输入的用户名〕;点击“重置〞时恢复初始界面,重新输入
〔4〕在IIS中进展测试
3、尝试数据库的与显示
〔1〕在OFFICE中,新建一ACCESS数据库,名称为自己的拼音缩写;使用设计器创立一包含字段username、password;username为主键的表,命名为user;双击翻开,输入3-5条记录
〔2〕在控制面板---管理工具---系统DSN中,创立ODBC数据源为自己创立的数据库
〔3〕在DreamWeaver中新建站点,配置测试效劳器,翻开“数据库〞面板
〔4〕新建一ASPVBScript页面,使用“数据库〞面板的数据源名称〔DSN〕进展数据库连接,使用“绑定〞,显示数据库中的第一个用户名,测试数据库连接是否成功
实验11数据库根本操作
一、实验目的
1、掌握简单的ACCESS数据库的创立方法
2、会配置数据源
3、掌握使用数据库面板操作数据库的方法
二、实验容
1、用户注册及登陆的实现
〔1〕新建一个ASPVBScript页面,添加一个至少包含用户名和密码,及注册按钮的表单,命名为zc.asp
〔2〕复制此页面,修改“注册〞按钮为“登陆〞,命名为dl.asp
〔3〕新建一ACCESS数据库,创立一名为user的表,包含字段username、password;username为主键;并配置数据源为此数据库
〔4〕回到zc.asp页面,翻开数据库面板,连接接数据库;实现点击注册按钮时,存输入的信息到数据库中,并在新的页面显示“注册成功〞
〔5〕翻开dl.asp页面,实现点击登陆按钮时,假设用户名和密码存在,那么显示“登陆成功〞,否那么显示“登陆失败〞
〔6〕显示成功或失败的页面可用仅有文字的HTML页面来表示
2、制作一个简易的新闻发布系统
〔1〕在原来的数据库中添加一表,可命名为news,主要存放新闻信息,包含标题、容、发布者等字段,字段名称自己命名
〔2〕新建一个ASPVBScript页面,保存为fb.asp,用于输入新闻信息,包含标题、容等
〔3〕另新建一ASPVBScript页面,保存为xs.asp,用于显示发布的所有新闻标题,可设置每页显示5条新闻标题
〔4〕输入新闻后直接跳转到显示新闻的页面
〔5〕尝试把第1题中登陆后的跳转页面设为fb.asp,并在原表单中添加一隐藏域,值设为登陆成功后的用户名,跟标题、容一起存入数据库;在xs.asp中同时显示标题及发布者