进行网页布局的一般步骤是什么?

作者&投稿:惠佩 (若有异议请与网页底部的电邮联系)
做网页的步骤是什么?~

网页制作步骤
  一、确定网站主题
  网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最感兴趣内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
  二 搜集材料
  明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
  三、规划网站
  一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。
  四、选择合适的制作工具
  尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
  五、制作网页
  材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
  六、上传测试
  页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器中打开自己的网站,逐页逐个链接的进行测试,发现问题,及时修改,然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,让他们来浏览。
  七、推广宣传
  网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名度。推广的方法有很多,例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。
  八、维护更新
  网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
  在做我的个人网页这段时间里,我学到了好多东西,对网页有了一定的了解,当初上网,打开网页浏览时,从不去想这网页是怎么做的,我只是去看它的内容,网页做的好不好很少去问,只要有自己要的内容就行了。然而现在不一样了,现在自己要去学着做自己的网页了,这时候我才意识到,去看别人做的网页,不能光看内容了,它的布局,它的设计,对我的网页是有帮助的,我一定要去看,学习别人的特长。从此,不管上什么样的网站,看什么样的网页,我都不光去看它们的内容了,我还会去看它们的布局,看它们的代码,有的布局如此巧妙让我难以想像,这里面蕴涵了太多太多的技巧。好的网页我都迫不及待的把它们下载下来,以便日后为我所用。
  制作过程中,有时碰到一个自己不怎么会的技巧,真的很着急,热锅上的蚂蚁一样,但蚂蚁啃骨头,总算对自己有所交代。
  经过一段时间的摸索,逐渐觉得网页制作是一个系统工程,设计到了好多方面的知识,网页的布局就得像一个建筑师,网页的形象得需要一个美术师,以及掌握一些工具,比如最常用的Photoshop图像处理软件,flash制作软件等。这些都是我们做好网页的基础,余下的就是勤奋刻苦!
  总体来说,网页制作给了我很大的乐趣,我从中学到了好多的东西,我一直都说兴趣是我们最好的老师,网页制作是我的一个兴趣,而我们的老师让我的兴趣更加浓烈,让我有了学习的动力,我相信只要好好学,一定会学得很好。

一、网站结构设计网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式,也是网页之间的层次关系。1.网站栏目能起到提纲挈领额作用2.网站栏目具有清晰导航的功能3.网站模块要做到顺序清晰且紧密结合二、网站主题设计网站主题设计实际就是网站视觉呈现风格的设计。网站的主题风格要能充分吸引用户的注意力,为用户提供愉快的访问体验。1.设计能反映网站内容的logo,并且将logo放在网站的醒目位置。2.网站的颜色要统一,要突出网站的主调色彩。3.相同类型的图像要有相同的效果。4.网站要有一句明晰的宣传标语。

三、网站布局类型1. 国字型布局这种布局类型分为上边栏、左边栏、中间内容区、右边栏和底部的页脚区域,其形状酷似一个“国”字。国字型结构是目前比较常用的一个网页布局结构,它适用于信息分类繁多、需要良好组织的网站。2. T字型布局这种布局类型由上边栏、左边栏、内容区、下边栏组成,其形状有点像一个英文字母写的“T”字。T字型结构网站目前在一些权威机构、企事业单位的公司网站出现得比较多。3. 左右框架型布局这类网站主要由左边栏和内容区组成,组成比较简洁,主要用于精彩内容的呈现,主要是很多个人站点、博客的首选。4. 上下框架型布局这类网站由上下边栏组成,上边栏用来放置logo和链接等信息,下边栏用来放置网页的内容。上下型网站经常用来进行个性化展示,在企业门户网站的公司展示中也比较常用。5. 标题正文型布局这类网站的布局结构由上边栏和内容区组成,上边栏用于显示文章的标题。主要用于显示文章的标题,内容区放置文章的内容,这类布局在一些论文、学术网站的设计中比较常用。网站设计都不会单独使用以上列出的某一种布局结构,而是通过混合使用多种布局结构来实现自己想要的效果,这类布局通常称为“综合性布局”。四、网站页面设计网站页面是网站的最终表现形式。网站页面由页面内容的质量度和页面的美观度来决定。页面设计应该遵循的原则如下:1.符合企业的行业属性和企业特点。客户打开网站能直观感受企业所传递的理念和特征。2.符合用户的浏览习惯。根据网站内容的重要性进行排序,让用户花最短的时间能够找到自己需要的信息。3.符合用户的使用习惯。将用户经常使用的功能放在网站的醒目位置。4.图文搭配。5.利于搜索引擎优化。减少图片和动画,多使用文字描述,以便于搜索引擎收录,让客户更容易找到你。格子网络解答。

