网页Web设计理念

　　在安排Web页面的布局时，最常用的方法之一是用HTML表格界定页面的结构。例如，假设Web页面由顶端的导航条和它下面的两栏（列）构成——左边的列是一个导航条，右边的列是实际安置内容的区域。对于这样一个页面，我们可以用一个两行、两列的大表格进行布局：在第一行中，合并两个列然后放上顶端导航表格；在第二个行中，左边的列放上一个显示导航按钮的表格，右边的列再用一个表格显示页面的实际内容。用这种表格嵌套表格的方法进行布局可以得到非常好的效果。

　　要制作出这种页面，我们可以使用如下HTML代码：

< TABLE BORDER="0" >
< TR >
  < TD COLSPAN="2" >< !-- 顶端导航条的内容 -- >< /TD >
< /TR >
< TR >
  < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边导航条的内容 -- >< /TD >
  < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 页面内容区域 -- >< /TD >
< /TR >
< /TABLE >

　　为了避免出现这种情况，我们应该把页面划分成多个较小且独立的表格区域。这样的话，每个表格的HTML代码下载之后浏览器就可以立即显示它。对于浏览者来说，页面将在屏幕上一部分、一部分地逐渐显示出来。而且更重要的是，这种页面在屏幕上开始显示的速度要比前面等待整个页面下载才显示的方法快得多。

　　对于前面介绍的例子，我们不是使用单个大表格进行页面布局，而是使用三个独立的表格：第一个表格显示页面顶端的导航条，使其具有足够的宽度显示页面内容并完整地给出其< TABLE >< /TABLE >标记对；在第一个表格的左下位置安排第二个表格，使这个表格向左对齐；最后一个表格位于第二个表格的右边，用于放置页面内容。由于现在每一部分都是一个独立的表格，浏览器只要下载了任一部分的代码就会立即显示它。因此，页面顶端和左面的导航条将比页面其余部分更快地显示出来。这就避免了让浏览者长时间地在空白页面前等待，而是给了他这样一种印象：页面已经开始下载，整个页面将立刻出现在屏幕上。

　　修改后的布局代码如下所示：

< TABLE BORDER="0" WIDTH="100%" >
< TR >
  < TD ALIGN="CENTER" VALIGN="TOP" >< !-- 顶端导航条的内容 -- >< /TD >
< /TR >
< /TABLE >
< TABLE BORDER="0" ALIGN="LEFT" >
< TR >
  < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 左边导航条的内容 -- >< /TD >
< /TR >
< /TABLE >
< TABLE BORDER="0" >
< TR >
  < TD ALIGN="LEFT" VALIGN="TOP" >< !-- 页面内容区域 -- >< /TD >
< /TR >
< /TABLE >

　　正如尽可能早地关闭TABLE标记使得浏览器能够快速地显示出表格中的数据，还有另外两个标记也同样可以用这种方法提高显示速度，这两个标记就是用于制作列表框的< OPTION >标记和用于制作无序列表的< LI >标记。

     从微软推出了ASP(ActiveServerPage)后，它以其强大的功能，简单易学的特点而受到广大WEB开发人员的喜欢。但是它却有微软产品的通病,只能在Windows平台下使用，虽然它可以通过增加控件而在LINUX下使用，但是其功能最强大的DCOM控件却不能使用。而SUN公司在JAVA的基础下开发出的JSP(Java ServerPages)实现了动态页面与静态页面的分离，脱离了硬件平台的束缚，以及编译后运行等方式大大提高了其执行效率而逐渐成为因特网上的主流开发工具。为了使用广大应用ASP的程序员们能近快的学会JSP。现把其异同对比如下：

一、结构
　　 JSP和ASP在结构上类似，都是以"<%"和"%>"作为标计符，不同的是在标计符之间的代码ASP为JavaScript或VBScript脚本，而JSP为JAVA代码。JSP将网页的表现形式和服务器端的代码逻辑分开。作为服务器进程的JSP页面，首先被转换成servlet（一种服务器端运行的java程序）。Servlet支持HTTP协议的请求和响应。当JSP被转换成纯JAVA代码。多个用户同时请求一个jsp页面时，应用实例化线程来响应请求。这些线程由WEB服务器进程来管理，和ASP的线程管理器功能类似。同CGI为每个请求创建一个进程的模式比较，这种方式效率高的多。

