网页制作上机练习.docx

上传人:b****7 文档编号:9766146 上传时间:2023-02-06 格式:DOCX 页数:12 大小:41.94KB
下载 相关 举报
网页制作上机练习.docx_第1页
第1页 / 共12页
网页制作上机练习.docx_第2页
第2页 / 共12页
网页制作上机练习.docx_第3页
第3页 / 共12页
网页制作上机练习.docx_第4页
第4页 / 共12页
网页制作上机练习.docx_第5页
第5页 / 共12页
点击查看更多>>
下载资源
资源描述

网页制作上机练习.docx

《网页制作上机练习.docx》由会员分享,可在线阅读,更多相关《网页制作上机练习.docx(12页珍藏版)》请在冰豆网上搜索。

网页制作上机练习.docx

网页制作上机练习

实验一使用Dreamweaver创立简单页面

一、实验目的

1、掌握HTML的根本构造

2、熟悉Dreamweaver的工作环境

3、掌握不同的视图下的操作及面板的使用

4、会使用Dreamweaver创立、管理站点

二、实验容

1、在Dreamweaver中创立一个站点

〔1〕新建一个以自己学号或拼音命名的文件夹

〔2〕在Dreamweaver中新建站点,把站点设为新建的文件夹

〔3〕观察创立站点前后的区别

2、利用所学知识创立一个个人信息页面

〔1〕新建一个HTML页面,添加标题为“个人简介〞

〔2〕利用文字、水平线、特殊符号、背景颜色、背景图片等制作简单的个人信息页面

3、制作一个中转页面

〔1〕制作一个简单页面,添加标题和简单容

〔2〕通过设置标记,实现10秒后自动跳转到个人信息页面

实验二超级与文本修饰

一、实验目的

1、掌握超级的不同创立方法

2、了解锚点的作用,并会创立锚点

3、熟悉文本的不同修饰方法

二、实验容

1、创立“大话西游〞页面

〔1〕字体与背景颜色等自行设计,要求搭配合理

〔2〕第一行右上角有“联系我们〞,点击到dahuaxiyou163.

〔3〕第二行为标题,居中显示

〔4〕容要求不使用空格或换行等,居中显示如下:

曾经

有一份真诚的爱情放在我面前,

我没有珍惜,

等我失去的时候我才懊悔莫及,

人世间总痛苦的事莫过于此。

……

〔5〕下面有“下载〞两字,创立一个下载

2、创立“我的影院〞主页面

〔1〕字体与背景颜色等自行设计,要求搭配合理

〔2〕第一行为标题

〔3〕第二行为影院分类,例如:

欧美电影、港台电影、大陆电影、……等,格式为“标题1〞,要求自左向右滚动显示,鼠标移动时停顿滚动,移开时继续滚动

〔4〕以下为电影名字,每个类型电影下都有相应的电影,要求每个名字单独一行,必须超过一屏;点击第二行的电影类型会自动跳转到下面相应的地方;同时港台电影中包括“大话西游〞,点击它可以转到“大话西游〞详细介绍页面。

〔5〕右下角有“返回顶部〞,要求点击它能够返回到页面的最上方。

“#+命名锚记名称〞

实验三综合练习〔一〕

一、实验目的

1、复习前面所学的知识点

2、掌握在代码视图中使用标记及属性的相关方法

3、掌握属性窗口的使用方法

4、掌握IIS的设置方法

二、实验容

1、根据所有知识设计两个相关的页面

〔1〕字体与背景颜色等自行设计,要求搭配合理,且必须使用的是字体或页面标记的相关属性

〔2〕两个页面通过超级关联,主页面容设置必须合理

〔3〕页面容不作要求,可以使任何自己感兴趣的东西

〔4〕主页面上必须有当前系统的日期

〔5〕使用并体会段落符号与换行符号的区别

〔6〕使用并体会预先格式化标记

的作用

〔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中同时显示标题及发布者

展开阅读全文
相关搜索

当前位置:首页 > 总结汇报 > 学习总结

copyright@ 2008-2022 冰豆网网站版权所有

经营许可证编号:鄂ICP备2022015515号-1