网页设计问题与答案

网页设计问题与答案

在使用Dreamweaver制作网页时往往需要改变表格的高度,然而有时拖动表格的边框,无论怎样拖动,等到放下鼠标,表格却又恢复到原来的样子。下面介绍网页设计问题与答案,希望对您有所帮助。

网页设计问题与答案

1. 如何巧妙隐藏标签?

如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于选择不可见元素。但如果不想显示时,也可以隐藏标签,方法是按【Ctrl+U】键打开【首选参数】对话框,在【分类】中选中【不可见元素】,在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉,以后它就不会再出现了。

2. 字体【格式】与【大小】有什么区别?

在【文本】属性面板中,【格式】与【大小】都可以设置字体大小,但二者有一定的区别,选择【格式】,字体改变大小的同时变为粗体;如果只想改变文字大小,而不想让字体变为粗体,可以用【大小】属性。此外,【大小】只对选中文本起作用,而【格式】对整段文字起作用。

3. 为什么改变不了表格的高度呢?

在使用Dreamweaver制作网页时往往需要改变表格的高度,然而有时拖动表格的边框,无论怎样拖动,等到放下鼠标,表格却又恢复到原来的样子。出现这种情况的原因在于已经为表格提供了一个固定的高度,当要改变表格的高度,尤其是压缩表格的时候,表格的高度仍然保持原来的设定值,其直接表现就是无论怎样拖动表格的边框,表格的高度都不会变化。在这种情况下,只需要清除表格的高度,然后拖动表格的边框即可。

那么应该如何去除表格的高度设置呢?首先需要选定表格。选定了表格以后,在【表格】属性面板中单击【清除行高】图标,表格的高度设定值就被取消了。这时表格的高度会按照表格的内容自动匹配高度。当然,清除表格高度的方法不止上述一种方法,也可以选中表格,在表格的属性框中直接删除表格的高度值。同样,该方法也适用于改变表格宽度的情况,不过,当选定了表格以后,删除的不是行的高度,而是列的宽度。这样,就可以轻松进行调整表格的高度与宽度了。

由此可以看出,清除行高与列宽的主要作用是创建规则的表格。可以用清除行高与列宽命令,将表格缩到最小,然后再通过属性面板上的【高】选项,重新设置表格的高度,这时一个规则、均匀的表格就出现了。

4. 怎样为图像添加指定颜色的边框?

在Dreamweaver的【图像】属性面板中,有一个【边框】属性,可以直接设置边框的宽度。宽度设好了,可是没有颜色,那么如何才能为图像的边框加上不同的颜色呢?可以利用CSS样式表来实现。在【图像】属性面板中一个【类】选项,通过【类】列表框选择【管理样式】,创建一种新的样式,打开【CSS样式定义】窗口,选择【边框】项,为边框设置所需要的颜色。只要把这种样式应用到有边框的图像即可。

5. 巧妙设置分辨率

在制作网页时,有时会发现,制作好的网页在本地计算机上浏览时很正常,但在另外一台计算机上浏览时却发现网页的布局乱套了,这是因为各个计算机的分辨率不同所致。在Dreamweaver文档窗口中的右下角,显示当前文档的分辨率大小。单击当前分辨率数字,在弹出的菜单中可以为当前的页面指定显示分辨率,通过修改可以使网页更具灵活性。

6. 打开文件及插入网页图像的快速方法

在Dreamweaver里,进行网页编辑时,不必通过菜单栏里的【打开】命令来打开文件,一个更快的方法是利用【文件】面板,打开相关文件,直接用鼠标拖动文件到文档编辑窗口即可;同样,要在网页上插入图像等元素,也可直接通过【文件】面板将图像文件拖动到网页上。

7. 怎样仅仅复制文字而不想要其格式?

当从Dreamweaver中复制文字到另一个应用程序中时,HTML代码和文字一起被复制过去了。此时一般都用快捷键【Ctrl+C】来复制,如果在复制的时候多按一个【C】键则只复制选中的文字。从外部文档中粘贴时,如果只要文字而不想要其格式,可以选择菜单中的【编辑】|【粘贴文本】命令,不要直接用快捷键【Ctrl+V】。

8. Dreamweaver自动创建样式功能

文本属性面板可以设置当前所选文本的样式和格式。使用属性面板设置文本样式和格式时,Dreamweaver将跟踪为每个文本元素指定的格式属性,并使用命名约定为每个元素指定一个标签:Style1、Style2、Style3、……、Stylen。如果将同一格式属性指定给两个或更多文本元素,Dreamweaver将使用相同的标题标记这些元素,消除冗余的样式名称。

