《电子商务网站开发技术―实验课件》由会员分享,可在线阅读,更多相关《电子商务网站开发技术―实验课件(7页珍藏版)》请在金锄头文库上搜索。
1、电子商务网站开发技术实验课件 电子商务网站开发技术实验课件 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记实验内容? 1、在FrontPage中创建一个页面文件?文件名为“Index.htm”?保存在服务器中以自己学号为名的文件夹中? 2、页面文件中第一行显示的内容为“这是第一个实验网页”?第二行显示的内容为“谢谢”? 3、必需使用3号字、黑体、加粗、倾斜、加删除线、居中显示? 4、文字颜色为红色? 5、页面标题为“我的第一个网页”? 6、两行文本之间的间距为18pt? 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记 7、文本后创建一个4行、2列的表格?表格
2、4行分别占据窗口宽度的20%、30%、25%、25%?且可以随窗口大小变化自动调整? 8、第一行表格内的内容分别为“上半年”、“下半年”? 9、第二行表格内的内容分别为“12”、“34”? 10、第三行表格内的内容分别为“45”、“78”? 11、第四行表格内的内容分别为“90”、“125”? 12、表格后插入一幅图片?图片的位置在“202.201.83.2/sy/1.jpg”?将其拷贝下来后插入本网页中? 13、图片是右对齐、悬浮显示? 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记 我的第一个网页 FrontPage使用7号隶书体字显示的网页 一、实验编号?0401实验名
3、称?HTML标记的实验?掌握常用标记 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记在网页中嵌入图片?选择图片显示在自己的页面中?启动FrontPagexx后?将光标移动到想插入图片的位置?选择“插入菜单”、“图片”、“文件”?在对话框中选择合适的图片文件就可以完成插入操作?最后预览?点击FrontPage左下角的预览按钮?检查是否正确?这是一幅浩瀚的星云?你可以浏览、试验。 实际上?我们在使用的过程中?对图片的处理比较复杂?因为有些图片是动画?而有些图片干脆就是一段视频。 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记插入剪辑Microsoft剪辑管理器中
4、包含图形、照片、声音、视频和其他媒体文件?统称为剪辑?可将它们插入并用于演示文稿、出版物和其他Microsoft Office文档中。 在Office程序中?可以查找、添加和组织媒体剪辑?可在“插入”菜单上?打开一个任务窗格?您可从其中搜索剪辑。 尽管此任务窗格类似于Office的“基本文件搜索”任务窗格?但它查找的是媒体剪辑?而非文档。 您可根据描述关键词、文件名、文件格式和剪辑收藏集来搜索媒体文件。 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记表格操作?表格是网页中最不可缺少的元素之一?几乎所有的页面都具有表格?而且绝大多数的页面本身就是一个复杂的表格?文字、图形都是在
5、表格中显示的?没有表格?就没有目前这么复杂的网页结构。 下面我们先介绍表格操作的基本方法?然后再介绍其使用技巧。 (1)创建方法 (2)调整表格大小 (3)调整单元格的大小 一、实验编号?0401实验名称?HTML标记的实验?掌握常用标记 (4)调整行的大小 (5)调整列的大小 (6)设置表格的边框属性、布局属性 (7)拆分表格 (8)调整单元格大小 二、实验编号?0402实验名称?用HTML语言创建网页1.在网页中使用BODY标记的有关属性设置网页的背景图片和文本颜色。 2.在网页中设置文本的字体、字号和颜色。 3.在网页中分别创建一个无序列表和无序列表。 4.在网页中插入一幅图像?然后设置
6、该图像的格式。 5.在网页中播放视频文件?.avi?。 6.编写一个网页?选择一首mp3文件作为其背景音乐?并在网页中插入一个字幕。 二、实验编号?0402实验名称?用HTML语言创建网页7.在网页中创建一个表格并设置表格、行和单元格的属性?然后将表格中的某些单元格合并起来。 8.编写一个框架网页?在顶部创建一个用于显示网站标题的横幅框架?在左边创建一个用于显示网页连接的目录框架?并在右下方创建一个用于显示内容的主要框架。 要求在目录框架中单击不同链接时?在主要框架中显示相应的网页。 9.在网页中创建一个表单?并要求在该表单中包含文本框、密码框、滚动文本框、单选按钮、复选框、下拉菜单、提交按钮
7、和重置按钮等控件。 二、实验编号?0402实验名称?用HTML语言创建网页 1、创建网站在“文件”菜单上?单击“新建”?在“新建”任务窗格中的“新建网站”下?单击要创建的网站的类型?单击需要的网站模板?找到并单击要发布网站的位置?再单击“打开”。 你就会看到一个网站已经创建出来了。 二、实验编号?0402实验名称?用HTML语言创建网页高级制作技巧框架网页?在HTML中?为解决网页的框架结构?引入了框架标记。 使用框架标记?就可以在一个屏幕上多开几个窗口?在每个不同多窗口显示不同的HTML文件。 含有框架结构的网页其HTML的形式和一般的HTML文件相似?只是用FRAMESET代替BODY标记
8、。 框架结构有开始和结束标记?框架所有内容都应该在和之间。 FRAMESET标记内使用另一个标记符合来指定框架中每个小?子?窗口的内容。 二、实验编号?0402实验名称?用HTML语言创建网页在“文件”菜单上?单击“新建”,在“新建”任务窗格中?在“新建网页”之下?单击“其他网页模板”,单击“框架网页”选项卡。 选择一个模板?预览其布局?再单击“确定”,设置要显示在每个框架中的初始网页。 单击要设置初始网页的框架。 选择一个已创建的网页?在框架中?单击“设置初始网页”?然后选择要显示的网页。 或者?在框架中?单击“新建网页”。 Microsoft FrontPage会在该框架中创建一个新网页?
9、该新网页会自动设置为初始网页。 二、实验编号?0402实验名称?用HTML语言创建网页表单的使用?大多数的网站中肯定遇到过几个Windows中耳熟能详的控件?象按钮、文本框、下拉列表等。 这些控件怎么在Web页面中实现呢?不要紧?学习了这一章?你将会懂得它的基本操作。 注意?你学习的只是如何创建控件?并将它显示出来?至于如何使用?那么应该是VBScript程序设计的问题?我们将在下一试验中讲解编程问题。 二、实验编号?0402实验名称?用HTML语言创建网页 三、实验编号?0403实验名称?使用VBScript语言的简单编程1.编写一个网页?在其HEAD部分编写一段脚本代码?当该页被加载时显示
10、一个输入对话框?提示让访问者输入姓名?单击“确定”按钮后?在对话框中显示对该访问者的欢迎信息。 2.编写一个网页?其显示效果如图3.18所示。 在上面两个文本框中分别输入一个整数?要求两者大小不相等。 当单击“显示结果”按钮时?在最下面的文本框中显示两者中的较小数?当单击“清除结果”按钮时?将三个文本框中的内容清空?如果未同时在上面两个文本框中输入内容而单击“显示结果”按钮?则显示一个对话框?提示用户在上面两个文本框中分别输入一个整数。 三、实验编号?0403实验名称?使用VBScript语言的简单编程 1、VBScript及ASP语言入门Microsoft Visual Basic ScriptingEdition是程序开发语言VisualBasic家族的成员?它将灵活的Script应用于更广泛的领域?包括Microsoft InterExplorer中的Web客户机Script和Microsoft Inter Information Server中的Web服务器Script。 在HTML页面中添加VBScript代码SCRIPT元素用于将VBScript代码添加到HTML页面中。 三、实验编号?0403实验名称?使用VBScript语言的简单编程代码的开始和结束部分都有 五、实验编号?0405实验名称?使用VBScript语言的综合编程 简单的上传文件 内容仅供参考