导航:首页 > 万维百科 > 网页设计需要解决的问题和目标

网页设计需要解决的问题和目标

发布时间:2020-10-22 20:48:00

1、网站信息架构的设计目标和要求是什么

一般网站的页面组成都有文字、图象、超链接、表格、表单、动画及框架等,下面来详细的介绍下这些组成元素。
一、框架
框架是网页的一种组织形式,将相互关联的多个网页的内容组织在一个浏览器窗口中显示。例如,我们可以在一个框架内放置导航栏,另一个框架中的内容可以随着单击导航栏中的链接而改变,这样我们只要制作一个导航栏的网页即可,而不必将导航栏的内容复制到各栏目的网页中去。
二、文本
文本是网页中的主要信息。在网页中可以通过字体、字号、颜色、底纹以及边框等来设置文本属性。这里指的文字是文本文字,而并非图片中的文字。
在网页制作中,文字可以方便地设置成各种字体和大小,但是这里还是建议,用于正文的文字不要太大,也不要使用太多的字体,中文文字使用宋体、9磅或者12、14像素左右即可。因为过大的字在显示器中显示时线条的显示不够平滑、颜色也不要使用得太过复杂,以免造成影响用户视觉。大段文本文字排列,建议参考一下优秀的报纸杂志等。
三、图片
今天看到的丰富多彩的网页,都是因为网页中有了图象,可见图象在网页中的重要性。用于网页上的图片一般为JPG和GIF格式的,即以.jpg和.gif为后缀的文件。
四、超链接
超链接是整个网站的通道,它是把网页指向另一个目的端的链接。例如指向另一个网页或相同网页上的不同位置。这个目的端通常是另一个网页,但也可以是图片、电子邮件地址、文件、程序,或者也可以是本阿谀的其他位置。超链接可以是文本或者图片。
超链接广泛的存在于网页的图片和文字中,提供与图片和文字相关内容的链接。在超链接上单击鼠标左键,即可链接到相应地址(URL)的网页。有链接的地方,鼠标指到光标会变成小手形状。可以说超链接正是Web的主要特色。
五、表格
表格是网页排版的灵魂。使用表格排版是网页的主要制作形式之一。通过表格可以精确的控制各网页元素在网页中的位置。表格并非指网页中直观意义的表格,范围要更广一些,它是HTML语言中一种元素。表格主要用于网页内容的排列,组织整个网页的外观,通过在表格中放置相应的内容,即可有效的组合成符合设计效果的页面。有了表格的存在,网页中的元素得以方便的固定在设计位置上。一般表格的边线不在网页中显示。
六、表单
表单是用来收集站点访问者信息的域集。站点访问者填写表单的方式是输入文本、单击单选按钮与复选框,以及从下拉菜单中选择选项。在添写好标单之后,站点访问者便送出输入的数据库,该觳觫句哭就会根据所设置的表单处理程序,以各种不同的方式进行处理。
七、动画
动画是网页上最活跃的元素,通常制作优秀、创意思、出众的动画是吸引浏览者的最有效的方法。但太多的动画让人眼花缭乱,无心细看。这就使得对动画制作的要求越来越高。通常的制作动画的软件有flash、web animator等。Macromedia的flash虽然出现的时间不长,但已经成为了最重要的Web动画形式之一。Flash不仅比htm易学得多,而且有很多重要的动画特征,如关键桢补间、运动路径、动画蒙版、形状变形和洋葱皮效果等。利用这个多才多艺的程序,不仅可以建立Flash电影,而且可以把动画输出为QuickTime文件,GIF文件或其他许多不同的文件格式(PICT、JPEG、PNG等)
八、其他
网页中除了这些基本元素外,还包括横幅广告、字幕、悬停按钮、日戳、计数器、音频及视频等。

2、C++和网页设计的选择(奋斗的目标)

1:建议你学习C++,不过c++的难度比网页设计要大些,当然也不全是,现在目前的状况,招软件工程师的比较多,网页设计的相对少点,工资也低点。
2:至于证书嘛:有初级程序员,软件设计师等,证书有总好过没有。
3:c++对英语还是有点要求,否则连c++基本语法的单词都不认识,那就比较麻烦了,对于数学的要求就高点,比如图像处理方面,就要比较扎实的数学基础,不过现在说这个还早了点。
4:最好是主学c++,同时也学习点网页设计方面的东西,网页设计基础部分是比较好入门的,也很简单。因为以后工作的时候不是只会一门东西就够的,会涉及到其他东西,等你工作后就会明白,多学一门,多一份保障!

3、网站建设的目的与规划

学生试验报告一

