导航:首页 > 万维百科 > 结构简单的网页设计

结构简单的网页设计

发布时间:2020-11-02 22:51:42

1、web网页设计中怎样使用控制页简化页面结构

你好 控制页面简化结构 这个命题有些大 我说些基本遵循原则吧
第一: 页面属于 ui层 也就是展示层 那么所有有关数据交互啊 之类的东西 最好都封装到其他的层 比如业务逻辑 或者数据层 亦或者是公用的工具类中 ,简单来说 不要出现任何与显示有关的内容
第二:如果某区域代码结构过于复杂 并且需要多种切换 比如 选项卡结构之类的 如果要展示切换的内容很多 且结构复杂 建议 引入页面方式处理 比如 iframe 或者 include 将页面拆成很多个子页面 引入即可
第三: 我是写jsp的 以他为例吧 尽量少使用小脚本 多使用 jstl和el表达式 并且 js和css文件尽量都分离出去
希望能帮到你 谢谢

2、几种常见网页布局设计

网站是有网页构成,这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚,但是你现在的问题是,虽然很多的企业都想要建设网站,但是对于网站的布局了解的并不清楚,下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型

2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型

3、网页制作的5大技巧

一、主题不能超过三个


主题也就是网站所要表示的主要内容,主题要小而精做到,定位小,内容精,如果你想作一个包罗万象的站点,将所有你觉得精彩的元素都放在上面,结果往往会事与愿违,给人的感觉是没有主题。


二、网站的标准色彩不可有3种之多


标准色彩是指体现网站形象和延伸内涵的色彩,一般一个网站标准色不超过三种,太多则让人眼花缭乱,标准色彩主要用于网站的标志,标题,主菜单和主色块,给人以整体的感觉,至于其它色彩的使用,只可作为点缀和衬托,绝不能暄宾夺主。


三、网站的目录结构三忌


网站的目录是指你建立网站时创建的目录.目录的结构是一个容易忽略的问题,大多数人在创建站点时都是未经规划,随意创建子目录,目录结构对浏览者并无影响,但对于站点本身的上传和维护,以后内容的扩充和移植有着重要影响。


四、网站的链接层次结构不可多于三层


网站的链接结构指网页之间相互拓扑结构,简单的说,每一个网页都是一个固定点,链接则是在两固定点之间的连线。


层次不要超出三层,只是针对一些个人站点和小网站而言,这样不但能使网站结构清晰,一目了然,而且更便于你网站的日常维护,如果链接目录结构不能控制在三层以内, 建议你在页面里显示导航条,可以帮助浏览都明确自己所处的位置


五、首页禁忌三条


首页中不要出现自我介绍之类的东西。记住,浏览者看你的网页,不是要了解你,而是看网站相关的内容如果你的网站做得好,浏览者自然会想要了解,如果你认为这个很有必要,可以在主页面做个链接,单独做一页来介绍自己。


关于网页制作的5大技巧,青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图形处理等有浓厚的兴趣,希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。

4、描述网页设计的一般步骤

一、网站结构设计
网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式,也是网页之间的层次关系。
1.网站栏目能起到提纲挈领额作用
2.网站栏目具有清晰导航的功能
3.网站模块要做到顺序清晰且紧密结合

二、网站主题设计
网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力,为用户提供愉快的访问体验。
1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。
2.网站的颜色要统一,要突出网站的主调色彩。
3.相同类型的图像要有相同的效果。
4.网站要有一句明晰的宣传标语。

 
三、网站布局类型
1. 国字型布局
这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域,其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构,它适用于信息分类繁多、需要良好组织的网站。
2. T字型布局
这种布局类型由上边栏、左边栏、内容区、下边栏组成,其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。
3. 左右框架型布局
这类网站主要由左边栏和内容区组成,组成比较简洁,主要用于精彩内容的呈现,主要是很多个人站点、博客的首选。
4. 上下框架型布局
这类网站由上下边栏组成,上边栏用来放置logo和链接等信息,下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示,在企业门户网站的公司展示中也比较常用。
5. 标题正文型布局
这类网站的布局结构由上边栏和内容区组成,上边栏用于显示文章的标题。主要用于显示文章的标题,内容区放置文章的内容,这类布局在一些论文、学术网站的设计中比较常用。
网站设计都不会单独使用以上列出的某一种布局结构,而是通过混合使用多种布局结构来实现自己想要的效果,这类布局通常称为“综合性布局”。

四、网站页面设计
网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下:
1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。
2.符合用户的浏览习惯。根据网站内容的重要性进行排序,让用户花最短的时间能够找到自己需要的信息。
3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。
4.图文搭配。
5.利于搜索引擎优化。减少图片和动画,多使用文字描述,以便于搜索引擎收录,让客户更容易找到你。格子网络解答。