二、性能和平台无关性
　　 与C++、VB等语言比较，JAVA被看作是个效率不太高的语言，但它以牺牲效率换来了平台无关性使JAVA可以在大多数操作系统上运行而不需要重新编译--许多人愿意为此而付出代价。JAVA的编译代码是一种字节代码，在运行时由操作系统上的一个Java VirtualMachine(JVM)虚拟机解释。字节代码可以在所有平台上迁移，而不需要任何改动。交叉平台编程倾向于采用所有操作系统的"最小公分母"，尤其是使用图形化界面时(servlets不需要任何图形界面)。Servlets比传统的java程序（applets, javaapp）要快，因为它们在服务器端运行，不需要加载沉重的GUI（HTML的GUI是非常少的）。另外，servlets的字节代码只有在客户请求时才执行，所以尽管当首次调用servlets时会有几秒钟的加载时间，但后续的请求相应非常迅速，因为服务器已经缓存了运行的servlets。当前的jsp服务器，都带有java 即时编译器（JIT），因此，JSP的执行比每次都要解释执行的ASP代码要快，尤其是在代码中存在循环操作时，JSP的速度要快1到2个数量级.

三、Session管理
　　 为了跟踪用户的操作状态，ASP应用SESSION对象。JSP使用一个叫HttpSession的对象实现同样的功能。Session的信息保存在服务器端，Session的id保存在客户机的cookie中。如果客户机禁止cookie，Session Id就必须带在url后面。Session一般在服务器上设置了一个30分钟的过期时间，当客户停止活动后自动失效。Session 中保存和检索的信息不能是基本数据类型（primitivedatatypes）如(int, double)等，而必须是java的相应的object(对象)如(Integer,Double)。
HttpSessionsession=request.getSession();//得到一个session对象或创建一个
session.getId()//得到sessionID数
Integerid=(Integer)session.getValue("id")//检索出session的值并转化为整型 session.putValue("ItemValue",itemName);//ItemValue必须不是must简单类型

四、Application管理
　　 有时服务器需要管理面向整个应用的参数，使得每个客户都能获得同样的参数值。和Session一样，ASP使用Application对象而JSP使用ServletContext对象，操作的方法和Session一样。
getServletContext().setAttribute("Item",ItemValue);//设置一个应用变量
Integeri=(Integer)getServletContext().getAttribute("ItemName");//得到//item

五、ServerSideIncludes
　　 在服务器端引用上ASP和JSP有着相同之处。ASP和JSP都可以支持此功能的服务器(IIS,APACHE)上实现服务器端包含虚文件。但JSP是将动态页面的结果包含进来，而不是包含文件的代码本身。当你包含的文件在另一个服务器上时，不包含任何代码和对象是一个非常有效的功能。

ASP:<!--#includefile="subfile.asp"-->
JSP:<%@includefile="subfile.jsp"-->

    每一个网页制作的初学者，都想让自己的网页更漂亮，看起来更专业。要想制作 出声形兼俱的动态网页，您需要了解动态网页制作技术，它是建立在动态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，

    １、页面内容要新颖

    网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象,题材千篇一律，人人都是"软件下载",个个都有"网络导航"，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

    ２、网页命名要简洁

    由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于你以后方便管理网页，在向搜索引擎提交你的网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。

    ３、要及时更新网页

    网页制作好后，不能说万事大吉了，其实事后的工作量更大。因为网页制作是一时的，而维护更新的工作是每天都要做的。要及时把网页上已经作废的连接应该立即删除掉，比如用户无意中点击了页面中的一个连接，在苦苦的等待之后，换来的是无法访问的结果，那么他们会对你的网页大失所望，可能以后再也不会光顾你的网页了。若不能及时更新，也最好在主页上发布信息，告诉前来访问的朋友，因有特殊情况需要离开一段时间，未能及时更新主页，希望各位见谅，这样就能给人一种对别人负责的感觉，同时能得到网友的信任。

    ４、注意视觉效果

    设计Web页面时，一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一 些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率下都能正常显示的网页

    ５、随时注意网站升级

    时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。

    6 、善用表格来布局

    不要把一个网站的内容象作报告似的一二三四地罗列出来，要注意多用表格把网站内容的层次性和空间性突出显示出来，使人一眼就能看出你的网站重点突出，结构分明。

    7 、 少用特殊字体

    虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。