欢迎来到天天文库
浏览记录
ID：33473210
大小：2.85 MB
页数：12页
时间：2019-02-26
《实验2 客户端脚本编程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、实验2客户端脚本编程姓名：082369师帅实验课程：web技术【目的和要求】学习使用DreamWeaver网页编程，掌握客户端脚本语言（JavaScript和VBScript）的使用。【内容和步骤】1.学习使用DreamWeaver工具目的：学会使用DreamweaverMX。内容：用DreamweaverMX编制如图2-14所示的个人简历表格。如图所示：步骤：1．打开DreamweaverMX2．在[插入面板]的[常用]对象组中单击[表格]图标，生成6行8列的表格。3．调整表格各栏的高度和宽度，有些单元格需要合并。4．在单元格中设置字体、字号、字形、颜色、大小等，需要之处添加链接和列表标记点
2、。5．插入照片或其他图片，调整图片大小，固定约束比及高宽。6．编制好如图2-14所示表格后，另存为ex2-1.htm文件。页脚1．选做：在表格下方加如图2-3所示的banner图，带图片热区。2．选做：在表格下方加如图2-5所示的swf图——Flash动画图。3．双击ex2-1.htm文件，在浏览器中观察其显示效果。2.使用VBScript脚本语言设计程序1.掌握将VBScript脚本嵌入HTML文件的方法2.掌握使用VBScript脚本语言设计应用程序的过程3.掌握基本的VBScript语法内容：l用VBScript脚本语言设计一个简单的验证程序：要求在文本框中输入一个1~100之间的整数，
3、单击“提交”按钮。若输入正确，则弹出对话框，显示“你输入对了，谢谢！”，如图3-12所示；若输入不正确，则弹出对话框，显示“请输入一个从1到100之间的数字。”步骤：1．打开记事本程序2．输入能够生成如图所示的VBScript程序的源代码，保存为.html文件，文件名为ex3-23．双击ex3-2.html文件，在浏览器中观察结果。页脚【实验实现】1、使用dreamweaver实现简历的制作1、在dreamweaver中新创建站点和站点中的页面页脚1、在新创建的页面中插入表格、并将部分表格合并2、在相关框中添加相关信息，如上图所示3、在email处插入“电子邮件连接”4、简历个人主页和学生名单
4、网页页脚个人主页信息学生信息1、在备注中添加“超链接”2、在表格下面添加banner图页脚1、在表格下添加flash图片2、整体设计如下：页脚1、使用VBScript脚本语言设计程序1、打开一个记事本，在其中书写程序（程序如下）
简单验证
------------------------------------------------------------------------------------
5、input"id=p1>1、用IE打开2、输入正确数字，弹出窗口页脚1、输入错误数字，弹出窗口页脚1、用dreamweaver打开刚刚写好的网
6、页【心得体会】通过本次实验，了解了简单的在dreamweaver下开发网站的方法，其中注意到通过dreamweaver我们可能不用掌握网页编程的语言，而可以直接通过鼠标点击怎么标签等，而此大大简化了书写代码的繁琐，给开发人员带来了极大的便利。另外，dreamweaver可以将网页设计和代码共同显示出来，为初学者带来了极大的好处，让初学者可以更快的掌握网页编程提供了可能。通过第二个实验，掌握了简单的VBSCRIPT的编程，并通过自己手写代码，更假声了刚才在dreamweaver中掌握的语言。为我可以更好的掌握打下了良好的基础。另外，在代码书写好后，通过IE打开可以正常显示message页脚box
7、，但是通过chrome不能正常显示messagebox，而出现此种情况可能是因为两个浏览器内部代码等不同所致。（注：此为之后所加）【代码改：】在上面代码中，如果忘记输入数字，而不会弹出任何box，此处稍加改动，如果输入为空，则提出用户输入数字。（代码和显示如下：）请输入一个从1到100之间的数字:
此文档下载收益归作者所有