实验项目名称:网站开发计划
实验学时:1周
同组学生姓名:
实验地点:训301
上交日期:

一、实验目的和要求
掌握电子商务主要专业课程的同时,利用课程设计,让学生清晰认识网站设计的目的,并熟悉网站建设的各个环节进行规划,要求由学生各自组成小组,自行开发或拟开发个人网站。通过市场调查,了解市场需求和动态,自主选择网站的定位和主营方向。
二、实验内容
1、确定网站建设的目的与规划
2、设计一份市场调查问卷,围绕自行开发的网站的目标定位和业务方向。
3、将上述内容讨论成稿并写入实验步骤和结果
4、小组讨论结果,总结实验完成情况和不足之处。
三、实验步骤与结果
1、
(1)建设网站的目的
基本内容:根据行业的大环境、竞争对手网络营销表现、公司规模和现状,确定网站建设的目标。
(2)网站建设的规划
基本内容:根据上面分析竞争对手的优势和不足,结合行业环境,给网站一个准确的定位。
(3)网站的功能
基本内容:根据网站的目的和网站定位,确定网站功能以及内容。分析确定网站功能是否适应公司网络营销的需要。

2.网站建设核心思想:以客户为中心来策划、设计、运营和管理网站。网站的最总目的是通过网站获取订单,提升企业形象和建立企业网络品牌。鉴于拆装行业的特点和公司经营的核心业务需要,获取有价值的访问量比网站流量重要,网站建设的制作策划应该用户为中心,提高用户的体验,提高客户的转化率,将访问者转化为准客户,这才是公司建立网站的终极目的。网站流量是网站的基础,但不是公司建立网站的目的,因此做网站不仅仅是网站流量,更重要的是做提高用户转化率,而是努力将客户转化为公司客户。以这种指导思想下制作公司的网站,才会使网站具有营销功能,才会能给公司带来实实在在的客户,公司的网站才会有价值。网站流量再大,但不能有效将流量转化为公司的客户,那这样的网站是不存在有价值的,可能目前公司深有体会,通过百度的竞价排名把流量做上去,但流量转化为客户的转化率过低,并不能给公司带来足够的客户,感觉投进去的资金没有获得太大的效果。

以这种指导思想下,建立公司网站要达到的目的:

1、网站的设计策划要符合用户体验的要求,提高访问者的转化率。

2、是网站符合搜索引擎收录要求,使搜索引擎源源不断给公司网站带来流量。

3、网站品牌的建设,提升企业形象。

4、对网站进行优化,包括对用户的优化、搜索引擎的优化和网站管理的优化。

5、提升公司核心业务的竞争力。

要达到以上目的,要对公司的规模、资源、业务等全面分析,给网站一个合理的定位,制定网站建设方案,并按方案严格执行,要知道,有好的方案,不加以执行,方案也将产生不了价值。
四、讨论与小结
自行开发的网站的目标定位和业务方向,这个问题不是很明白.

4、网页设计中如何解决浏览器兼容问题

1. 目标不居中;一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况:a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个css样式margin:0 auto;b. 如果想要盒子内的元素居中,必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center;2. 目标在不同浏览器上的位置不同;a. 首先不要去急着找hack,先看一下自己的代码有没有错误,DW里有一个“检查浏览器兼容性”功能特别实用;b. 然后,尽量让目标的位置初始化,使之在所有浏览器都处在同一个位置,这个条件的前提是,不写hack,最后再一个方位一个方位调整。3. 目标与目标之间距离在各个浏览器上的区别;a. 给其中一个目标加背景颜色;b. 观察背景色与另外一个目标的距离,查看是不是这个目标造成的距离问题c. 如果不是上一个目标,那就给另外一个目标也加上背景颜色。d. 这样很容易判断出那个目标造成的原因,就针对那个目标进行修改。4. IE6兼容问题最多的一个,浮动问题。a. flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,解决方法:只需要给这个DIV加一个样式:display:inline;b. 布局的时候经常会遇到这种情况:发现有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现。解决的办法:清除浮动,在设置过浮动的那个DIV下面加一个DIV,给个样式clear:both;如下<div style="float:left;height:100px; width:500px;" <div style="clear:both;" <div style="height:100px; width=300px"5. IE8兼容问题ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" /6. 背景兼容问题有的时候明明给一个DIV加了背景颜色或背景图片,但是却显示不出来或者显示不全。解决办法:首先,有可能是DIV没有设置绝对高度。如果设置了宽度和高度还没有效果,那么给DIV一个样式display:block;(通常a:hover加背景的时候经常遇到)。另外,如果高度必须要设置成自动的话,那么就给DIV一个样式overflow:hidden;7. IE7和Firefox兼容问题很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好使,就是FF下有问题。解决方法:height:100px;/*FF下显示100的高*/ +height:120px;/*IE678下显示120高*/