移动互联网页面设计存在哪些问题

一、移动互联网网页设计特点

移动互联网载体是手机,从界面角度来看,桌面网页设计的分辨率大都是1024以上,而手机的分辨率因型号不同各异,一般只有320,最多也就是800的分辨率,从物理角度来看,这基本上是移动互联网页的最高值。要在足够小的屏幕里让你看到想要的东西,是一件非常难的事。基于这个出发点,大部分移动互联网网页设计的比较简单和实用。移动互联网比起传统的网页具备较强的实时性。我们可以第一时间把身边发生的事情通过手机发布到互联网上,在此基础上推动了诸如手机人人网、手机微博等社区化移动互联网站的加速发展。

二、移动互联网网页设计中现存问题

1.移动互联网网页分辨率难以衡量目前市场是的手机型号各式各样,屏幕种类令郎满目,规格不等,分辨率从320—800像素都有,这些因素给移动互联网网页设计带来不同程度的难度,设计师很难针对一种或几种手机型号进行设计,只能通过对主流手机进行界面设计,这种设计完全依赖于UC浏览器来自动转换分辨率的设计导致了网页文字错位,页面杂乱,严重降低了用户满意度。

2.网页设计缺乏规划性由于目前移动互联网页面设计受到移动终端的条件限制,设计师设计出的页面往往过于简单,甚至出现文字堆积的状态,整个页面毫无设计感。于此同时,由于移动互联网处于刚起步阶段,很多设计师还不够成熟,设计出的页面缺乏色彩规划,要么颜色过于单调,要么花里胡哨。移动互联网站同时也有电脑桌面网站,由于受到手机条件限制,很多移动互联页面趋于简单,移动互联网站与桌面网站缺乏统一性。

3.网页载入速度慢受到移动互联网速度的影响,再加上很多网站并非是专门设计的WAP站点,在访问一个网站时,大量的图片和视觉效果加载缓慢,使用户丧失耐心,用户体验度大打折扣。

三、基于用户体验的移动互联网页设计原则

1.简洁、易操作、避免输入

鉴于手机屏幕狭小,要做好页面设计,简洁便成了必然的要求。简洁并不单指设计的不拥挤,同时还包括页面板式和图形图像的简练概括。就现行的手机屏幕而言,页面上一行的字数最多能容纳14个中文字符,所以,移动互联网页面的板式结构要相对简单,呈现形式最好单列布局。由于屏幕太小,不足以观察到页面中细微的设计,所以图像的设计要以简洁为主,要让用户对页面内容一目了然,而花里胡哨的设计只会干扰用户的视觉。良好的用户体验下的设计应当遵循少即是多的原则,简单的交互、清晰的提示和反馈,少而精确的用户请求,从简单、易操作中准确的满足用户需求。另外,还应尽可能的减少用户输入,避免给用户增加负担。

2.信息扁平化原则

所谓信息扁平化原则,就是指减少信息层次关系,用户用最少的页面跳转操作找到想要的东西。现在大多数移动互联网页面设计信息结构都以深度为主,整个信息结构的链接呈现树状结构,用户想找到自己想要的信息,要一层一层的点击链接,这样导致用户操作的复杂性,在每一次页面跳转是,都会损失掉用户的流量,严重影响到用户使用。在这种情况下信息的扁平化显得尤为重要。我们可以通过增加Tab将并列的信息显示在同一个界面内,以减少页面的跳转;增加流程的便捷通道,如图(1),在页面A中增加到达C的快捷方式,虽然在程序上讲C还是第4层,但对于用户而言C却变成了第3层,这样无疑就增强了用户体验度。3.增强交互性和通用性移动互联网页面设计要加强交互性的设计。使用手机浏览网页的过程实际上就是用户与页面进行交流的过程,因此良好的交互设计是提升用户体验的重要因素。另外,移动互联网页设计师应充分考虑各种型号手机屏幕大小,不能单单依靠UC浏览器来自动调整页面布局和大小,要增强页面设计的通用性。

4.重视色彩搭配,少用图

移动互联网页面色彩要和桌面网站色调统一、搭配协调。在此,我建议:(1)在同一个页面中,颜色种类不易过多。颜色太多会使用户觉得页面太杂乱,混淆视觉,用户难以分清主次关系;(2)颜色搭配分清主次,色调要统一;(3)尽量使用同色系颜色,同色系的颜色容易使页面色调统一,但需要注意的是,在一些小的元素上可以适当搭配小面积的其他颜色,避免呆板。另外,尽量减少用图,使用图片能美化页面,但同时也会使加载速度变慢,增加用户流量。结束语:移动互联网发展势头日渐凶猛,其页面设计也越来越重视用户体验和人性化,越来越多的设计师将设计重心转移到用户体验上,现实证明,基于用户体验的移动互联网页面设计可以更好的提高用户满意度,以用户为中心的页面设计正在为移动互联网开拓一个崭新的人机交流局面。