网页布局一般有七个步骤 如下:
1.页面尺寸:页面尺寸和显示器大小及分辨率有关系,网页的局限性就在于无法突破显示器的范围,而且因为浏览器也将占去不少空间,留下的页面范围就变得越来越小。一般,分辨率在1024×768的情况下,页面的显示尺寸为1007×600;分辨率在800×600的情况下,页面的显示尺寸为780×428个象素;分辨率在640×480的情况下,页面的显示尺寸则为620×311个象素。从以上数据可以看出,分辨率越高页面尺寸越

大。浏览器的工具栏也是影响页面尺寸的原因,目前的浏览器的工具栏都可以取消或者增加,那么当显示全部的工具栏和关闭全部工具栏时,页面的尺寸是不一样的。
在网页设计过程中,向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。要提醒家。除非能肯定站点的内容能吸引大家拖动,否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容,那么最好能在上面做上页面内部连接,以方便访者浏览。
2.整体造型:什么是造型,造型就是创造出来的物体形象。页面的整体形象,应该是一个整体,图形与文本的接合应该层叠有序,有机统一。虽然,显示器和浏览器都是矩形,但对于页面的造型,可以充分运用自然界中的其它形状以及它们的组合:矩形,圆形,三角形,菱形等。
对于不同的形状,它们所代表的意义是不同的。比如矩形代表着正式,规则,注意到很多ICP和政府网页都是以矩形为整体造型;圆形代表着柔和,团结,温暖,安全等,许多时尚站点喜欢以圆形为页面整体造型;三角形代表着力量,权威,牢固,侵略等,许多大型的商业站点为显示它的权威性常以三角形为页面整体造型;菱形则代表着平衡,协调,公平,一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义,但目前的网页制作多数是结合多个形状加以设计,其中又以某种形状为主。
3.页头:页头又可称之为页眉,页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样,访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键,它将涉及到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片或公司标志以及旗帜广告等。
4.文本:文本在页面中多数以“行”或者“块”(段落)出现,它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限,文本放置位置的灵活性非常小,而随着DHTML的兴起,文本已经可以按照自己的要求放置到页面的任何位置。
5.页脚:页脚和页头相呼应。页头是放置站点主题的地方,而页脚则是放置制作者或者公司信息的地方。能看到,许多此类信息都是放置在页脚的。
6.图片:图片和文本是网页的两大构成元素,却一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而布局思维也将体现在这里。
7.多媒体:除了文本和图片,还有声音,动画,视频等等其它媒体。虽然不是经常能被利用到,但随着动态网页的兴起,它们在网页布局上也变得更重要起来。

你可以参考其他优秀的网站,调用自己的各种知识储备,特别是艺术方面的,在大脑中不断地酝酿、碰撞,往往不经意间就有闪光的思想出现。这时你就要抓紧时间把它变成文字的东西,用笔在纸上粗略地勾画出布局的轮廓,不要讲究细节,只要有一个轮廓就行。当然你也可能有多种想法,尽量都把它们画出来,然后再比较,采用一种比较满意的方案。 2.初步填充内容 这一步就要把一些主要的内容放到网页中,例如网站的标志、广告条、菜单、导航条、计数器等,要注意重点突出,把网站标志、广告条、菜单放在最突出、最醒目的位置,然后再考虑其它元素的放置。 3.细化 在将各主要元素确定好之后,下面就可以考虑文字、图像、表格等页面元素的排版布局了。在这一步,你可以利用网页编辑工具把草案做成一个简略的网页,当然对每一种元素所占的比例也要有一个详细的数字,以便以后修改。 经过以上几步,相信你的网页布局已经初具规模了,让别人看一下,给你提些建议,再不断修改,一个很有特色的网页就要浮出水面了。二、网页排版布局的原则 上面我们简要介绍了设计网页布局的步骤,事实上,在构思和设计的过程中,你还必须要掌握以下几项原则: 1.平衡性 一个好的网页布局应该给人一种安定、平稳的感觉,它不仅表现在文字、图像等要素的空间占用上分布均匀,而且还有色彩的平衡,要给人一种协调的感觉。 2.对称性 对称是一种美,我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆板、死气沉沉的感觉,因此要适当地打破对称,制造一点变化。 3.对比性 让不同的形态、色彩等元素相互对比,来形成鲜明的视觉效果。例如黑白对比,圆形与方形对比等,它们往往能够创造出富有变化的效果。 4.疏密度 网页要做到疏密有度,即平常所说的"密不透风,疏可跑马"。不要整个网页一种样式,要适当进行留白,运用空格,改变行间距、字间距等制造一些变化的效果。 5.比例 比例适当,这在布局当中非常重要,虽然不一定都要做到黄金分割,但比例一定要协调。