5、网站设计的目的和意义

1 课题开发背:课题开发背景就是网站在市场中的需求,
2 课题目的:课题目的开发此网站的意义
3 课题意义:同上
二课题介绍及相关技术分析:
1总体设计思想:网站的整体框架
2网站开发工具分析:开发网站使用的技术,具体实现网站的功能步骤和难度分析.

6、网站规划应该注意那些问题呢?

一个出色的网站策划人员要做的工作不仅仅是一份策划方案书的撰写,而是涵盖了从对客户需求的了解到与美工人员技术开发人员的工作协调到网站发布宣传与推广等多项工作内容。具体包括前期对客户需求的了解、网站类型的确认、网站结构的规划、网站功能需求分析报告的撰写、网站平台硬件、软件的配置方案;中期网站风格的定位、网站美术的设计(与美工人员的沟通)、网站内容的编辑、网站功能模块的开发(与技术开发人员的沟通)、网站发布前的测试;后期网站售后服务、技术支持、网站宣传推广等!
往往一个网站项目策划的确立是建立在各种各样的需求上面的,这种需求几乎全部来自于客户的实际需求或者是出于公司自身发展的需要,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对网站开发拥有不同知识层面的客户,网站策划人员对用户需求的理解程度,在很大程度上决定了此类网站项目开发的好与坏。因此如何更好地的了解、分析、明确用户需求,并且能够准确、清晰以文档的形式表达给参与网站项目开发的每个成员,保证开发过程按照满足用户需求为目的正确按时进行网站项目开发,是每个网站策划人员需要面对的切实问题。

下面我们共同来探讨一下如何完成一个网站项目的整体策划工作。要完成一个网站项目的整体策划任务,我认为主要要具备以下三种基本职能:

一、对客户需求信息的认识与掌握:

一个网站建设的好与坏,与建站前对客户需求的认识与理解有着极为重要的关系。所以第一步我们所要做的工作就是对客户的需求加以消化并在满足客户需求的同时加以更合理的需求建议。

二、确认客户所建网站的类型:

在了解客户需求后分析后,我们要按客户的需求来确定网站的类型,通常分为以下几种类型:

1、企业信息型
2、企业办公型
3、企业商务型
4、企业信息+办公型
5、企业信息+商务型
6、综合型

三、网站整体策划书的撰写:

在明确建站需求和网站类型定位后,接下来我们就要收集相关的意见,按公司的实际情况与公司技术开发部门结合,如何根据需求出色的撰写出网站的策划书成为关键的一步。

《网站策划方案书》一般包含以下内容:

1、合作背景
2、客户需求分析
3、网站开发使用软件环境、硬件环境情况
4、网站美术设计说明
5、网站的交互性和用户友好界面设计
6、网站的栏目结构的划分
7、网站内容的相互链接关系
8、网站模块功能的设计
9、网站开发时间进度表
10、网站制作费用
11、网站售后服务
12、网站宣传推广方案
13.、公司简介、成功案例、技术说明等

在撰写《网站策划方案书》中最为关键与重要的是对网站栏目的划分以及模块功能的实现,要知道此部分内容策划的好与坏决定了后期网站项目开发的难度和效率。一个网站项目的建设涉及到技术人员、美工等人员,有了一个完善的方案书可以使以后的工作变得更轻松!所完成的网站效果更好,维护更简单。

下面我们就谈一下《网站策划方案书》中栏目与模块功能设计到的具体内容。

首先,我们要根据客户需求进行整理、归类,形成网站栏目的树状列表用以清淅表达站点结构,栏目的规划要求写得详细,具体为佳。然后我们以同样的方法,来进行二层栏目下的子栏目,对它进行归类,并逐一确定每个二级分栏目的主页面需要放哪些具体的东西,二级栏目下面的每个小栏目需要放哪些内容,让客户及网站开发人员能够很清楚的了解本栏目的每个细节和栏目模块功能。具体有以下几项:

第一,栏目概述,其中包括栏目定位,栏目目的,服务对像,子栏目设置,首页内容,分页内容!这一部分起到一个索引的作用,让用户看起来能对栏目有一个大概的整体把握和了解。

第二,栏目详情,栏目详情就是把每一个子栏目的具体情况描述一下,其中包括到各个子栏目的名称,栏目的目的。(要去把子栏目的目的写清楚,在实际开发过程中可与美工人员或技术人员详细沟通)

第三,相关栏目,这一项是用以说明本栏目和其它栏目之间的结合,沟通,之所以要有这一项是想通过各个栏目之间的联系,来加强网站的整体性。