面对网页设计缺陷有什么处理方法

随着现代高速发展的网络技术和不断兴起的电子商务,针对计算机网络的攻击不断出现,设计人员在进行网页设计时必须充分考虑网络安全的问题。当一个网站建立之后,相应的配套程序有很多,由于网页设计的独特性,所以,程序的漏洞会不断的增加,这样就给网站带来了一定的安全隐患。

1网页设计安全漏洞

网页设计中常用的服务器端网页设计技术包括ASP、PHP或JSP等脚本语言,这些网页技术为网站的技术开发人员提供了便利。在网页的开发设计中,设计人员使用上面的脚本语言可以高效的管理现有的网站资源,加强了浏览者和网站的交互。在交互之间,漏洞就在慢慢的形成,这主要是因为浏览者在输入信息时的不可确定性,如果程序考虑的不周全,用户输入的信息就有可能成为对网页的攻击,无论这些信息是否是有意的还是无意的。网页的编程与服务器直接打交道,它和系统的相关设置、网站数据库设置等有关,若程序设计之中存在漏洞,那么也称之为网站漏洞。

网页设计问题与答案

2网页设计中存在的漏洞

2.1在登陆验证中存在的漏洞像人们常常使用的论坛、会员区、聊天室等带有交互性的网站,登陆验证是必须完成的部分,虽然登陆验证只是整个网站运行中的一小部分,但却是整个网站的安全之口。网络设计者在设计时很容易疏忽这个关口的设计,安全关口的验证程序如果没有设计好,就会让别人有空可钻,从而造成不必要的损失。很多网站在设计安全关口中都存在登陆验证的漏洞,设计人员在设计时编程的不严谨造成了这个漏洞。

2.2直接进入页面而绕过验证的漏洞在许多的敏感页面中,用户必须进行身份验证,但是这个页面无需对用户的身份验证,一旦用户在知道相关的网页设计页面的文件名和路径时,用户就会直接绕过登陆的界面,进入设计页面。在这样的状况下,网站的设计人员必须对相关的页面进行身份的验证,设计相应的身份验证程序,来达到网站页面的安全可靠程度。

2.3网站病毒的广泛传播计算机中存在的病毒是人们故意设计制造的计算机应用程序,它的特点就是感染性和自制性,在日益扩大的网络规模下,计算机的病毒的种类和数量也在不断的增加,这样也对计算机的的安全造成了很大的威胁。如果网站的终端服务器被计算机病毒传染,就会破坏网站信息的可靠安全性,甚至影响了整个网站的正常运行。

2.4一些网站的非受权在网站的建设中,程序设计人员往往会采用较为复杂的安全配置,这样就会在网络服务的应用中存在非常巨大的安全缺陷,因而给远程的黑客有了可乘之机,侵入到网络服务器的内部,给网站的安全带来了巨大的危害,网络系统中的应用软件的缺陷、密码过于简单等等的系统漏洞,都会让黑客非常容易的侵入。

3解决网站安全隐患的方法

3.1充分考虑网站登陆验证的安全性在相关的论坛和聊天室中,验证身份在登陆时是必要的一步。所以,网站设计人员可以使得程序在生成SQL查询语句之前,验证用户的用户名和密码,或者是设计人员要求用户在进入网页时先对其用户名进行查询再验证密码。而在进入比较敏感的页面时,设计人员可以设计相应的程序要求用户再一次进行身份的验证,这样就增加了网页的安全可靠性。

3.2充分考虑源代码的泄漏程序设计人员对网页的代码加密后可以有效的减少网站源代码泄漏的机会,设计人员可以利用组件技术将编程逻辑密封在ADLL中,或者是对ASP进行加密,这其中利用的是微软的ScriptEncoder,这个方法有操作性强、编辑性强等优点,这样就可以降低源代码泄漏的机率。

3.3充分考虑文件在上传时的安全性许多的网站具有文件上传、图片上传等多种功能,比如一些论坛、邮箱系统、校园网这些用户量很大的网站,但是这样的网站,程序设计人员在设计时没有对用户提交的数据和参数进行充分的过滤,导致了黑客能够对其进行远距离的攻击,从而造成了相关数据库的破坏。所以,设计人员在用户上传图片文件之前,可以插入文件类型模式的模块,对用户上传的文件格式进行筛选,这样就可以将一些可能带来病毒的文件筛选出去,提高了用户使用网页的安全性。

