网页设计应该考虑的问题

 更新时间:2016年9月20日 19:02  点击:2188

    1、页面内容要新颖

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

    2、网页命名要简洁

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

    3、要及时更新网页

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

    4、注意视觉效果

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

    5、随时注意网站升级

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

    6 、善用表格来布局

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

    7 、 少用特殊字体

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




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

    1、用flash 做那种弹出的小窗口
    分两步:
    给flash中的按钮加入如下action:
    on (release) {
    getURL ("javascript:MM_openBrWindow('newweb.htm','','width=600,height=100')");
    }

    在HTML页面的...之间加入下面的javascript代码.

    2、如何使得flash一打开就是全屏?
    fscommand("fullscreen",true)
    如何不能使用右键?
    fscommand ("showmenu", "false");

    3、用命令载入一个动画,我需要确定载入动画在画面中的位置,用什么语言来设置?
    例如载入名为dd.swf的动画,我要确定这个动画的中心位置在(205,250),该怎么设置?
    在要加载动画的那钟加入
    loadMovie("dd.swf", "a");
    a._x=205;
    a._y=250;
    你得先做一个空的MC起名叫"a",导入时,在右下角也起名为a

    4、当鼠标经过时动画播放到某处
    on (rollover) {
    gotoAndPlay(10);
    }
    当鼠标按下时动画播放到某处
    on (release) {
    gotoAndPlay(1);
    }

    5、播完动画后自动跳到某网页
    getURL("siteindex.htm", _self);

    6、设为首页
    on (release) {
    getURL("javascript:void(document.links.style.behavior='url(#default#homepage)');void document.links.setHomePage    ('http:///')", "_self", "POST");
    }

    注意要将网页中的flash的ID号命名为"links"

    加入收藏夹
    on (release) {
    getURL("javascript:void window.external.AddFavorite('http://','网页教学网');", "_self", "POST");
    } 

    7、关于随机数的技巧
    用来产生6--20之间的5个不重复的随机数:
    1):首先产生一个随机数,放在数组对象中的第一个位置;
    2):产生一个新的随机数.

    <input type=button value=刷新 onclick="history.go(0)">

    <input type=button value=刷新 onclick="location.reload()">

    <input type=button value=刷新 onclick="location=location">

    <input type=button value=刷新 onclick="location.assign(location)">

    <input type=button value=刷新 onclick="document.execCommand('Refresh')">

    <input type=button value=刷新 onclick="window.navigate(location)">

    <input type=button value=刷新 onclick="location.replace(location)">

    <input type=button value=刷新 onclick="window.open('自身的文件','_self')">

    <input type=button value=刷新 onClick=document.all.WebBrowser.ExecWB(22,1)>



    在数据提取页面的第一行代码换成如下代码即可:
    <% @language=vbscript codepage=936%>
    1.若是html文件(.htm .html):
    在<head></head>中加上<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    2.若是PHP/cgi文件(.php .php3 .php4):
    在每个PHP文件第一行加上<?header("content-Type: text/html; charset=gb2312"; ?>


    3.若是asp文件(.asp .jsp):
    下面言归正传,说说asp源文件在国外服务器上中文问题的解决办法:

    1.首先,把您的asp源文件放在 IIS 里进行全面测试,调用每一项功能,确认它完全能够使用,并正确显示中文,并打开 *.mdb 数据库文件查看中文显示是否正常。全部通过后,做好备份文件,即可执行第二步。

    2.如果,您根本不懂 asp 的话,最简单的方法是:
打开 所有 *.asp 文件,并在第一行插入 <%@ codepage="936" %>,

    例外情况:
    ①,如果第一行是以 <%@ LANGUAGE="VBs cript" %> 开头,
    则把第一行改为:<%@ codepage="936" LANGUAGE="VBs cript" %>

    ②,如果第一行是以 <html> 或 <s cript LANGUAGE="javas cript">开头,则不加入。

    3.第二步完成后,再用 IIS 对每一项功能进行测试,如显示 conn.asp line 1, 即为错误信息,意思是: conn.asp 源文件第一行有错,那就把 <%@ codepage="936" %> 删除即可,一些例外错误,请到http://search.microsoft.com/default.asp ;;这里,输入“错误信息”查询即可,全部功能测试可行后,即可上传至国外服务器上,进行测试。

    4.方法还是:调用每一项功能,全部能正确使用并能显示中文后,再“下传”*.mdb 文件(非常重要),打开,确认能正确显示中文,大功告成。

    另外在外国服务器上用ACESS2000的中文显示方法不用转化数据库ACESS2000,只需在ASP第一行加入<%@ codepage=1256 %>

    怎么解决外国空间中文显示出问题的问题
    非程序生成的文字可以显示。但程序生成的文字就只有E文可以显示了。中文全是?号,这是数据库乱码引起的。

    方法一:
    使用 Microsoft Access 2000 打开数据库,选择工具菜单>数据库实用工具>转换数据库>到早期 Access 数据库版本。OK!

    方法二:

    后来订阅了微软的新闻组,在微软的新闻组dotnet.framework.aspplus.general中发现有讨论这
个问题的文章,方法为添加<%@ CODEPAGE = "936" %>到每一页的开头,有点类似于jsp中的
<%@ page contentType="text/html;charset=gb2312"%>
赶紧测试了一下,果然OK!!!

    例子如下面所示:
<%@ CODEPAGE = "936" %>
<%@ Import Namespace="System.Data" %>
<%@ Import Namespace="System.Data.ADO" %>
<%@ Import Namespace="System.G

[!--infotagslink--]

相关文章

  • photoshop设计一幅大鱼海棠动画片海报制作实例教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计一幅大鱼海棠动画片海报制作的实例教程,各位想知道具体制作步骤的使用者们,那么各位就快来看看...2016-09-14
  • ps怎么制作倒影 ps设计倒影的方法

    ps软件是一款非常不错的图片处理软件,有着非常不错的使用效果。这次文章要给大家介绍的是ps怎么制作倒影,一起来看看设计倒影的方法。 用ps怎么做倒影最终效果&#819...2017-07-06
  • PHP传值到不同页面的三种常见方式及php和html之间传值问题

    在项目开发中经常见到不同页面之间传值在web工作中,本篇文章给大家列出了三种常见的方式。接触PHP也有几个月了,本文总结一下这段日子中,在编程过程里常用的3种不同页面传值方法,希望可以给大家参考。有什么意见也希望大...2015-11-24
  • js修改input的type属性问题探讨

    js修改input的type属性有些限制。当input元素还未插入文档流之前,是可以修改它的值的,在ie和ff下都没问题。但如果input已经存在于页面,其type属性在ie下就成了只读属性了,不可以修改。...2013-10-19
  • Mysql常见问题集锦

    1,utf8_bin跟utf8_general_ci的区别 ci是 case insensitive, 即 "大小写不敏感", a 和 A 会在字符判断中会被当做一样的; bin 是二进制, a 和 A 会别区别对待. 例如你运行: SELECT * FROM table WHERE txt = 'a'...2013-10-04
  • C语言程序设计第五版谭浩强课后答案(第二章答案)

    这篇文章主要介绍了C语言程序设计第五版谭浩强课后答案(第二章答案),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2021-04-02
  • Photoshop设计商务名片的5种常见思路分享

    今天小编在这里就来给Photoshop的这一款软件的使用者们来说下计商务名片的5种常见思路,各位想知道的使用者,那么下面就快来跟着小编一起看一看吧。 给各位Photosho...2016-09-14
  • Mysql大小写敏感的问题

    一、1 CREATE TABLE NAME(name VARCHAR(10)); 对这个表,缺省情况下,下面两个查询的结果是一样的:复制代码 代码如下: SELECT * FROM TABLE NAME WHERE name='clip'; SELECT * FROM TABLE NAME WH...2015-03-15
  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面,国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08
  • linux mint 下mysql中文支持问题

    一.mysql默认不支持中文,它的server和db默认是latin1编码.所以我们要将其改变为utf-8编码,因为utf-8包含了地球上大部分语言的二进制编码 1.关闭mysql服务 sudo /etc/init.d/mysql stop 2.修改mysql配置文件 mysql配...2015-10-21
  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题,要把腾讯视频放到自己的网页有许多的办法,当然一般情况就是直接使用它们的网页代码了,如果你要下载资源再放到...2016-09-20
  • WPF实现类似360安全卫士界面的程序源码分享

    最近在网上看到了新版的360安全卫士,感觉界面还不错,于是用WPF制作了一个,时间有限,一些具体的控件没有制作,用图片代替了。感兴趣的朋友一起跟着小编学习WPF实现类似360安全卫士界面的程序源码分享...2020-06-25
  • photoshop安卓和苹果界面设计之尺寸规范详解

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说下安卓和苹果的界面设计之尺寸规范,各位想知道的使用者们,那么下面就快来跟着小编一起看看吧。 给...2016-09-14
  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29
  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了,那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢?下面我们就一起来看看吧. 单...2016-09-20
  • photoshop设计重影效果具体制作教程

    今天小编在这里就来给各位photoshop的这一款软件的使用者们来说一说设计重影效果具体的制作教程,各位想知道具体制作方法的软件使用者们,那么大家就来看下小编带来的教...2016-09-14
  • Illustrator结合photoshop设计可爱的卡通女厨师头像制作教程

    今天小编在这里就来给Illustrator的这一款软件的使用者们来说一说结合photoshop设计可爱的卡通女厨师头像的制作教程,各位想知道具体制作步骤的使用者们,那么下面就快来...2016-09-14
  • PS怎么设计T恤 PS制作T恤教程

    PS怎么设计T恤?很多人都想要在T恤上有自己喜欢的图案,那么自己设计T恤的图案是方法之一,本次为大家带来了详细的ps设计T恤教程,有兴趣的同学快来看看吧。 1、打开PS,新...2016-12-31
  • C#使用队列(Queue)解决简单的并发问题

    这篇文章主要介绍了使用队列(Queue)解决简单的并发问题,讲解的很细致,喜欢的朋友们可以了解一下...2020-06-25
  • photoshop设计一张节约用水环保主题海报制作教程

    今天小编在这里就来给photoshop的这一款软件的使用者们来详细的说说设计一张节约用水环保主题海报的制作教程,各位想知道具体制作方法的使用者们,那么下面就快来跟着小...2016-09-14