出国留学网web前端程序设计

出国留学网专题频道web前端程序设计栏目,提供与web前端程序设计相关的所有资讯,希望我们所做的能让您感到满意!

计算机二级考试-Web前端程序设计(dreamweaver常用快捷键)

 

想必要考试的考生, 对快捷键还是有敏感的,快捷键不仅使你考试能做题快一些,在平时设计网站时也是有很大的帮助的, 在这里预祝即将考试的考生考出优异的成绩。

计算机二级考试-Web前端程序设计(dreamweaver常用快捷键)

拖动并投放以从文档创建超链接 选取文本,图象或对象,然后Shift+拖动选择到[站点]窗口中的文件

  拖动并投放以使用[属性]检查器创建超链接 选取文本,图象或对象,然后拖动[属性]检查器的指向文件图表到[站点]窗口的文件

  在Dreamweaver打开链接文档  Ctrl+双击链接

  检查选定链接      Shift+F8

  检查整个站点中的链接  Ctrl+F8

  在浏览器中定位和预览

  在主浏览器中预览    F12

  在次要浏览器中预览   Ctrl+F12

  在浏览器中调试

  在主浏览器中调试    Alt+F12

  在次要浏览器中调试   Ctrl+Alt+F12

  站点管理和FTP

  创建新文件       Ctrl+Shift+N

  创建新文件夹      Ctrl+Shift+Alt+N

  打开选定        Ctrl+Shift+Alt+O

  从远程FTP站点下载选定文件或文件夹  Ctrl+Shift+D或将文件从[站点]窗口的[远程]栏拖动到[本地]栏

  将选定文件或文件夹上载到远程FTP站点  Ctrl+Shift+U或将文件从[站点]窗口的[本地]栏拖动到[远程]栏

  取出          Ctrl+Shift+Alt+D

  存回          Ctrl+Shift+Alt+U

  查看站点地图      Alt+F8

  刷新远端站点      Alt+F5

  推荐阅读:

  计算机二级C语言知识点(字符串)

  

计算机二级考试-Web前端程序设计(JavaBean)

 

  三层模式是体系结构模式,MVC是设计模式 ,考生们应该常见吧,小编为你整理了一些关于JavaBean的资料,供程序员参考,希望能对你有所帮助!

计算机二级考试-Web前端程序设计(JavaBean)

  JavaBean

  1.类必须是public

  2.有一个不带参数的构造方法

  3.属性必须私有化

  4.每个属性都有对应的set和get方法

  JSP开发模式:Model1与Model2的特点与区别

  1.传统的JspModel1模型

  Jsp是独立的,自主完成所有的任务.

  2.改进的JspModel1模型

  Jsp页面与JavaBeans共同协作完成任务

  Model1模式的实现比较简单,适用于快速开发小规模项目。但从工程化的角度看,它的局限性非常明显:JSP页面身兼View和Controller两种角色,将控制逻辑和表现逻辑混杂在一起,从而导致代码的重用性非常低,增加了应用的扩展性和维护的难度。

  早期有大量ASP和JSP技术开发出来的Web应用,这些Web应用都采用了Model1架构。

  二.JspModel2

  1.JspModel2中使用了三种技术JSP、Servlet和JavaBeans

  Jsp负责生成动态网页,只用做显示页面。

  Servlet负责流程控制,用来处理各种请求的分派。

  JavaBeans负责业务逻辑,对数据库的操作。

  2.使用JspModel2的交互过程:

  用户通过浏览器向Web应用中的Servlet发送请求,Servlet接受到请求后实例化JavaBeans对象,调用JavaBeans对象的方法,JavaBeans对象返回从数据库中读取的数据。Servlet选择合适JSP,并且把从数据库中读取的数据通过这个JSP进行显示,最后JSP页面把最终的结果返回给浏览器。

  Model2已经是MVC设计思想下的架构,由于引入了MVC模式,使Model2具有组件化的特点,更适用于大规模应用的开发,但也增加了应用开发的复杂程度。

  JspModel2优点

  I.消除了JspModel1的缺点:

  II.该模式适合多人合作开发大型的Web项目

  III.各司其职,互不干涉

  IV.有利于开发中的分工

  V.有利于组件的重用

  JspModel2缺点

  Web项目的开发难度加大,同时对开发人员的技术要求也提高了

  MVC开发模式的理解与运用

  三层架构与MVC的区别

  三层是基于业务逻辑来分的,而mvc是基于页面来分的

  三层架构是最基本的项目分层结果,而MVC则是三层架构的一个变体,MVC是一种好的开发模式。首先你要明白MVC分别代表的是什么意思.

  M即Model(模型层),主要负责出来业务逻辑以及数据库的交互

  V即View(视图层),主要用于显示数据和提交数据

  C即Controller(控制器),主要是用作捕获请求并控制请求...