4结语

在不断加快的信息化时代,新世纪新时代的“金钥匙”逐步的被信息化的网络取代。当一个完整的网站建立并对外开放后,它的相应的应用程序有很多,网页设计中的交互程序的增多会带来不断增多我漏洞问题,从而给网站的安全造成不可估量的损失。通过本文中列出的相关的安全解决方法,在网站的建设中充分考虑网络的安全性,有效的降低了网络系统的安全漏洞,加强了网络的安全性。

在网页设计中如何运用模拟法

网页设计是现代网络载体下产生的新的设计方式。随着网页设计成为平面专业不可或缺的课程,关于网页设计的教学也变得日益重要。针对近年来网页设计教学中出现的问题——设计界面的固化思维、网页设计的非连贯性思考,通过不断地尝试,引进模拟法可使这些问题基本得到解决。笔者试就网页设计中模拟法的运用规律提出自己的一些观点。

一、研究背景

什么是模拟法?控制论认为,在分析研究某系统的结构时,应先建立模型(model),利用模型与原型之间存在着形状、特性等的相似性,通过对模型进行试验来研究原型,这就是模拟(simulation)。①根据控制论,模拟法应用比较早,但是它所涉及的领域主要在物理和数学领域,是指在探求物质的运动规律和自然奥秘或解决工程技术问题时,经常会碰到一些特殊的情况,如受到被研究对象过分庞大或微小,或者非常危险、变化非常缓慢等限制,以至于难以对研究对象进行直接测量时,可以依据相似理论,人为地制造一个类同于被研究对象的物理现象或过程的模型,通过对模型的测试代替对实际对象的测试来研究变化规律,这种方法称为物理或数学的模拟法;②另外,心理学上模拟法也在大量应用,心理学中的模拟法主要来源于控制论中所提到的功能模拟法,即利用模型与原型之间功能上的相似性,用模型来代替原型或模拟原型的工作过程。③最初使用心理模拟法的是前苏联心理学家兰达。他从1953年开始,从思维的构造观点出发,用模拟法探讨了思维活动的一般方式问题。网页设计中的模拟法应用主要是指功能上的模拟,通过模拟实际操作的方式让学生能够深入实际去体会细节的重要性,学会把握创意实现和实际操作之间的平衡关系。

二、将模拟法运用到网页设计教学中的依据

网页设计作为一种综合性的设计课程,所涉及的不仅仅是图形、声音和文字的关系,还涉及阅读方式、界面的局限性、人机的互动性以及信息的更新等多方面的问题。但是在网页设计教学中,学生有一个误区,大多将网页设计的外形美作为追求的目标,用自己喜欢的设计方式进行设计——在图形方面,比如用漫画的形式、另类的图片处理效果,或者利用普通图片的随意组合等来制造符合自己风格的网页界面;在声音方面,要么频繁地应用音乐歌曲元素,要么盲目地使用自己喜欢的歌曲;在互动设计方面较弱,即使有互动的设计也是千篇一律,只注重形式而忽略其实际应用……在这种情况下,利用实际课题以及案例模型来进行实际操作,针对每一个细节让学生了解网页设计的整个过程,了解网页设计的一般思维方式,学会针对不同的对象有的放矢地去设计。当然,在网页设计的教学中,仅仅用到模拟法是不够的,还需要和观察法、实验法、调查法、案例法等多种方法相结合,在具体的实践中融会贯通地去使用。

三、模拟法在网页设计教学中的具体运用模拟法在网页设计中的应用,根据其特点和主要功能并结合笔者教学中的实践,分为以下几类:

(一)对象模拟物理学上的对象模拟是用放大或缩小了的、相似的,而又能反映事物某方面规律的客观实体来代替研究对象的方法。④网页设计中的模拟法教学和物理学上的对象模拟有异曲同工之妙,主要是通过对真实客户的要求虚拟题目进行设计,来研究网页设计的一般规律和网页制作的设计思维。网页设计有很多种分类的方式,最多的一种是根据其对象的性质来进行分类,可分为商业类网站设计、政府类网站设计、文化类网站设计以及个人的网站设计,⑤学生比较倾向于个人的网站设计,这样可以自由地发挥和展示自我,虽然个人网站可以让大家发挥出最佳的设计状态,但是实践证明,个人网站在网站的宏观性方面、网站的实用性方面以及人机互动性方面缺乏深度和广度。通过对实际网站的网页设计进行分析和模拟,对网站的主旨进行思考,对其布局和艺术形式进行研究,对设计的细节进行探索,然后确定一个同样主题的题目,设定其不同于案例的主旨,严格按照客户的要求,制作一个不同风格的新网页设计作品。在这里,客户的要求非常重要,给出一个限定的标准,模拟一个挑剔的客户可以帮助学生更加深入地了解网页设计中设计对象、客户以及网页设计主旨的关系,让学生学会权衡二者孰轻孰重,根据设定的目标来进行整体的策划和布局。