网页制作的结构布局有哪些?
D、页脚页脚是页面底端部分,通常用来显示站点所属公司(社团)的名称、地址、版权信息、电子信箱的超连接等。E、导航导航是网页设计中的重要部分,也是整个WEB站点设计中的一个独立部分。一般来说,一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的...

网页设计怎么排版网页排版设计
网页布局设计有哪些小技巧?1。减少使用不同类型的字体 不要用太多字体,只会破坏你的布局。为了避免上述情况,尽量将字体数量限制在最低限度。一般两种字体就够了,一种就够了。2.使用标准字体 用户更熟悉标准字体,因此可以快速阅读。除非你网站的自定义字体很吸引人,否则还是用系统字体比较好。安全的...

FrontPage简明教程:网页布局
通常网页的布局使用到的是FrontPage中的表格和框架菜单栏里的命令。表格(TABLE)是将页面中的内容以表格的形式排列,常用于单一页面内图片与文字的安排,是最常用的布局命令。框架(FRAMES)是在同一浏览器窗口中显示多个相互隔离的HTML页的结构。使用框架组织页面时,每个框架显示一个不同的独立页面或者图像...

企业网站首页应如何布局企业网站首页应如何布局图片
2、然后在打开的“设置”页面中选择“桌面和壁纸”选项。 3、在“桌面和壁纸”的页面中选择“桌面设置”选项,点击进入设置。 4、打开后即可看到此时桌面布局右侧的显示为“5X6”,点击该位置。 5、即可打开设置桌面布局的窗口,选择“4X6”的选项即可将原本的图标显示变大 进行网页布局的一般步骤是什么? 网页布局一...

什么布局指页面像一张宣传海报一张精美图片?网页分为几个版面?_百度知 ...
9、pop布局pop源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。什么是页面版式布局 什么是网页布局 网页布局就是以最合适浏览的方式将图片和文字排放在网站页面的不同位置。不同的制作者会有不同的布局设计。 一般有以下七个步骤:页面尺寸、整体造型、页头、文本、页脚、图片、多媒体。

怎样制作网页网站的?
在编辑页面时,若感觉页面被放在一个狭窄的框架中太拥挤,可选择“框架”菜单中的“在新窗口中打开网页”命令,这样便打开一个新的满屏窗口,可以自由地在页面中增加内容。 利用FrontPage的框架页面模板在Web页面上引入了框架布局,我们还可以在此基础上,根据需要进行进一步的设计。 1、增加新框架 要给框架页面增加新框架...

网站开发的一般步骤是什么
4.其它资料:例如网站上的应用软件,音乐网站上的音乐文件等等。四、布局页面 设计站点结构和收集了足够的资源之后,就可以开始布局页面了。在Dreamweaver中,可以通过以下手段进行排版:1.利用表格进行排版:表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的...

网页设计中,网站布局该怎么布,是否要实行三三分之类的布局?
用DIV+CSS,宽度采用百分比,然后设置一下对齐就可以了!或把旁边两个设置为浮动,中间的部分用margin 设置就可以了

如何做网页???
3、总体布局。网页布局要和协,不要看起来显着头重脚轻或虎头蛇尾,学学报纸上的布局对你会大有帮助! 4、链接注意事项。一般你的网站不会只有一个页面,你如果想使页面可以用链接连起来。只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index.htm,次页文件是 text.htm 那么只需在 URL里输入 "...