计算机二级考试-Web前端程序设计(制作Flash相册)

 

  漂亮的Flash动画人人喜欢,不过制作起来的确有一些技术难度。你知道吗,Dreamweaver作为一个网页制作工具,还可以创建好玩的Flash相册。小编整理了一些Flash相册的资料,供程序员参考,希望能帮助到你!

 计算机二级考试-Web前端程序设计(制作Flash相册)

  漂亮的Flash动画人人喜欢,不过制作起来的确有一些技术难度。你知道吗,Dreamweaver作为一个网页制作工具,还可以创建好玩的Flash相册。

  插入Flash元素

  运行Dreamweaver,点击菜单“插入”→“媒体”→“图像查看器”,系统会自动弹出“保存Flash元素”对话框,键入保存的文件名,例如:“Photo.swf”,点击“保存”按钮完成。

  现在一个Flash元素就被插入网页中了,为满足实际需要,下面我们需要进行简单的参数设置。鼠标点击编辑窗口中的“Flash元素”,在属性面板中重新设置动画的宽、高值为实际所需。

  Flash元素参数设置

  下面我们还需要设置“Flash元素”的参数,为Flash相册指定调用的图片、设置相册外观。点击菜单“窗口”→“标签检查器”,现在我们可以Dreamweaver右栏中看到一个“Flash元素”面板。

  这里可供选择的参数很多,下面我们主要讲几个基本的设置值。

  imageURLs,该值用于设置调用的图片位置,我们一般将调用的图片放在同保存的“Photo.swf”文件同一文件夹为佳。鼠标点击imageURLs项目的值,系统自动在参数右侧增加“编辑数组值”按钮,。

  进入“编辑”imageURLs“数组对话框”,系统默认内置了三组数值,我们可以点击“+”号增加新的数值,每一组的数值同需要调用的图片文件名一一对应即可。

  其它“Flash元素”的参数设置方法基本同上,下面我们列一下几个重要的参数:

  imageLinks,设置点击每张图片后访问的网址。

  showControls,定义是否显示Flash相册的播放控制按钮。

  slideAutoPlay,定义Flash相册是否自动播放。

  transitionsType:定义Flash相册过渡效果的类型,默认为随机效果:Random.

  title、titleColor、titleFont、titleSize:添加自定义的相册标题、颜色、字体、大小等值。

  frameShow、frameThickness、frameColor:用于定义Flash相册是否有边框及边框宽度、颜色值。

  注:Dreamweaver会在保存相册的文件夹中自动生成一个Scripts文件夹,上传网页时要记住一起上传。

  推荐阅读:

  

计算机二级考试-Web前端程序设计(制作滚动字幕)

 

滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。小编整理了一些滚动字幕的资料,供程序员参考,希望能帮助到你!

  计算机二级考试-Web前端程序设计(制作滚动字幕)

  滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。

  滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面,请看下面例的详细说明)Dreamweaver也只能用编写HTML代码的方法。所以强烈建议用记事本打开网页源代码来编辑。

  1.建立第一个滚动字幕。代码:

  以下是引用片段:

  滚动字幕

  2.各参数详解:

  a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。

  b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。

  c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。

  d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。

  e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

  3.实例:

  a)如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上

  以下是引用片段:

  软件下载

  点击软件下载就可以进入了: 软件下载

  b)如何制作当鼠标停留在文字上,文字停止滚动?

  代码如:

  以下是引用片段:

  文字内容

  c)交替效果。代码如:

  以下是引用片段:

  文字内容

  d)多行文本向上滚动。代码如:

  以下是引用片段:

  ·早晨好啊!

  ·空气好清新啊

  ·今朝食乜好呢?

  ·中央电视台

  ·注意:如果你的网页经过了FrontPage编辑,保存之后,只能滚动一行,这时候你发现你原来的代码顺序已经变了,My god!解决的办法是,找出原来的代码,把它嵌入到JavaScript的document.write中即可,上述代码写为:

  以下是引用片段:

  ·早晨好啊!

  ·空气好清新啊

  ·中央电视台

  由上可以看出,HTML代码是可以随意组合的,功能强大!