(二)过程模拟把具体的过程纯粹化、阶段化,并根据其本质特征而设计的一种模拟叫过程模拟。其特点是过程简化,易于控制,学生能够清楚地把握设计过程中的阶段性任务,了解整个网页设计的基本规律。网页设计中的对象模拟和过程模拟是不可分割的,前者是针对具体的实际对象来进行操作,是让学生学会如何带着枷锁跳舞,在客户详细的要求下如何放飞自己的想象,让设计达到双赢;后者是对每个阶段进行模拟,这个模拟的阶段也是和客户的要求挂钩的。

比如在设计的初期阶段要结合调查法来了解客户网站的主要目的,根据客户的基本情况确定网站在最近阶段要达到的目标,围绕这个目标进行资料的收集和分析整理,通过提炼得到设计的主旨,也就是设计的中心思想,这个中心思想将决定设计风格和设计布局等。通过模拟法的应用,一方面可以让大家了解优秀的网站成功的原因在于其设计定位的准确,在这个设计的背后有一个强大的理念在支撑,比如耐克公司的网站围绕着其文化理念“JUSTDOIT”,利用明星效应来推广体育文化,推广运动带给人的快乐感、成就感,所以它的网站设计不是产品罗列,而是营造一种明星的阵势,一种运动的氛围,让大家有一种去了解每一个明星脚下的每一双鞋的辉煌的冲动,产生熟悉每一个成功故事的动力,很自然地就有了浏览的欲望。

我们在做类似产品的网页设计时就要首先确定好设计的中心,这个中心不是简单的推介,而是深入到产品的灵魂深处,看到产品的文化,看到产品背后的东西才能做设计风格等其他方面的规划,也只有这样才能和客户很好地沟通,做客户满意的网页设计,也做消费者满意的网页设计。另一方面可以让学生了解整个环环相扣的过程,分清每个环节中的每一项事务的轻重关系。比如在网页设计的主要过程中首先要通过调查法了解设计主旨,然后根据主旨确定要达到的目标,以及通过多少类、多少页的网页页面来实现,再确定网页的布局和整体风格,最后再考虑设计的细节,圆满地完成网页设计。这个过程是不能颠倒的,如果只是注重某一个环节,或者将顺序颠倒,那么网页设计就会丧失其连贯的美感,成为只有形式没有灵魂的页面堆砌了。

(三)相似模拟网页设计中的相似模拟在于协调主旨和元素之间的关系,帮助大家总结设计经验,为以后的设计埋下坚实的基础。不同于在科学研究和工程技术的许多领域中,人们利用模拟试验来代替对实际现象的研究,以便使我们在一定程度上预言某些在目前尚无法达到的条件下出现的情况。网页设计的相似模拟强调的是在预设的条件下设计元素的模拟,以便让大家了解网页设计中,围绕着设计中心如何使元素协调地为这个中心服务。

(四)相反模拟相反模拟是在对网页设计的整体分析的基础上,从对立的角度进行思考,然后设计出一个风格迥然的设计作品。这种模拟看起来似乎脱离了模拟的意义,但实际上是通过相反设计形式探索其他设计的可能性,仍然是功能模拟的表现。以具体的案例为主,游戏类的网站无一例外地以人物主人公的形象为主要表现元素,那么游戏的有趣性并不仅仅停留在人物的丰富性上,故事背景、故事文化等元素都是网页设计必须思考的问题,通过反方向的思维,设计的中心可能放在故事氛围的营造上。

四、将模拟法应用到网页设计中的意义

模拟法在网页设计中的运用从设计层面上而言,可以使学生了解整个设计的过程,熟悉设计阶段的任务和目标,积累网页设计的经验和教训;从实践意义上讲,模拟法带给学生的是一种新鲜的尝试,是一种实际的模拟,调动了学生的积极性,为以后网页设计的商业运作节省了时间。特别是结合了调查法、案例法和实验法,模拟法在网页设计的教学中取得一定的成果,及时解决了设计中的无计划性、无主题性、无连贯性等问题。结语网页设计教学中的模拟法应用只是教学方法的一个方面,在网页设计教学中我们还需要结合其他的教学方法来一起执行,充分调动学生的兴趣,大力挖掘学生的动手能力,使学生在网页设计的教学中真正学有所得、学有所成。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章