网站开发的一般步骤是什么
4.其它资料:例如网站上的应用软件,音乐网站上的音乐文件等等。四、布局页面 设计站点结构和收集了足够的资源之后,就可以开始布局页面了。在Dreamweaver中,可以通过以下手段进行排版:1.利用表格进行排版:表格主要有三个元素-表格、行和列及单元格,而且表格还可以嵌套,不过在这里建议大家不要把所有的...

科尔沁左翼后旗13484172314: 进行网页布局的一般步骤是什么? -
充秀门冬: 一、一般步骤 1.构思根据网站的内容整体风格,设计版面布局.你可以参考其他优秀的网站,调用自己的各种知识储备,特别是艺术方面的,在大脑中不断地酝酿、碰撞,往往不经意间就有闪光的思想出现.这时你就要抓紧时间把它变成文字...

科尔沁左翼后旗13484172314: 做网页一般怎么布局啊? -
充秀门冬: ……》所谓的网页布局,就是整个网站的框架结构.例如二分、三分、T型等等.……》关于布局的方法,有人喜欢使用table、有人喜欢用div,还有人喜欢用框架.这样要看自己的需要和习惯.……》关于ps或者fireworks,这些大部分是用来图片处理的,主要用于网页美工方面.

科尔沁左翼后旗13484172314: 网页怎么布局? -
充秀门冬: 在前一课中,我们阐述了何为布局表格以及布局表格与常规表格的区别. 完成这一过程需要执行五个步骤,本课将详细介绍各个步骤.本课还介绍了可简化设计过程的网页设置提示. 在开始绘制布局表格和单元格之前,需要完成一些网页准备...

科尔沁左翼后旗13484172314: 描述网页设计的一般步骤 -
充秀门冬: 一、网站结构设计 网站结构设计包含网站栏目设计和网站模块设计以来确定网站提供服务的一种逻辑表现形式,也是网页之间的层次关系. 1.网站栏目能起到提纲挈领额作用 2.网站栏目具有清晰导航的功能 3.网站模块要做到顺序清晰且紧密结...

科尔沁左翼后旗13484172314: 网页布局的方法. -
充秀门冬: 网页布局方法很多,根据各人不同的喜好布局也不同:通常的布局方法有以下几种: 一.通过表格来布局 表格布局的优势在于它能对不同对象加以处理,而又不用担心不同对象之间的影响.而且表格在定位图片和文本上比起用CSS更加方便.表...

科尔沁左翼后旗13484172314: 简述网页制作遵守的布局流程是什么?? -
充秀门冬: 一、设计的任务二、设计的实现三、色彩的运用四、造型的组合五、设计的原则六、网页的优化恺信网络为您解答

科尔沁左翼后旗13484172314: 网页设计的一般五点步骤 -
充秀门冬: 网页设计师们在设计一个网页或是专题的时候,很容易遇到不知道要如何很好的去突出页面想要表达的意思,往往设计出来的页面结果不尽人意.这时,我们就应该在开始设计的时候加入一些构思,比如我设计成这样,会有什么样的效果,会遇...

科尔沁左翼后旗13484172314: 如何设计网站版面 -
充秀门冬: 版面布局的步骤:一.草案 新建页面就象一张白纸,没有任何表格,框架和约定俗成的东西,你可以尽可能的发挥你的想象力,将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔,当然用作图软件photoshop等也可以).这属于创造...

科尔沁左翼后旗13484172314: 网页设计应该如何布局 -
充秀门冬: 网站结构与优化很重要,页面布局也是非常重要的,让客户第一眼看到网站的感觉是怎么样,如果第一感觉不好,相信下一次就不一定来了,所以网页的内容除了用户的需求之外,还要注重用户体验.下面的内容,就以两个方面来讲,一个是搜...

科尔沁左翼后旗13484172314: 网站设计的基本步骤有哪些 -
充秀门冬: 1、准备工作 在网站页面制作的早期阶段,需要确定网站的风格.那么我们需要非常清楚的了解我们的网站是什么样的网站?,因为我们所做的是商城网站,那么肯定要添加购物车模块,应包括哪些方面,如信息、聊天、客服服务入口等.2、...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网