四、实施网站开发中与相关开发人员的交流协调:在各个栏目模块功能确定的情况下,网站策划人员需要做的工作就是让页面设计人员(或美工人员)根据《网站建设方案书》中栏目的划分来设计网站的页面,在这里要注意,网站策划人员应该把需要特殊处理的地方和页面设计人员(或美工人员)讲明!在设计网站页面时页面设计人员(或美工人员)一定要根据方案书中把每个栏目的具体位置和网站的整体风格确定下来,为了让网站有整体感,应该在网页中放置一些贯穿性的元素,最终要拿出至少二种不风格的方案,每种方案应该考虑到客户企业的整体形象,与客户企业的精神(或VI)相结合。

网站页面设计完成下一步就是实现,由页面设计人员(或美工人员)负责实现网页,并制作成模版,交由技术开发人员进行模块功能的实现。

网站页面的设计和模块功能的开发应该是同时进行的,这如何统筹安排就是网站策划人员一个比较重要的工作任务。在上面所讲述的过程进行的同时,网站的技术开发人员应该正是处于开发程序的阶段,如果实现的这个过程中出现什么问题技术开发应和页面设计人员(或美工人员)及时结合,以免程序开发完成后发现问题要进行大规模的反工。

五、网站初步完成前的整合测试:接下来,当两边的工作都完成以后,就是整合。网站策划人员要统筹协调测试人员进行内部测试,测试完成,没有问题以后就可以交付客户啦!

六、网站项目开发完成后的宣传推广:有些客户要去在完成网站项目建设后进行一系列的宣传推广,这时网站策划人员可以根据自己能力(或与市场策划人员和组)制定一系列网站宣传推广工作并加以实施。

7、为达到网站内容优化的目标,设计网站时应该

对于我们的站点来说,我们需要面对一个现实的问题,那就是假如搜索引擎蜘蛛不中意于你的站点,我们投入再多的精力与时间都是竹篮打水。对此我们在开始进行一系列优化之前就需要对我们站点的整体结构有一个针对性的规划。

首先我们需要知道搜索引擎的运转模式。搜索引擎借助我们常说的搜索引擎蜘蛛在互联网中的链接中爬行抓取我们的站点,然后根据一定的算法与规则对我们的站点进行排名。当然不否认搜索引擎也会有人工干预的情况,尤其是国内的搜索引擎,我们对这一部分暂且不讨论。对于我们的站点来说让搜索引擎蜘蛛最大限度的造访我们的站点是我们优化排名的关键。我们可以看到现今很多站点因为结构模式与布局的混乱导致经常与蜘蛛失之交臂,失去大量的机遇。下面笔者就列举几个在网站构建中经常遇到的问题及解决建议,希望能够帮助大家避免一些与搜索引擎蜘蛛失之交臂的遗憾。

过分的在图片或脚本上显示内容

搜索引擎并不是能够很好的识别到所有的内容,在一些信息上,它还是很瞎的。比如一些站点上优秀的图片或者FLSH,蜘蛛并不能很少的识别。而作为很多站长为了让站点看起来更加的美观,就绞尽脑汁的做出大量的高质量图片、动画,而且将很多重要的内容都置于这些图片、Flsh或者脚本上。结果到头来竹篮打水,百忙一场。

对此笔者认为最简单的方式就是在保留美观的前提下,将站点的重要内容转换为蜘蛛能够识别的内容,同时我们可以借助一些站长工具模拟蜘蛛的爬行情况,观察有什么信息会被遗漏的。然后将这些信息引导给搜索引擎蜘蛛。

复杂的导航

数多站长在设计站点的时候因为没有构架好,很容易出现导航负责化的问题,导航一层嵌套着一层,搜索引擎蜘蛛需要翻越这一层又一层的导航来找到目标的内容页面。说句现实的话,这就是在考验搜索引擎蜘蛛的忍耐力,跟访客较劲,这种做法是以卵击石,后果将不是不言而喻的。

笔者认为我们的导航设计应遵循简洁易用的原则,确保我们的访客可以在三次点击之内进入想要的内容页面。

不连贯的连接操作

我们知道搜索引擎爬行是借助链接的,对此我们在建立连接的同时,我们也需要小心的考虑如何命名他们,搜索引擎蜘蛛是不可能像人类那样有判断的标准,其主要是以url地址为评判标准,假如站点出现2个不一样的连接代码但是指向同一个内容,这时候蜘蛛可能开始迷糊了,虽然我们明白其中的含义。但考虑到我们的站点“寄人篱下”的缘故,我们还必须让搜索引擎蜘蛛也清楚其中的含义。

