动态网页巧制作
每一个网页制作的初学者,都想让自己的网页更漂亮,看起来更专业。要想制作出声形兼俱的动态网页,您需要了解动态网页制作技术,它是建立在动态HTML语言(即DHTL语言)之上的一种新技术,它包括CSS文字效果,层技术,框架结构,push技术,JavaScript、Java和ASP等。(听不懂,太专业了!),听不懂没关系,您只要清楚,要使用Dreamwave3.0以上制作网页,因为Dreamwave3.0内置以上大部分技术,您所要做的仅仅是插入层,拖动,复制,粘贴。也就是把动态网页脚本插入到原来网页的HTML中。
下面的动态网页制作技术可能是您需要的:
推(push)技术,让您网页上的新闻自动更新;Java小应用程序(Java applet),如让您网页中的图像模拟水滴落在预制图像文件上,水面上激起层层涟漪,给人一促宁静致远的感受;Java Script 脚本,让您的网页每次进入都播放不同的音乐,如你第一次进入该网页播放《泰坦尼克号主题曲》,第二次进入则播放《999朵玫瑰》,第三次进入……;ASP中的ADO的技术,让用户在浏览器画面中输入、更新和删除网站服务器的数据库信息。
以上是目前国际上非常流行的技术,使用起来也不困难,不用编程,只需从网上下载相应的脚本 (即程序),将其添到您的网页
上即可,任何稍微懂得一点网页制作的初学者都可以做到,怎么样?心动了吧,且听我慢慢道来。
一、使用Java动态小应用程序
利用Java可以在您的网页上加入各式各样的动态效果,它可是制作动态网页的好工具,代表了新一代的Web技术。
Java于1995年问世,是一种由美国Sun公司开发的新一代编程语言,其目标是在网络环境中开发软件。由于Java是一种编程语言,要想掌握它,需要有一定的计算机程序设计基础。然而对于网上的Java小应用程序(Java Applet),即网页中小巧可爱的Java程序。你无须学会Java就可以使用,只要稍作改动就可放在网页上使用。因此,怎么将现成的Java小应用程序嵌入自己的网页中,如何改动参数,让小应用程序变成你自己的东西可是个关键。
也许,大家对什么是“Java小应用程序”有些摸不着头脑。事实上是伴随网页而来的Java程序有一个特别的名字,叫Applet,可以把它想像成是一个个小巧可爱的程序,这主是“Java小应用程序”名称的由来。
捷径:要将Java小应用程序嵌入网页
1.将Java applet脚本复制到网页的html文件中
首先复制Java源程序,进入 Dreamwave3中,在网页的某个位置插入新图层,并确定层在html中的位置。即按菜单插入/图层,点按菜单窗口/html源文件,出现html源文件窗口,定位新加的层在html文件中的位置,如:将鼠标放到新图层中打几个字母mmm,则html源文件也应该出现mmm,鼠标定位到html源文件中的mmm后,将html源文件中的 mmm删除。
按粘贴,将Java程序粘贴在html源文件中光标所在位置。
2.注意还要将java 程序所需的*.class文件,*.gif背景文件复制到网页文件*.htm所在的同一目录下。按<F12>键预览。
3.参数修改:
下面是一个Java applet的源文件:比较重要的两行width="128" height="128"表示动画的宽和高,value="imfad1.gif"表示背景文件名。
<applet archive="AnWater.jar" code="AnWater.class" width="128" height="128">
动画的宽和高
…
<param name="image" value="imfad1.gif"> ; 载入图像
…
Java动画的背景图片是一些JPG或GIF的静态图片,动态效果是Java程序加在背景图片上产生的,如水波效果。假如要将Java 动画的背景图片改成另一图片,则可将另一图片复制到*.htm所在的同一目录下,在html源文件中修改背景文件名,修改宽和高的值即可。新图片宽和高的值若不知道是多少,可在ACDSee的中打开该新图片,在其底下的状态行有图片的宽和高的信息。
假如你想让新图片的大小与原Java applet图片的大小一致,可以用Photoshop对新图片进行放大或缩小。
4.注意事项:
要将java 程序所需的*.class文件,*.gif背景文件复制到网页文件*.htm所在的同一目录下。
Java applet 的效果十分华丽,但将大降低浏览器的刷新速度,因此不可太贪多。一个页面有一两个Java Applet即可。
注意*.class文件的大小写。笔者就遇到这样的情况:有时提供的AnWater.class写成了 ANWATER.CLASS,这时Java Applet 在本机上能运行,上传至服务器中,该有Java效果的位置只显示一块灰板,开始以为上传过程中出错,造成文件缺损,但用CuteFTP 上传了几次还是这样,用鼠标点击灰色方块,状态行提示找不到
AnWater.class,当时一看就明白了:服务器肯定是Unix的,它对大小写非常敏感,它认为ANWATER.CLASS与AnWater.class不是同一文件,所以才找不到,将ANWATER.CLASS文件名改成 AnWater.class 并上传后,问题解决。
Java动态小应用程序集锦:
下载推荐网站: https://www.wendangku.net/doc/2315406810.html,的Anfy 1.4.5 中文版 - 包括 41 个特殊效果的applet。
您只要到一些提供这些应用程序的网站下载些小程序,很方便的就可以使自己的网页,桌面墙纸或屏幕保护上添加魔术般的效果,有菜单树、焰火、水面、湖面、横幅/幻灯片放映、Anfy网络摄影机、文字卷动等效果。为读者提供展示创造性的无限空间。下面是部分程序效果介绍。
1.Water 此applet可以在任意GIF 或JPG图像上模拟水的波动。此applet是完全参数化的,因此您可以产生许多水的波动效果。
除了要背景图像,还需上传如下3个“.class"文件:AnWater.class ,Lware.class,anfy. class 另外,上传AnWater.jar可以在最新的浏览器中加快载入速度。
html文件:anwater.html
参数说明文件:anwater.txt
2.Book Flip 可以在多幅同样大小的GIF或JPG图像间实现“书本翻页"的动态变换效果。非常漂亮!
必需的文件:除了书本反转图像和一个随意的遮盖图像,还需上传如下 3 个“.class"文件:bookflip.class,Lware.class,anfy.class 另外,上传bookflip.jar可以在最新的浏览器中加快载入速度。
https://www.wendangku.net/doc/2315406810.html,ke 网上流传甚广的湖中倒影特技,效果非常动人,占用内存比其他几个类似的程序更少,读者可以任意设定风速,风力和波浪强度等参数
必需的文件:除了要一个背景图像,还需上传如下3个“.class"文件:AnLake.class , Lware.class,anfy class。另外,上传AnLake.jar 可以在最新的浏览器中加快载入速度。
二、使用JavaScript动态程序
JavaScript是解释型语言,其源代码文件直接在运行时解释执行,适用于较小任务的程序,比Java简单。
JavaScript的出现在很大程度上就归功于Java,虽然两者的功能以及编程风格大不相同,但JavaScript的语法和基本结构与Java 是相似的。JavaScript最初是作为浏览器Netscape本身临其境的
脚本编写语言以LiveScript为名,但在1995年末,Sun公司认可了该语言,且更名为JavaScript。虽然JavaScript比Java简单,但仍然需要具备计算机编程知识以及面向对象的技术知识。因此,在这里只介绍如何将现成的JavaScript脚本嵌入HTML文件的方法。
捷径:要将Java小应用程序嵌入网页
将Java applet脚本复制到网页的html文件中即可。方法同Java应用小程序。
脚本下载推荐网站:https://www.wendangku.net/doc/2315406810.html,
此网站是中文网站,有大量的 JavaScript源文件,分类非常详细:有按钮和连接控制,浏览器窗口控制,客户端表单控制,多媒体音乐控制,背景效果处理,日期与时间脚本,Frame帧控制,图形图象处理,菜单与页面导航,站内搜索引擎,Password脚本,树型折叠菜单,页面文字特效。此网站还有一个最大的优点:大部分脚本都可以在网上预览,看了预览后,你就会知道此脚本是否是你需要的,是否值得下载。
JavaScript动态程序集粹:
与Java小应用程序相比,JavaScript有很多的优点,如简单适用,短小,运行速度快等等,这里推荐三个动态的JavaScript
程序给读者。再次提醒,以下脚本不用编写,从https://www.wendangku.net/doc/2315406810.html,下载即可。
1. 随机的MIDI播放控制台脚本--酷!随机播放《泰坦尼克主题曲》,《999朵玫瑰》等背景Midi音乐-刷新页面能听到不同的音乐,源程序:
< script LANGUAGE="JavaScript">
song = new Array(5); //与Midi乐曲数量对应=乐曲数量-1 title = new Array(5); //与Midi乐曲数量对应=乐曲数量-1 song[0] ='xfile.mid'
song[1] ='007.mid'
song[2] ='0072.mid'
song[3] ='999dmg.mid'
song[4] ='yongxinliangku.mid'
song[5] ='titanic.mid' //泰坦尼克主题曲的MID文件名
title[0] = 'X-档案主题曲' //Midi曲目
title[1] = '007主题曲1'
title[2] = '007主题曲2'
title [3] = '999朵玫瑰'
title[4] = '用心良苦'
title[5] = '泰坦尼克主题曲泰坦尼克主题曲等的 MID文件' </script>
注意事项:
泰坦尼克主题曲等的MID文件都要复制到网页文件*.htm的同一目录下。
泰坦尼克主题曲等的MID文件在哪可找到呢?在网站预览听到这些歌曲后,其实在你的硬盘中的Temporary Internet Files 目录已有泰坦尼克主题曲等的MID文件,只不过文件名有了一点小变化,如成了titanic[1].mid,按开始/查找/文件或文件夹,tit*.mid,即可找到,双击听一下看是不是,是则将文件名改为titanic.mid,并复制到网页*.htm的同一目录下。
2.自动弹出式窗口
一进入某个页面,立该会弹出一个窗口,用这个脚本就可以实现,而且窗口大小可以定制,里面的内容可以是你想说明的任何内容。作为欢迎窗口效果非常cool。
三、推(push)技术
让您的网页上的新闻自动更新。
使用方法同JavaScript,将动态脚本插入HTML中即可。
脚本下载推荐网站:https://www.wendangku.net/doc/2315406810.html,/
四.ASP中的ADO的技术
ASP是Active Server Pages的英文缩写,中文意思叫——动态服务器主页,ASP是微软公司1999年11月推出的Web应用程序开发技术。
ADO(ActiveX Data Objects) 是一个ASP内置的 ActiveX组件,用于数据库访问,可把它与ASP结合起来,建立提供数据库信息的网页内容,对数据库进行查询、插入、更新、删除等操作,可用来制作电子商务网站。
捷径:用Dreamweaver UltraDev制作基于NT服务器的带有数据库查询功能的网页,因为ADO的技术已内置于Dreamweaver UltraDev之中。
使用ADO技术要安装NT的IIS(Internet Information Server)因特网信息服务器,或者win98的PSW(Personal Web Server)个人主页服务器来提供Internet服务,(如WWW服务,FTP服务等 ),
并且,在Dreamweaver UltraDev中,尽管大部分脚本可自动生成,但操作的步骤较多,因此这里不再详述,感兴趣的读者可查看相关的介绍Dreamweaver UltraDev书籍。
后记
假如大家对动态网页的印象还仅仅是停留在纸面上,想得到一些感性认识的话,请下载 https://www.wendangku.net/doc/2315406810.html,的Anfy 1.4.5 中文版 - 包括 41 个特殊效果的applet。。
安装 an145chs.exe,里面包含有40种Java小应用程序和脚本。注意,每种程序几乎都有几种不同的变化,点按 Version即可看到。
为了让自己的主页尽快动起来,快去下载吧!
第五章动态网页的制作精练试题 第一节动态HTML 一、选择题: 1.(单选题)()是动态HTML的简称,它其实并不是一门新的语言,只是HTML、 CSS和客户端脚本的一种集成,即一个页面中包括HTML+CSS+JavaScript(或其它客户端脚本)。 A.HTML B.XML C.DHTML D.XHTML 答案:C 2.(单选题)在网页中的HTML代码嵌入JavaScript,应该使用的标记是()。 A.<script></script> B.<head></head> C.<body></body> D.<!--...//--> 答案:A 3.(单选题)如果想要在网页打开时弹出一个提示对话框,应该在
标签中的 ()事件加上JavaScript代码? A.onFocus B.onMouseOver C. onMouseOut D. onLoad 答案:D 4.(单选题)样式表(CSS)在网页制作中具有重要的作用,以下样式表内容定义文 字具有删除线,它将会影响网页中的()效果? A.所有文字 B.表格中的所有文字 C.段落中的所有文字 D.层中的所有文字 答案:C 5.(单选题)在网页中定义样式表,其内容一般位于()标签之间。 A. 和 B. 和C. 和 D.
网页设计与制作构思 姓名:刘海梅 学号:20080514106 专业:08级电子商务 首先是网页的整体布局:因为是网页的自我介绍,所以采用了最简单的格式来布局。网页的左边用的是文字的介绍,右边就是自己的图片,将文字和图片结合起来能更形象的展现自己。 其次,网页整体是体现一个人的风格和思想,展现一个人的想法。而我想要突出的是一种希望,一种追求,一种宁静的生活,在漫无边际的黑夜,有着几颗明亮的星星,天空显得很宁静,但是当黑夜过后,黎明回来到,也就是一种希望,所以我选择的是黑色的背景颜色,然后添加了满天星星的小程序。 然后是自我介绍,自我介绍采取的是渐进的方式,跟着读者的眼球一点一点的往下播放,这个也是我自己根据一些小程序改编的。在自我介绍小面有一首谜底,因为自己喜欢和别人交流,所以是谜底的最后一句话添加了邮件地址,访问者可以点击“想知道答案”然后发
送邮件给我和我交流。网页的开头我设定了时间日期,时间会根据系统自己来调节。右边是我自己的照片,照片我用photoshop进行了色彩的调整,使其和网页的背景相符合。照片上面是一句“梦想随心飞”的动态图案,这句话是体现我的思想,就是有梦想是很好,但是心要向着梦想的方向努力,才能实现自己的梦想。在照片的下面插入了一个表格,分成3行,分别讲了有关于爱情、星座、神话的一些小故事,这些我添加了想左滚动的代码,使文字有序的向左滚动,并调整了滚动的次数、滚动速度等等,加入这些小故事也体现了我的个人爱好,在平时的生活中自己喜欢收集一些小故事,所以拿出来和大家一起分享,也体现对美好事物的追求。自己的照片也是一个超链接,链接到我的另一个网页“梦幻世界”,讲的是一个很唯美的小故事。在主页网站的下面有几张图片,这是为了使网页看起来不那么沉闷,可以说是为了美化网页添加上去的。这几张图片都是我精心挑选的,其中有动态有静态的图片,动态图片“很不错哦,支持一下”是希望大家喜欢我的网页,同时也是对自己的鼓励,希望自己努力! 最后,在网页底部图片的上面添加了超链接“返回”,这是为了能很快的返回寝室的主页。我的个人介绍网页大体就是这样根据自己的思路而一步一步来展现的,其中的文字、图片都是经过自己的思考和挑选的,这样才能体现出我自己的想要表达的思想和自己喜欢的一些事物。
第一部分应知考试题库 2.1.2网页制作基础 1.填空题 (1)网页一般分为()网页和()网页。 (2)HTML是()的缩写,意思为()。(3)网页主要由()、()、()、超链接等基本元素构成。(4)常用的制作网页的专门工具有()和()。 (5)如果属性面板被隐藏了,可以通过执行()菜单下的“属性”命令来打开。2.选择题 (1)下面文件属于静态网页的是______。 (2)属于网页制作工具的是______。 A.photoshop B.flash C.dreamweaver D.cuteFTP (3)用于调整编辑窗口中被选中元素的属性的面板是_____ A.插入面板 B.属性面板 C.设计面板 D.文件面板 (4)在网页中经常用的两种图像格式是_______。 A.bmp和jpg B.gif和bmp C.png和bmp D.gif和jpg (5)下列说法正确的是_____。 A.动态网页使用应用程序解释器但不使用后台数据库 B.动态网页不使用应用程序解释器但使用后台数据库 C.动态网页不使用应用程序解释器也不使用后台数据库 D.动态网页使用应用程序解释器也使用后台数据库 2.1.3网站的创建与管理 1.选择题 (1)如果正在编辑的文件没有存盘,系统在文件名上加上____符号提示用户。 A.! B. C.# D.* (2)在“资源面板”中没有列出的资源是______。 A.文本 B.图像 C.颜色 D.脚本 (3)保存网页文档的快捷键是__________。 A.Ctrl+A B.Ctrl+S C.Ctrl+W D.Ctrl+N (4)下列哪一种视图不属于“文件面板”中视图列表中的视图类型 A.本地视图 B.地图视图 C.远程视图 D.大纲视图 (5)定义站点时,存放网页的默认文件夹为__________。 A.C盘根目录 B.D盘根目录 C.我的文档 D.没有默认文件夹,必须由用户指定 2.1.4页面的整体控制 1.选择题 (1)打开页面属性对话框,使用_______功能键。 A.Ctrl+K B.Ctrl+J C.Ctrl+M D. Ctrl + F (2)下面的颜色中,____表示黄色。 A.#FFFF00 B.#FFOOFF C.#00FFFF D.#00FF00 (3)当网页既设置了背景图像又设置了背景色,那么_____。 A.以背景图像为主 B.以背景色为主
《网页设计与制作》课程标准前言: 《网页设计与制作》是理实一体化课程,是计算机专业(软件与信息服务、数字媒体、计算机应用专业)的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程,在整个课程体系中具有重要的作用, 一、课程的说明: 通过本课程的学习,使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言,掌握运用Dreamweaver(以下简称DW)网页制作软件制作网页的方法,通过运用Photoshop图像处理软件和Flash动画制作软件,三个软件互相配合,完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力,培养自主学习能力和探索创新能力。 二、课程内容与基本要求: 该课程涉及的知识是网页设计人员必备的基本技能,职业活动与课程内容的对应关系如下:
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法
(13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目,掌握网页设计的基本工作流程。 (2) 通过完成相关的项目,掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目,掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目,掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力,形成良好的思考问题、分析问题和解决问题的能力,养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规,形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识(4学时) 教学目标: 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容: 网页制作基础知识 网页的基本构成元素 网页制作常用软件和技术 第二章 Dreamweaver CS6轻松入门(2学时)
动态网页制作作业 姓名:常小梅
动态网页制作作业 一、选择题(每小题2分,共40分) 1.请判断下列语句执行完毕后,a、b、c的值(B) <% a="1" + 1 b="1" + "1" c="1" & "1" %> (A) "11","11","11" (B) 2,"11","11" (C) "11",2,"11" (D) "11","11",2 2.执行完语句a="2",a的类型为(B) (A) 数值型(B) 字符串型(C) 布尔型(D) 日期型 3.执行完如下语句后,a的值为:(D) <% Dim a a=3 a=a+1 %> (A) 0 (B) 1 (C) 3 (D) 4 4.执行完如下语句后,Sum的值为:(C) <% Dim a(5),Sum Sum=0 For I=0 To 5 a(I)=I Sum=Sum+a(I) Next %> (A) 0 (B) 5 (C) 15 (D) 20 5.执行完a=5 Mod 3 语句后,a的值为:(B) (A) 0 (B) 2 (C) 3 (D) 5 6.执行完a=5>3 And "a"<"c" 语句后,a的值为:(A) (A) True (B) False (C) 1 (D) 0 7.下面a=Trim(" vbscript") & Rtrim(" good") 语句后,a的值:(B) (A) " vbscript good" (B) "vbscript good"
(C) " vbscriptgood" (D) "vbscriptgood" 8.下面哪个函数可以返回当前的日期和时间:(A) (A) Now (B) Date (C) Time (D) DateTime 9.对于利用Dim a(4,5) 语句定义的二维数组,Ubound(a,1)将返回(B) (A) 0 (B) 4 (C) 5 (D) 6 10.对于Request对象,如果省略获取方法,如Request(“user_name”),将按什么顺序依次检查是否有信息传入:(B) (A)Form、QueryString、Cookies、Server V ariables、ClientCertificate (B)QueryString、Form、Cookies、Server V ariables、ClientCertificate (C)Cookies、QueryString、Form、Server V ariables、ClientCertificate (D)Form、QueryString、Cookies、Server V ariables、ClientCertificate 11.下面哪条语句可以返回访问者的IP地址(A) (A) Request.ServerV ariables("REMOTE_ADDR") (B) Request.ServerV ariables("REMOTE_IP") (C) Request.ClientCertificate("REMOTE_ADDR ") (D) Request.ClientCertificate ("REMOTE_IP ") 12.执行完如下语句后,页面上显示的内容为:(A) <% Response.Write "A" Response.End Response.Write "B" %> C (A) A(B) AB (C) AC (D) ABC 13.请问下面程序段执行完毕,页面上显示内容是什么:(C) <% Response.Write “新浪” %> (A) 新浪(B) 新浪 (C) 新浪(超链接)(D) 该句有错,无法正常输出 14.Session对象的默认有效期为多少分钟?(C) (A) 10 (B) 15 (C) 20 (D) 应用程序从启动到结束 15.请问下面程序段执行完毕,页面上显示内容是什么:(B) <% Response.Write Server.HTMLEncode(“新浪”)
动态网站完整制作流程 操作步骤 1.创建一个简单的https://www.wendangku.net/doc/2315406810.html,动态网站 1)创建解决方案 启动Visual Studio 2005,选择创建“网站”选项,在随后弹出的【新建网站】对话框中【模板列表框内】选择【https://www.wendangku.net/doc/2315406810.html,网站】选项,编程语言采用Visual C#,以文件系统方式保存在本机的“D:\website\aspnet”目录下,然后单击【确定】按钮开始建立网站。 2)界面设计 (1)单击【设计】按钮切换到设计视图。 (2)从左侧的工具箱中拖动标签控件(或双击标签控件)到中心工作区。 (3)从工具箱中拖动文本框控件(或双击文本框控件)到中心工作区。 (4)从工具箱中拖动按钮控件(或双击按钮控件)到中心工作区。 3)控件属性的设置 (1)单击选定中心工作区中的标签控件,在右下角的【属性】窗口找到ID属性,内容Label1修改为labMessage,找到Text属性,将内容Label清除。 (2)单击选定中心工作区中的文本框控件,将【属性】窗口中的ID属性内容TextBox1修改为txtName。 (3)单击选定中心工作区中的按钮控件,将【属性】窗口中的ID属性Button1修为btnTest,将Text属性内容Button修改为“测试”。 4)编写代码 (1)双击【测试】按钮,进入代码页“Default.aspx.cs”,在“protected voidbtnTest_Click(object sender,EventArgs e)”下面的一对花括号{}之间填入如下代码。 labMessage.Text=txtName.Text+"你好,欢迎光临!"; (2)单击工具栏中的【运行】按钮在本机启动应用程序。浏览器显示Default.aspx网页。为了测试程序,可在文本框内输入姓名“张小强”,单击【测试】按钮,即出现欢迎信息。最后关闭网页。 2.用Visual Studio 2005预编辑网站 (1)在【解决方案资源管理器】窗口右击项目目录“D:\website\aspnet\”节点,选择【发布网站】命令。 (2)在【发布网站】对话框的【目标位置】文本框中输入保存的目录,如“D:\website\upload\”,
长春理工大学光电信息学院 《JSP动态网页制作》实验指导书 孙颖馨编写 信息工程分院计算机实验中心
目录 实验一.................................................................... .. (3) 实验二 (4) 实验三 (5) 实验四 (6) 实验五 (7) 实验六 (8) 实验七 (9) 实验八 (11) 实验九 (13) 实验十 (14) 实验十一 (16) 实验十二 (17) 实验十三 (18)
1.实验目的 了解和掌握安装和配置JSP的运行环境和开发环境所需的部分软件的方法。 2.实验内容 掌握安装JDK、安装和配置Tomcat以及安装和配置Eclipse 开发工具。 3.实验步骤 下面以安装Eclipse 为例,进行练习。 (1)从Eclipse 官方网站(https://www.wendangku.net/doc/2315406810.html, )中搜索Eclipse SDK3.1。 (2)在相应的网页上单击下载,将Eclipse-SDK-3.1-win32.zip下载到安装目录,如E:\。 (3)打开【我的电脑】,找到E驱动器下的Eclipse-SDK- 3.1-win32.zip文件。 (4)右键单击Eclipse-SDK-3.1-win32.zip文件,(假设已经安装WinRAR 中文版)在弹出的快捷菜单中选择【解压到当前文件夹】命令。 (5)打开解压缩后的Eclipse文件夹,双击Eclipse.exe文件启动Eclipse。 (6)在【Workspace Launcher】对话框中指定工作空间位置,单击【OK】按钮即可运行Eclipse。
[章节名称]:网页设计入门基础 [课堂类型]:理论■实训□练习■测试□ [学时安排]:2课时 [目的要求] 1.了解网络的基本知识,网页设计的基础知识,网页的分类,动态网页的原理及 技术 2.了解网页的基本构成及最简单的html代码 3.了解网页设计的流程 [重点] 了解网页设计的流程,掌握最基本的网页的构成及最简单的网页html代码 [难点] 掌握最基本的网页的构成及最简单的网页html代码 [教法学法] 1.采用教授法进行教学讲解,结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排,教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》(第二版)刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一:结合PPT课件的内容,讲解网络和网页的基本知识。了解网页的分类,网页运行的原理,介绍网页设计的工具,动态网页的技术。 环节二:介绍网页的构成,并对一个网站进行实例分析说明。编写最简单的html 代码。 环节三:了解网页设计的流程 主要有以下几个步骤: 一. 网站规划 二. 素材资源收集
三. 选择开发工具 四. 站点建立与规划 五. 分模块进行网页设计 六. 网页源代码测试与特效添加 七. 申请域名与空间 八. 网页源代码上传 九. 定期的维护 环节四:对本节课的内容进行复习,让学生练习html的代码。并进行疑难解答
[章节名称]:html基础与应用1 [课堂类型]:理论■实训□练习■测试□ [学时安排]:2课时 [目的要求] 了解html语言的基础知识,结构,掌握html语言设置网页的背景音乐,背景图片,字体的方法。 [重点] Html语言设置网页的背景音乐,图片,字体 [难点] Html语言设置网页的方法 [教法学法] 1.采用教授法进行教学讲解,结合疑难点师生互动交流方式进行。 2. 练习采用学生自主安排,教师给与个别辅导的方式进行。 [参考资料] 《Dreamweaver CS5网页设计与制作——DIV+CSS版》吴丰,丁欣主编 清华大学出版社 《动态网页制作教程》(第二版)刘梅彦徐英慧编著清华大学出版社 [教学过程] 环节一:复习网页设计的基础知识,介绍如何利用Dreamweaver开发工具,记事本编辑网页的源程序,介绍网页站点的创建及注意事项。 环节二:讲解html语言的结构,特点,设置网页页面的背景音乐,图片,字体1. 设置背景颜色
2. 背景图片 3. 背景音乐 背景音乐和上边介绍的两个有很大的不同,它的代码是放在页面的头部实训13 FrontPage网页制作 1.实训目的 掌握FrontPage网页制作的基本方法。 掌握设置网页超链接、滚动字幕、悬停按钮等操作方法。 掌握网页浏览的方法。 2.实训内容 FrontPage的启动与关闭。 制作简单的网页。 对制作的网页进行编辑和修饰,效果如图11-34所示。 图11-34 效果图 3。实训步骤 (1)创建网页 启动FrontPage应用程序,单击“文件”下拉菜单中“新建”命令,弹出“新建”任务窗格,选择“新建网站”选项区的“由一个网页组成的网站…”,弹出“网站模板”对话框,选择“常规”选项卡中的“只有一个网页的网站”模板,如图11-35所示。 单击“确定”。
图11-35 “网站模板”对话框 (2)保存网页 单击“文件”菜单中的“另存为”命令,打开“另存为”对话框。 选择保存位置“我的文档\我的个人网站”,在“文件名”文本框中,输入“index”,在“保存类型”下拉列表框中,选择“网页”选项。单击“更改标题”按钮,将网页标题改为“我的个人主页”,单击“保存”按钮。 (3)插入滚动字幕 将光标定位于网页第一行位置。 单击“插入”菜单下的“Web组件”命令,弹出“插入Web组件”对话框,选择“动态效果”中的“字幕”,单击完成。 弹出“字幕属性”对话框,在“文本”框中输入“欢迎光临我的个人网站”,单击“样式”按钮,弹出“修改样式”对话框,再单击“格式”按钮,选择“字体”选项。 弹出“字体”对话框,设置字体为隶书、加粗、36pt、紫红色,然后按“确定”返回。 单击“预览”视图,可观看字幕效果。 (4)插入水平线 回到“设计”视图后,换行将鼠标指针置于第二行位置。 单击“插入”菜单下的“水平线”命令。 双击水平线,打开“水平线属性”对话框。 设置宽度为100%,高度为5像素,水平居中对齐方式,颜色为紫色。 (5)插入表格 将鼠标指针置于水平线的下一行,单击“表格”菜单中的“插入”“表格”命令,弹出“插入表格对话框。 在“大小”选项组中,设置表格的行数为4,列数为3。 在“布局”选项组中,设置表格的对齐方式为“居中”,边框粗细为1,单元格间距为1,指定宽度为650像素,指定高度为500像素。 单击“确定”按钮,一个表格便插入了网页中。 选中表格第一列,单击右键,弹出一快捷菜单,选择“合并单元格”命令。 在合并后的单元格中单击右键,再弹出的“快捷菜单”中选择“单元格属性”,在弹出的“单元格属性”对话框中作如下设置:对齐方式为居中,指定宽度为100像素,指定高度为550像素,行跨距为4,列跨距为1,背景颜色为粉色。
选修课《网页设计》实践考核题 题目:设计一个个人网站 一、要求: 1.使用Dreamweave网页工具制作一个个人网站; 2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计),网页之间用超链接相连。 3.网页中要有图片和文字内容,用表格或框架进行页面布局; 4.添加至少两种行为,并为首页添加背景音乐。 5. 在网站中设计一个表单页面。 6. 首页必须包含页面标题,动态按钮导航栏。 下面我们大家统一一下软件版本,我用的是网页三剑客cs3版本的,大家可以去迅雷下载,因为我们要用到flash 建议大家也按装好flash 首先新建一个文件夹,文件夹的名字不能为汉字,做网站所有的路径都必须用字母或者数字, 不能用汉字,我们就用名字吧,譬如说名字张三,那文件夹名字就是zs,如图
打开Dreamweaver软件,得到图 做网页要新建站点,关于站点配置服务器什么的,这里不讲了,只讲建立站点。选择站点——新建站点。 我们建的文件夹就是站点根文件夹。 新建站点后得到这样一个界面 点选高级,得到界面
站点名称与我们建文件夹得名字相同,zs填进去就可以了 本地根文件夹就是我们新建的那个文件夹, http地址为http://localhost/zs 接下来选择左侧栏里远程信息 点击无后面的那个三角,选择本地网络,远端文件夹同样选择我们新建的那个文件夹
接下来点选左面菜单里的测试服务器, 点选访问后面那个三角,选择本地网络,测试服务器文件夹也为我们建好的文件夹zs,在url前缀后面加上zs 然后点击确定就可以了得到这样一个界面。 下面看老师的第一条要求,是要至少四个网页,那我们就做四个 单击新建,然后单击 接下来,选择
动态网站设计与制作 随着网络日益深入社会生活,以电子商务网站作为对外的展示窗口,进行内外信息交流,已成为大众的迫切需要。网站信息管理系统是典型的信息管理系统(MIS),其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强、数据安全性好的数据库。而对于后者则要求应用程序功能完备,易使用等特点。使用MACROMEDIA公司的Dreamweaver MX制作页面,用ASP语言做连接数据库的程序,使用Access制作系统的数据库,做一个具有留言版、登入页面等信息网站。 【关键词】Dreamweaver 应用、信息管理系统、ASP(Active Sever Pages) 前言 近年来,网络技术得到迅速的发展,这就为信息资源的共享提供了技术上的可能.作为信息密集型的地理信息系统(GIS)上升到网络平台可谓适逢其时.但从目前的应用情况来看,除了国外极少的公司拥有网络版的GIS之外,在国内还处于试验研制的阶段.因此,尽快地研制出我国自主版权的网络GIS的原型和产品,并在技术手段上达到国际先进水平,是摆在我们面前的一项迫切的任务。 人类社会已开始进入信息社会,信息逐渐渗透到人们工作、生活、娱乐、商业、制造业、军事等各个领域,办公自动化、电子商务、网上购物、远程医疗、家庭上网、电子博物馆等概念逐渐变为现实,这一切都是依赖于计算机技术、通信技术、网络技术、信息技术的飞速发展,依赖于这些新技术在人们生活中的广泛应用。 1.系统开发所用工具的简介 1.1开发环境 Windows 98/2000/XP 操作系统的PC 1.2开发工具 DreamweaverMX、Frontpage2003以及图象处理工具Fireworks MX和Photoshop8.0。 Dreamweaver是当前最流行的网页设计软件,Dreamweaver不仅是一个专业的可视化网页创建编辑器,而且它还是一个出色的网站维护工具。用户可以通过
ASP动态网页制作基础教程 1、检索表单数据 <% @ language="vbscript"%>
end if if request.form("checkbox3")<>"" then response.write request.form1("checkbox") & " " end if %> 练习:自己设计表单及输出内容。 第四讲ADO的数据连接应用一、数据库存取数据的设计理念 二、创建数据库 以ACCESS为例: 三、创建ASP程序 (一)创建数据库连接 <% dim conn dim connstr on error resume next
《网页设计与制作》期末考试试题 一、单项选择题(本大题共30小题,每小题2分,共60分) 1、目前在Internet上应用最为广泛的服务是 ( )。 A、FTP服务 B、WWW服务 C、Telnet服务 D、Gopher服务 2、域名系统DNS的含义是 ( )。 A、Direct Network System B、Domain Name Service C、Dynamic Network System D、Distributed Network Service 3、主机域名center. nbu. edu. cn由四个子域组成,其中( )子域代表国别代码。 A、center B、nbu C、edu D、cn 4、当阅读来自港澳台地区站点的页面文档时,应使用的正确文本编码格式是( )。 A、GB码 B、Unicode码 C、 BIG5码 D、HZ码 5、当标记的TYPE属性值为( )时,代表一个可选多项的复选框。 A、TEXT B、PASSWORD C、RADIO D、CHECKBOX 6、为了标识一个HTML文件开始应该使用的HTML标记是 ( )。 A、