5、网页设计的布局有哪几种

网页设计的布局有哪几种?

1.“国”字型:

2.拐角型:

3.标题正文型:

4.左右框架型:

5.上下框架型:

6.综合框架型:

7.封面型:

8.Flash型:网页设计

9.变化型:网页设计

6、网页制作 这种结构叫什么 怎么实现

这个结构是列表形式创建的,可以用有序列表和无序列表来构建,再用css来改变他们的结构就行了,在页面上点链接的话会跳转到当前页面的位置,可以使用添加锚点来实现,在DW4工具菜单里面有滴,你直接添加到你想跳转地方加一个锚点就好了,然后加一个超链接<a href="锚点的地址">xxxxxxx</a>就OK了

列表结构:
<ul>
<li><a href="xxxxx">1.基本释义</a></li>
<li><a href="xxxxx">2.起源</a></li>
<li><a href="xxxxx">3.本质</a></li>
<li><a href="xxxxx">4.社会学意义</a></li>
<li><a href="xxxxx">5.孝“的最终目的</a></li>
<li><a href="xxxxx">6.历史</a>
<ul>
<li>孝道新解</li>
<li>名句鉴赏</li>
</ul>
</li>
</ul>

然后你再给这个列表加个css样式,改变它的结构就好了,css样式源代码我就不贴出来了,百度一下很多的。 如果你想学习css的话, 可以在网上下载 CSS设计彻底研究、精通CSS、CSS网站布局实录 还有其它的好书,自己去搜下吧,初期选择书不要太多,2本刚好入门后在选择性的看高层次的书籍,我说的并不是很详细,楼主可以百度一些博客或者贴吧看下技术性文章让你有一个更深的了解

7、网页结构类型网页制作的基本方法和步骤

你好这位朋友,现在我来详细=回答你的问题:
1、你说网页结构类型?
回答:
网页结构类型分为动态网和静态网
静态网页一般后缀名为.html
而动态网页般后缀名为asp 、xasp 、jsp、 php

2、网页制作的基本方法?
回答:先说网页制作的软件
网页制作三剑客包括Dreamweaver 、Firework 、 Flash
Dreamweaver解释: 网页制作工具
Firework解释:图片处理工具
Flash 解释:动漫制作工具

Frontpage也是一款网页制作软件
Frontpage解释:网页制作工具(它与Dreamweaver相比Dreamweaver更强大,而且现在最流行的网页制作工具就是网页制作三剑客,在这里我重点推荐你使用网页制作三剑客).

我当初自学网页制作时先是学对制作软件的操作(Dreamweaver),建议买本操作类的买书时书要厚点,因为太薄的话,许多东西都省了~~ .

如果你想系统的学习话,先学HTML语言(顺便了解下XML),再学习软件的操作,如果OK了,那么你就可以独立完成一个静态网站的制作,接下来就可以学动态网站的制作,具体怎样我就不说了,因为这牵涉到编程方面的问题。

学习网页制作是很辛苦的,特别是自学者,我当初自学时就是一天坐在电脑前10小时以上~~

最后祝你的成功。

8、设计网页结构,给网页划分网格怎么做

最基本的网格系统由一系列水平和垂直的、彼此交叉参考线构成,这些格线让内容布局变得简单起来,让内容更具可读性。
网格系统在纸媒中广泛应用,有着悠长的历史,引入到网页设计后,出现了很多CSS网格框架,几乎成了网页设计的标准。
利用网格系统可以更好的驾驭内容,保持一致性。均匀化的布局,一致性自然就有了,这样导航功能就能更易于使用,好的用户体验也有了。——当然你也可以打破网格系统,用更好的布局取而代之,也可从网格系统中衍生出自己的布局方式。

9、完整的网页设计包括哪几个结构

前期、中期、维护。

1、前期,需要自己做网站的目的,也就是说要明确自己做网站是为了什么?
2、中期,清楚自己的目标就要去奋斗,开始扩展自己的知识如一些做网站的技术需要懂那些技术等等这都是个问题。
3、维护,这是个比较艰难的时期,这个时期考研你的一切,更重要的是考研你的耐心和坚持。

10、网页设计中的表单结构是什么

在网页中<form action="这里填写你想提交到得处理程序或者其他网页页面地址" runat="sever"></form>他的机构就是form里的所有东西都是表单内容。比如一个登陆页面在body中写上:
<form action="" runat="server">
<label>用户名</label>
<input type="text" /><br />
<label>密码</label>
<input type="text" /><br />
<input type="button" value="登陆"/>
</form>
你提交到到那个页面,那么在那个页面就可以用request()得到提交过来的值了。

与结构简单的网页设计相关的知识