对此我们必须有连贯的连接。如果你的站点有出现类似的状况,笔者建议你使用301跳转重新定义新的内容,让蜘蛛明白你的连接代码。

错误的站内地图

总所周知站点地图可以让搜索引擎蜘蛛可以更加有效能的爬行我们的站点,这个功能会让爬虫更有倾向性的浏览你的网站网页,而我们在制作地图文件的时候也需要更加的谨慎,给搜索引擎一个明确的指示,才能发挥其真正的效能。

假如你的站点使用的是一些常规的建站系统组件的话,你可以直接使用插件进行站点地图的生成,一般的建站系统都有相关的插件。如果不行,就建立一个HTML代码连接到其他的网页,然后通过站长工具提交给搜索引擎考察。

8、网页设计中如何解决浏览器兼容问题?

1. 目标不居中;
一般新手都爱出现这个问题,主要原因是对盒子模型不够理解,如果发现你的页面没有居中,基本上有两种情况:
a. 如果是在浏览器中没有居中,就是没盒子,就是要用一个大DIV把所有需要居中元素装起来,然后给盒子一个css样式margin:0 auto;
b. 如果想要盒子内的元素居中,必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center;

2. 目标在不同浏览器上的位置不同;
a. 首先不要去急着找hack,先看一下自己的代码有没有错误,DW里有一个“检查浏览器兼容性”功能特别实用;
b. 然后,尽量让目标的位置初始化,使之在所有浏览器都处在同一个位置,这个条件的前提是,不写hack,最后再一个方位一个方位调整。

3. 目标与目标之间距离在各个浏览器上的区别;
a. 给其中一个目标加背景颜色;
b. 观察背景色与另外一个目标的距离,查看是不是这个目标造成的距离问题
c. 如果不是上一个目标,那就给另外一个目标也加上背景颜色。
d. 这样很容易判断出那个目标造成的原因,就针对那个目标进行修改。

4. IE6兼容问题最多的一个,浮动问题。
a. flaot浮动造成IE6下面双倍边距问题,这个最常见,也最好处理,解决方法:
只需要给这个DIV加一个样式:display:inline;
b. 布局的时候经常会遇到这种情况:发现有一个DIV浮动了,接下来的一个DIV本来是要在下面显示的,结果跑上面去了,这种情况一般在FF下面会出现。
解决的办法:清除浮动,在设置过浮动的那个DIV下面加一个DIV,给个样式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">

5. IE8兼容问题
ie8下兼容问题,这个最好处理,转化成ie7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了 <meta http-equiv="x-ua-compatible" content="ie=7" />

6. 背景兼容问题
有的时候明明给一个DIV加了背景颜色或背景图片,但是却显示不出来或者显示不全。
解决办法:首先,有可能是DIV没有设置绝对高度。如果设置了宽度和高度还没有效果,那么给DIV一个样式display:block;(通常a:hover加背景的时候经常遇到)。
另外,如果高度必须要设置成自动的话,那么就给DIV一个样式overflow:hidden;

7. IE7和Firefox兼容问题
很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好使,就是FF下有问题。
解决方法:height:100px;/*FF下显示100的高*/ +height:120px;/*IE678下显示120高*/
原理:FF不识别加过符号的属性,而IE识别。

9、网站设计开发中遇到了哪些困难

做网站时,很多企业和个人站长经常会忽视的一个问题是:明确定义网站目标。这个目标必须是实在的、可以操作的,用来指导网站设计及所有网站运营行为的,而不是表面的、敷衍了事的。

网站目标必须在动手建立网站之前的网站策划阶段就确定下来,而不能走一步看一步。网站建设设计过程中遇到具体问题的,取舍的标准是看是否有利于达成网站目标。

需要注意的是,这里所说的网站目标是给企业和站长本身看的,而不是给用户、投资人或老板看的。在一些网站项目策划书上或者网站页面上,很多网站写的网站目标是诸如“给客户提供最大价值”,或“为客户提供完整整体解决方案”。这是属于给客户看的,同时也是不着边际、无法操作的。有的可能说网站目标是“促进公司在线销售增长20%”,这是给老板看的,对于营销人员运营网站也没有直接指导意义。

网站目标要非常明确,具有可操作性,但是很多时候没有经验的人不一定能轻易正确定义网站目标。最常见的错误就是把网站目标定得过于宽泛,无法指导实践。比如有的站长可能认为网站目标就是赚钱,或者就是促进销售,或者是建立网络品牌,这些都是看似正确,却不能指导网站实践的很宽泛的目标。

与网页设计需要解决的问题和目标相关的知识