个人网页排版

个人网页排版（精选6篇）

个人网页排版 篇1

有些人始终认为，网页最主要是内容，不需要再搞些门面上的东西，还拿出来比喻。可是红花还需要绿叶陪衬。想想，若不只是单纯的文本，还有画面出来，那么它所吸引的何止现在的这些迷呢？ 那我所要说的到底是什么呢？

我们先来说说构成，“构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美好形态的造型”。构成形式里，有空间构成（平面构成和立体构成）和时间构成（静和动）。网页设计的创作，就是要协调这里面的种种关系，顺应视觉 感受，才能够打动观看者的视觉，得到我们想要的效果。

在这些形形式式里，都有 着如下的部件： 点：我们一般认为，点是指圆形的，但这是不正确的。只要在空间里有非常少量的 面积，无法形成一个视觉上感觉的图形，都是一个点。无论什么形状都可以。线：点集合在一起就形成线。面：一个平面。体：一个物体。一般是指物体占据的空间，有三维形状。那么，当点、线、面与体集结在一个网页上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？

这需要网页设计师花时间去构想与策划，如果有客户找你设计网页，他老说网页设计很简，可以很快只是把东西往上面一放就可以了，再不行就现场告诉你如何摆摆位。

如果你想做出好的网页设计作品，这种单的设计你不要接了，可以交给网站制作人员直接做这种没有设计质素的单。深圳网站设计公司认为做网页设计懂得放弃某些单是你向专业网页设计师迈进的第一步，因为某些单会影响你的设计思想与策划，只要能糊口，别做廉价劳工！说回网页设计布局理论，点有集中视线、紧缩空间、引起注意的功能。两个点相距不远而且形状不等时，一般由小向大看。

近距离的点引起面的感觉。灵活运用点，可使你的页面有一些本质上的变化。当点占据不同的空间时，它所引起的感觉是不同的。

1）居中引起视觉集中注意。2）上引起下跌落感。3）在上左或上右引起不安定感。4）下方中点，产生踏实感。5）左下右下，增加了动感。

为什么会这样呢？因为人的视觉，都是经过对生活的感觉都得来的。在下方的东西，一般联想到大地。在上方的东西，一般联想到浮云。网页设计的线、面、体亦然。

线，又分为直线和曲线。直线：给人以速度，明确而锐利的感觉，具男性感。曲线，则优美轻快，富于旋律。曲线的用法各异，需结合自己的需要。而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔，具踏实感。垂直线则有强烈的上升及下落趋势，可增加动感。斜线，一般我没有怎么使用，因为它造成视觉的一种不安定。据SNL网页设计公司多年网站设计经验所知，有些客户是很迷信的，平稳、安定可以代表他们公司的稳固，所以别以为太有个性的设计能取悦他们。

人们每看到一个东西，都试图用横直来分析，斜、歪是人们所不愿意见到的，但 适当运用部梢源锏揭恍┨厥庑Ч ?这个要靠个人的感觉。面，指的是二度空间里的形。面又分为几何形和任意形，我个人比较喜欢任意形，因为它往更具人情味。几何形使人有一些机械感，但是，每一个图形里都会要用到几何形，请看它们各代表什么：

（1）圆形：运动及和谐美（2）矩形：单纯而明确，稳定（3）平行四边形：有向一方运动的感觉。（4）梯形：最稳定，令人联想到山。（5）正方形：稳定的扩张。（6）正三角形：平稳的扩张。（7）倒三角形：不安定，动态及扩张、幻想。

我们在日常生活中所看到的东西，都是由于形与形、图与底的相互关 系。图形之间，图底之间，正由于对比产生差异而被我们所感知所接受。图与底的视差越大，图形越清晰，对视觉的冲击力越大，网页设计中排版也是这个道理。那么，平面上 有那么多的东西，我怎么才能够确定它是否是最主要的呢？请看：易于 成为“视觉中心”的条件：

（1）居于画面中心。（2）垂直或水平的比倾斜更易成为中心。（3）被包围。（4）相对于其它图形较大的。（5）色感要素强烈。（6）熟悉的图案，如果这件东西我们很熟，则一定会以它为焦点。

个人网页排版 篇2

(1)正确定位,确定内容。(1)要小而精。定位要小,内容要精。(2)选择自己擅长、喜爱的内容。

(2)塑造形象,统一风格。

(3)简洁明朗,主次分明。

(4)控制图像文件大小,调节多媒体嵌入量,减少网页下载时间。

网页图像最好使用GIF文件和JPG动画,这两种文件的压缩程度较高,且大小最好控制在25KB至15KB之间;JPG动画的使用不要太多,以免使主页看上去太乱。设制图片的替代文本或低分辨率图片,可以使浏览者较快地看到图片和轮廓或其它相关信息。网页中的背景音乐文件最好使用MDI格式,体积较小,便于传输,同时,注意给网页中的多媒体文件注明相关的文字性说明。

2 制作个人网页的基本步骤

2.1 收集素材

(1)文字资料。主要是自己编写的,或者从报刊、杂志、网络等媒体上获取有关的资料,加以整理编辑。

(2)图片资料。一般可以根据主页的主题选择合适的素材库光盘,或是直接从网络下载。如果有一定的绘图功底和技巧,建议尽量使用Photoshop或Paintshop[1]等绘图软件,制作页面的图标Logo及广告Banner,以充分体现主页的个人特色。

(3)其它资料。为增加个人主页的表现力,可以在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。

2.2 设计结构

个人主页的制作是个复杂的系统工程。在开始页面制作之前,先搭好主页的框架,规划整体结构,草拟网站的“施工图”。如果只是一时兴起,想到什么就作什么,盲目操作,往往会使网站制作虎头蛇尾、条理混乱,最终因维护困难而夭折。

进行页面的规划,就是对每个页面的布局及所包含的内容进行完整详尽的设计。包括是否采用框架,每个页面中图片、文字及其他文件的分布以及外观显示的设定(如颜色、字体)等等,进而根据规划大致估算一下需要多少相关的素材,并予以分门别类落实。经过规划,便于个人网页的管理维护,能让制作者有条不紊地表达所有的信息,使得网站的格式统一、层次清晰。一般多采用树状结构先列出每个页面的大纲内容及规划页面之间的层次结构和链接关系,并适当考虑将来扩充的可能性。

2.3 创建站点

制作网页之前,新定义一个站点。利用站点,可以方便、快捷地对文件进行管理,尽可能地减少出错,如路径错误、链接错误等。同时设置了本地文件夹和远程信息后,可以将文件上传到服务器,实现文件的上传与下载。

2.4 编写网页

页面的制作过程包括制作顶部导航、制作主体内容、制作底部版权信息以及编辑CSS样式等。

顶部栏目主要有Logo、Banner和导航条。底部版权信息主要是网站的联系方式。

页面主体部分是页面的核心内容,大多数情况下要使用嵌套表格的技术来实现。在制作时,通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等主要步骤。最后利用CSS来美化完成的网页。

2.5 上传文件

个人网页制作完成后,就需要给个人网页在网上安个家[2]。提供免费个人网页站点的网站很多,可以选择中意的网站提出申请。一般流程如下:点击进入的网站申请窗口,填写信息表格,其主要内容包括主页标识、主页描述、主页地址(URL)、关键词,以及个人地址、姓名、E-mail地址、电话号码、详细的邮政地址等个人信息;提交申请;将在几天内收到网站发来的E-mail。若申请成功,会得到一个网站的口令。利用网站支持的传送协议将主页上传到网站。上传成功之后,就可以实现在网络上浏览个人主页了。

2.6 更新维护

网络讲求新和快,制作个人网页时,同样也要注意。做好日常维护工作,及时更新完善,紧跟时代步伐,保持内容新颖,吸引浏览者的注意和点击。

可设置一个专门的“what′s new”页面,及时醒目地告诉来访者主页最新的内容。这样能方便浏览,让浏览者一目了然,迅速寻找所需要的内容,不致于层层深入,一无所获。

3 制作个人网页的注意事项

3.1 避免抄袭

制作和设计网页的过程中,应避免抄袭。作为新手,个人网页刚刚起步,可以适当借鉴和利用,切忌全盘不动地照搬照抄他人的成果,应坚持原创,加入自己的创意和想法。如写日志博客,翻译最新英文杂志,上传独家照片和视频,链接实习成果等。展示个性、风格,让大家认识、了解自己,才是制作个人网页的精神所在。

3.2 经常备份

要养成经常备份的习惯。制作网页是一个复杂而持久的过程。由于网页的容量有时较大,制作时很占内存,尤其是同时起动其它电脑程序,很容易导致计算机假死,因此需要经常性地备份。

3.3 注意路径问题

相对路径是大多数站点的本地链接的最适合路径。尤其新手在做个人网页的链接时,应避免使用绝对路径。网页上传后,站点移动到其它服务器,所有本地绝对路径链接都将断开,从而浏览者无法看到使用绝对路径(指对本地硬盘的绝对路径)的链接内容。

3.4 使用模板,提高网页制作效率

开始制作时,不要多张页面一起制作;建议使用模板,提高制作效率。个人网页通常会有多个风格基本相似的页面,如果每张页面都重新设计和制作网页结构、导航条及各类图标,工程量将十分庞大。借助模板的功能,通过设计和制作一张基本网页,可以快速创建大量风格一致的网页,从模板创建的文档与模板保持连接状态,可修改模板并更新所有利用模板创建的网页,达到天天改变站点风格的效果。

3.5 妙搭色彩

由于网页作为用户的浏览对象,第一印象至关重要,因此色彩的搭配应讲究一定的技巧。一般而论,网页应尽量采用一个色系,主色调控制在三种颜色以内,背景和文字的对比一定要强烈,以突出文字内容为主。常见的组合有:黑白、蓝白、黑灰白、蓝黑、紫黄等。其中,白色多用于较正式的官方网站,黑色常用于打造个人网站和一些非常前卫的网站。

在用色的时候,要力求简洁,将色彩与各要素统一起来,注意色明度、对比度、结构分配比例等,在差异中求协调,紧扣网站的内涵,保证网站的一体性。一幅图的下部采用重色,会让人觉得稳重;同时注意突出色彩的独特性,尽量采用与众不同的色系,让人产生遐想。

参考文献

[1]丁晓.制作个人网页的常用工具.合肥:电脑知识与技术,1999(9):36-40.

[2]孙良军.Dreamware MX2004入门与实演练.北京:中国青年出版社,2005-09.

[3]祝力.创建图书馆员个人网页的意义及方法.上海:图书馆杂志,2001,20(2):10-12.

个人网页排版 篇3

关键词：文化维度；网页设计；异同

电子商务网站上为什么会有很多的“淘宝同款”的广告？或是说，中国人为什么会喜欢购买这种其他人穿过的款式的衣物呢？这里有一个理论就是文化维度理论中的“集体主义文化”或许可以解释这种现象。

本文讨论网页设计或是用户界面设计中的文化维度研究。

网页设计或是用户界面设计一直是带有较多实践性质的活动。很多研究多是从版式、色彩、图标、动画以及交互动作进行研究和探索。实际上作为最主要的社交和信息的载体，网页设计已经远远超出了传统意义的设计范畴。国外一些研究者从文化的异同来研究网页设计。他们采用荷兰Hofstede的文化维度概念进行研究。

70年代，Hofstede在调查66个国家的117000位IBM员工的工作价值的基础上，提出了四个文化维度，即权力距离、个人主义与集体主义、男性度与女性度、不确定性规避。80年代，又增加长期取向与短期取向，从而发展为五个文化维度理论。[1]文化维度理论在多个领域得到了大量的运用，解释了很多学科的地区差异性。但是在网页设计方面的研究相对较少。其中Marcus&Gould最早以及最完整地运用文化维度来研究网页设计。他们的研究利用文化维度理论，提出了具体的在网页设计与用户界面设计的特点，并用一些网页进行具体的对比研究。实际上与文化维度研究有关的研究中，主要集中在权力距离维度以及个人主义集体主义维度。

在Hofstede提出文化维度理论20年后的2000年，互联网已经全面进入人的生活。网页、网站和用户界面等，各种相关的设计及技术活动频繁出现。甚至发展成为一些新的交叉学科——网页设计、用户体验研究等。Marcus&Gould正是在这种背景下，从文化维度的角度再次审视了网页设计。

1 权力距离（power distance）——PD

权力距离即在一个组织当中，权力的集中程度和领导的独裁程度，以及一个社会在多大的程度上可以接受组织当中这种权力分配的不平等。

Marcus&Gould[2]运用权力距离的概念总结出了与网站设计相关的内容。

（1）具有较高PD值的地区或国家，他们的网页深度比较大。但是子菜单不是网页深度的表现形式。（2）分值高的文化地区，在网页中人们倾向于使用该组织或该文化的图标。（3）分值越高越关注专家、当权者或是官方的言论和想法。（4）分值越高越愿意突出领导，分值低反而愿意针对客户、消费和普通市民。（5）分值越高，网页的安全保障越严格或是苛刻。（6）用社会角色来组织网页的信息内容。

他们的研究用两种类型的大學网站来说明权力距离对网页的具体影响。认为：较高权力距离的地区（国家）的网页具有以下：轴对称、网页信息组织结构与组织的行政结构相同，包含相关工作人员的信息，甚至包括组织机构领导者的学位学历信息等。

较低权力距离地区的网页一般具有非对称结构。关注普通用户以及他们的平等权力等。

从以上总结可以看出Marcus&Gould认为不同的权力距离分值的文化，在网页设计中体现为三点：一是布局（layout）的不同。对称布局是高权力距离布局的一种体现。而具有较低权力距离的地区更加偏好非对称布局。二是信息的不同。高权力距离地区的网站，按照组织结构来放置网络信息，如领导的介绍等。而低权力距离的国家的网站中，大量的信息是普通用户关心的信息。三是标志（图标），在高权力距离的国家网站中，标志一般采用本组织的标志。

近年来在Marcus&Gould研究基础上，一些新的研究陆续发表。一些研究验证了之前的文化维度理论在网页设计中的研究成果。Nehal Shah（2013）[3]同样也用文化维度理论分析了跨文化的用户界面的设计。他在之前的研究基础上，提出一些新的观点。例如，在高权力距离的地区中，网页导航往往包括了所有的信息。而反之，低权力距离的地区的网页中，网页导航是经过组织或者说筛选的内容的一个结构，并且信息密度相对较低。又如，他发展了Marcus&Gould提到的对称布局与非对称布局的说法。他的文章中提到在高权力距离与低权力距离相比，前者的网页布局比较正式，后者更偏向非正式的灵活的页面布局。例如，在非正式的页面布局中，一旦出现操作失误时，灵活的交互动作可以作为向导引导用户完成操作。Sabina Idler（2013）[4]认为非正式的布局，让网站具有更好的参与性与亲和力，能构建网站与用户之间的信任。

另外一些研究，如www. creativebloq.com上的一篇文章“Cultural factorsin web design”，[5]虽然没有提到文化维度，但是也认为权力距离会对网页设计产生影响，特别是标识和图标的选择：高权力距离的国家的网站经常采用组织或权力相关的图案作为网站标识和图标。

但是，也有一些研究发现文化维度中权力距离与实际的用户界面设计存在部分相异之处。Tsai与Wan-ting（2009）[6]通过对比研究台湾地区（PDI=58）与美国（PDI=40）的网页发现在导航菜单、中心对称、图标的选择上与之前的文化维度的研究吻合。而网页一致性和层次上的结果则不同。低权力距离的美国网站一致性高于台湾网站；层次性上更是有很大的不同，低权力距离的美国网站与高权力距离的台湾网站相比具有更好的层次性。

实际上这正说明文化维度得到了广泛的认同和验证。

2 个人主义与集体主义（individualism versus collectivism）——IVC

这个是指社会中成员对个人与集体的关注程度。在个人主义社会中，人们关注个人权力与个人成就。而在集体主义的社会，成员更加关注集体的利益以及忠诚。Marcus&Gould[2]总结了与IVC有关的网页设计的特点：

（1）基于个人成就的激励是个人主义社会的特点。（2）个人主义文化喜欢通过物质与消费来表现。（3）修饰风格上：个人主义文化用有争议的言语，并且可以容忍甚至是鼓励比较特别（尖锐）的说法。而在集体主义文化中，常常用官方性的标语和平和（不夸张）的语言。（4）在个人主义文化的地区，网站的目的和内容是鼓励大家（用户）行动，网站传达年轻人特质；集体主义网站的拟人形象则是经验丰富的人物，或是领导者。（5）在个人主义文化地区，网站关注个人及其需要；而在集体主义文化中，网站展现产品时，不是单独推荐产品本身，而是通过群体的方式来呈现产品。（6）个人主义的地区关注人的品质，而集体主义关注信任与关系。（7）在对待变化上，个人主义关注创新，而集体主义关注传统和历史。（8）个人主义的网站愿意提供个人信息；而集体主义的网站非常注重保护个人信息。

總结上面的特点，主要分为看待和观察事物角度和设计元素两方面的不同。

角度问题：也就是说内容选取的角度。个人主义文化注重个人的活动，内容呈现以个人的角度出发，建立与用户同样的视角。而集体主义文化，以组织的角度来介绍相关内容给用户。其内容多是对网站及其组织的总体介绍，内容的组织是以其基本组织结构为基础。

在设计元素上：个人主义文化网站，其各种元素展示的是个人成功或是个人角度的元素，这些元素包括图标、声音甚至是动画。例如，图标形状是以用户角度进行选取的，如带表情的脸作为图标。而在集体主义文化，图标多是该组织的代表标志等。

Marcus&Gould的文章中举了国家公园的例子：美国网站重点是访问者，访问者的目标，以及公园中访问者可用参加的活动等。而另外一个网站（低集体主义）较少关注游客，而是用一个标语表明公园的理念。还有很多关于公园的规章制度。

而Nehal Shah明确指出：在高IDV值国家，在网站中偏好语音、声音、视频和隐喻等元素关注个人成功。而在低IDV值国家，大的成功和目标则更加常见。

3 文化维度主要影响信息内容的选择

一般来说，网页乃至其他一些用户界面系统的设计都包括：信息内容及其架构、视觉效果两个方面。我们发现文化维度对网页设计的影响主要是以下三个：信息的架构方式以及信息内容的选取，文化图标的运用程度，不同内容的图片的选择。第一个是属于“信息内容及其架构”，后面两个属于视觉效果的范围。深入研究后，我们发现图标与图片中，他们的内容和文化隐喻才是设计者关注的重点。也就是说，即使是视觉效果相关的元素，文化维度仍然影响视觉元素中信息内容，而不是视觉效果本身。

4 文化区域的边界逐渐模糊，在这基础上的文化维度的适用性也有一定的降低

Hofstede认为“文化”是在同一个环境中的人所具有的“共同的心理程序”，是一个群体，他们的成员都具有相同的社会经验或是相同教育。因此，不同的地区、国家形成的文化群体具有不同的思维方式。由于人的活动范围扩大，不同地区国家的人交往密切，实际上有些地区甚至是相互交融。所以可以说文化的差异性由于交往的密切已经逐渐弱化。

这个文化维度分值的调查是70年代进行的，而近几十年来世界文化和沟通方式已经发生巨大的变化，异域群体之间的差别已经逐渐模糊。就网络世界来说，这种模糊文化边界与相互交融就愈加明显。

5 结语

文化维度理论可以解释不同地区或文化群体的行为方式异同的原因，在很多领域得到了广泛的运用。就网页设计而言，文化维度理论可以解释网页的内容与架构的不同，但是视觉设计上的异同无法完全用文化维度理论进行解释。随着世界文化与人员的融合，文化维度理论的适用性也有部分降低。

参考文献：

[1] GEERT H，JAN H G. Cultures and organizations：Software of the mind [J]. McGraw-Hill，New York，1991.

[2] MARCUS A，GOULD E W. Crosscurrents：cultural dimensions and global Web user-interface design[J]. interactions，2000，7（4）：32-46.

[3] SHAH N . Cross cultural considerations for user interface design [J]. 2013.

[4] IDLER S . How To Design For A Cross-Cultural User Experience [J]. 2013.

[5] WWW.CREATIVEBLOQ.COM . Cultural factors in web design[J]. wwwcreativebloqcom . 2013.

个人网页排版 篇4

摘要：文章指出，表格是网页设计中不可缺少的重要元素。使用表格排版可以规范整个页面，将页面中文字、图片、动画等众多元素有条理地统一组织起来。层是一种新的CSS定位技术，它具备许多表格所不具备的特点，比如可以重叠，移动方便，可以设为隐藏，还可以添加许多行为来丰富页面效果。所以，很多情况下，可以同时使用表格与层搭配进行排版，既可以使用到表格的整体规范性，又可以利用到层的灵活性与丰富功能，从而设计出更加精彩的页面。

关键词：Dreamweaver；表格；层；排版

作者简介：龙敏敏（1979-），女，湖南祁东，本科，讲师；研究方向：计算机教育教学

1Dreamweaver网页设计工具简介

浏览网页已经是现代社会人们生活中的一个重要组成部分，网页作为网络信息传播的主要载体，其设计也被大家所关注。网页设计的软件有多种，Dreamweaver是著名的“所见即所得”的可视化网站开发工具，是国内外普遍应用的专用网页设计软件。它被称为“织梦者”，即它的英文单词所表达的意思。Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制。它是一个集网页创作和站点管理两大利器于一身的超重量级创作工具。网页设计的重点是版面的设计，即如何将所有的素材按照设计要求精美地罗列在页面中。所以，如何排版成为网页设计中的关键。

2使用表格和层排版

在Dreamweaver网页设计中，排版的方法有很多种，其中使用表格和层排版是基本的方法，通过设计模式可以轻松完成，简单易学，是大家常用的方法，对网页排版起到了重要的作用。

2.1表格排版

在制作网页时，要想将文本、图片等组织得美观，有条理，就需要排版人员头脑里有一个整体布局的概念。在Dreamweaver中，安排页面内容布局主要是依靠表格来完成的。通过表格的相互嵌套和合并、拆分，可以将自己的构思完整地表现出来。表格是网页设计制作时不可缺少的`重要元素，它以简洁明了和高效快捷的方式将数据、文本、图片、表单等元素有序地显示在页面上，从而设计出版式漂亮的页面。使用表格排版的页面，在不同平台、不同分辨率的浏览器里都能保持其原有的布局，且在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。表格排版比较规范，整体性强，一般的网页排版中都会使用表格进行整体的排版，但其表现比较中规中矩，不会有太多其他的丰富功能。

2.2层排版

层是CSS中的定位技术，在Dreamweaver中可对其可视化操作。文本、图像、表格等元素只能固定其位置，不能相互叠加在一起，使用层功能，可以将其放置在网页文档内的任何一个位置，还可以按顺序排放网页文档中的其他构成元素。层体现了网页技术从二维空间向三维空间的一种延伸。层具有很多表格所不具备的特点，比如可以重叠，便于移动，可设为隐藏，还能为层添加一些行为，使页面具有更丰富的变化等。这些特点有助于设计思维不受局限，从而发挥更多的想象力。由于它是一种新的CSS定位技术，层在具有上述优点的同时，也存在着一些不可避免的缺陷，比如兼容性、定位问题。所以，目前比较大型的网站不会单独使用层来排版。

2.3层转换成表格排版

前面提到，层与表格都可以用来在页面中定位其他对象，它们有时可以互相取代，但两者并不完全相同，有时就必须使用其中的一种。比如，当需要用到表格来排版页面，但又觉得表格的添加比较烦琐，而层比较灵活，这时候，排版者可以使用层到表格的转换来实现。具体的操作步骤是：（1）首先在层面板中勾选“防止重叠”选项，这样绘制层的时候就不会出现叠加和嵌套的现象；（2）在页面中绘制若干个层，把页面中的各元素添加到层里面；（3）把每个层自由地排列到页面中各个相应的位置；（4）使用层排版结束之后，要将层排版转化为表格排版，选择“修改”—“转换”—“层到表格”命令，在对话框中设置好相应的参数，确定之后层就会转换成对应的表格。这种排版方法在排列对象时比较灵活一点，但有时也会产生一些多余的单元格。当然，这种方法一般适用于不太复杂的页面的排版，对于比较复杂的图文混排页面，最好还是采用传统的表格排版方法。

3排版时容易出现的问题及解决方法

3.1整体表格排版出现的问题

有很多人在网页中用表格排版时习惯使用一个大表格，然后在大表格中嵌入一个个小表格，认为这保持了排版的整体性，其实这个习惯是不好的。一个大而长的表格在浏览器中打开时会加重浏览器的负担，浏览器一般是等待整个表格的内容都接收到以后才显示这个表格的内容，如果一个很长的页面使用一个大表格排版，那么这个网页显示速度就会比较慢，使得页面呈现的时间大大加长，很多时候有些网页的访问者会失去等待的耐心而放弃浏览这个网页。解决的方法是：拆分表格，将大表格化整为零，把表格打散，并要尽可能地避免表格的层层嵌套。注意，拆分后的表格的宽度要设置为相等，这样表格的排版效果和拆分前相比并没有改变，在浏览器中呈现时，页面会从上至下一个个表格呈现出来，明显加快了页面打开的速度。

3.2层排版出现位置偏差

在页面中使用表格和层混合排版时，先加入表格进行页面的整体布局，然后在局部加入层。通常情况下，层加入到页面中之后是游离在表格之上的，它虽然移动方便，但在页面中的位置是固定的，由于表格的宽度是固定像素，设置在窗口中居中显示，所以当窗口变大时，表格会产生一个相对位移，但是层却还在原位，没有跟着相对位移，因而出现层与表格中其他内容位置上的偏差。所以，层排版的灵活性同样也体现了一定的不稳定性。要想办法使层与页面中其他元素一样，能够随浏览器的变化而产生相对位置上的变化，排版者可以将层嵌入到表格的单元格中，使层成为单元格中的一个元素，就像插入到单元格中的文本、图片一样，层就是属于单元格中的对象，当浏览器窗口大小变化时，表格必然会产生相对的变化，层也就会随着单元格的位置变化而产生相应的变化，这样就不会出现页面中元素相对位置的偏差。整个排版会变得很规范，就相当于是利用表格整体排版，层只是嵌入到单元格中的一个元素，又可以使用到层的丰富功能，两全其美。解决的方法是：先使用表格对整个网页的整体进行规划，然后添加一个层到表格中的某个单元格中。添加的方法：直接将工具栏中的层拖动到单元格中，这样该层就成为该单元格的嵌入层，该层在单元格中默认是靠左对齐，垂直方向居中，而且在水平方向是不能移动的，只要移动便会脱离该单元格，即成为普通层，不会是单元格的嵌入对象，如果在水平方向一定要移动的话，可以将该单元格的位置进行调整，进而单元格中的嵌入层也会随之移动。而在垂直方向上的位置是可以调整的，不过不要用鼠标拖动，这样容易使层脱离单元格，可以选中层通过方向箭上下移动或将该单元格垂直方向上的位置由“居中”改为“顶端”或“底端”。采用这种方法设置层后，无论窗口大小怎么变化，层始终是跟着单元格位置变化而变化，因而不会出现之前那种位置上的偏差。这个问题解决之后，接下来就可以在页面中利用层的一些行为来丰富页面。

4结语

总之，网页设计中，内容虽然很重要，但是如果只有好的内容而没有精美的排版以及合理的布局，那么再好的内容也很难引起浏览者的阅读浏览兴趣。通过合理的、有新意的页面布局，特别是主页设计，才可以将网页的内容完美地呈现在浏览者面前。所以，排版者在平时要多参考他人优秀的网页排版作品，加强排版练习，这样才可能创造更漂亮的网页排版。

[参考文献]

[1]李爱军.网页的排版布局[J].办公自动化：综合版，（7）：29-30.

[2]艺博，张明真.网页设计与制作——MacromediaDreamweaver8[M].北京：高等教育出版社，.

制作个人简历的排版和格式 篇5

此外，在设计编写个人简历方面，简历的排版以及格式也是重要环节项目。

个人简历排版要点：

①各环节内容。编写个人简历需要写很多发那个面，例如个人的基本信息、求职的目标、个人教育背景、教育奖励、课外活动、工作经历、专业才能，另外还有一些补充性的内容、兴趣爱好等等。这些内容要放在什么位置来写，这就是个人简历排版的工作了。

②各部分内容所占的比例。个人简历中的诸多项目不仅要放在适合的位置，还要确定每个项目内容在个人简历中所占的比例，要能够控制好其字数、篇幅。比如说，个人的基本信息与目标，通常是放在开头，占全文的百分之十的比例。

个人简历的格式要点：

编写个人简在设计上格式也是一个非常重要的环节，格式与排版有一定的区别，以个人简历的格式可以将其分为时序型简历、功能型简历，以及综合性简历。个人简历格式方面的安排要点之一要根据自己的特长优势来写，例如在教育背景连续性非常好的情况下，写时序型简历更好。要点之二，要注意个性化的设计，让格式看起来于一般的简历有不同之处。

简历中的格式中的小问题

1.字体

一般来说拿到一份简历，发现有3种及以上的字体，基本上就是要崩溃了，心里就会感觉怎么这么乱?当然应聘设计和美术之类的例外。

简历中一般只用一种字体，根据个人而异，打印的话还是用黑体(或者加粗宋体)做标题、宋体做正文比较好，因为雅黑主要用于屏幕显示，虽然看起来舒服但是打印出来的效果其实不是很理想。英文简历就没啥好说的，Times New Roman乃是神字体。例如咱们乔布简历的应届毕业生通用模板 中就可以做出这样的效果：

2.字号和修饰

既然说了字体不能太过多，那么如果区分就要靠字号了，其实一份简历里需要区分的层次没有多少，大概有五层：

*第一层：名字和标题(放在顶端，天然区分，名字可选大号字，地址、电话等不做修饰)

*第二层：教育背景、实习经历、课外活动、个人能力等大标题(英文大写字母，加粗，可选大号字，下面用1.5pt的线分隔)

*第三层：学校、公司、社团名称(可选英文大写字母，加粗，标准字号)

*第四层：部门和职位(可选加粗，可选英文斜体，标准字号)

*第五层：具体内容/正文(不做修饰，用bullet point分条列示)

但是值得注意的是，【中文简历不要用斜体】、【不要使用下划线】、【正文尽量不要加粗】，这三点，因为在上面五层之后基本上层次足够了，再用这些方法分层就累赘了。

3.间距

许多求职者会忽略这个问题，觉得无所谓;还有一种情况是迫不得已，当自己的简历有太多想放的时候又不知如何取舍，太少的时候又不知道怎么填补空白，这时候有些人就会耍小聪明得扩大和缩小间距，这是不明智的，要怎么在一张纸的范围内放上有价值的东西呢?乔小编告诉你这里有妙招：(简历为什么要在一页纸内?就可以找到答案)

一般来说在间距上并没有硬性的要求，只要让人看着舒服就行，但是如果说你做不好的话，小编建议使用表格来做简历然后再去掉表格哦。或者我推荐使用的规范是：

页边距——上下左右都为2厘米

小标题：

字符间距——加宽0.5磅

行距——固定值22磅

两个字之间有1个空格

段前间距——2行，段后间距——0行

正文：

字符间距——加宽0.5磅

行距——固定值22磅

段前间距——0.5行，段后间距——0行

4.标点

标点真心是个小问题啊，或许有人会惊呼：“HR也太小气了，连这种地方都挑刺!?”但是如果你自己看到千分位符是一个硕大的中文逗号，心中是否有10，000(正确写法：10,000)只草泥马呼啸而过的声音?

所以中英文的标点符号使用必须要各归各位，正确使用才能不让人看了扎眼。还有一个容易忽略的地方就是句末标点，这个并没有特别的要求，但是简历中普遍的单行和bullet point点上句末标点的话显得多余，一般不加，如果想加那么就全部加上，一行有一行没有是很不协调的。

最后，【、，;】三个要灵活运用，如果一句话里要表达两块意思，每个意思又不止一句话，就别全用逗号了，中间【;】一下吧。

看这句话：深度参与X项目，在后台负责数据，文档，报告，会议记录的收集，分类，保管工作，提升了团队的效率，同时在业务第一线进行访谈，抽样，问卷调查，及时发现方案中存在的问题，反馈至后期控制部门

看到这里心里是不是咆哮了?大哥你键盘上不只有逗号啊!

个人网页制作过程 篇6

制作个人网页的目的就是向大家介绍自己，我制作个人网页的过程如下

（1）首先是熟悉并熟练一款网页制作软件的使用方法，这样制作出来的个人主

页才不会显得粗糙，我选择的是frontpage，这款软件比较适合于初学者来使用。虽然在制作效果上也许会逊色一点，但是其优点的是比较容易上手。

（2）其次就是选择素材了，网页上那些好看的背景还有点缀以及一些装饰，标

志性的图片，元素都是需要自己来选择的。选择好了这些图片元素会为你的网页增添很多生气。这里介绍一个比较好的网站。我的所有图片元素以及背景都是从这里面找的。

（3）所需要介绍的当然是自己的个人信息，包括自己的基本信息以及自己的爱

好，工作以及一些零碎的感悟。这些都是要在网页里面表达出来的文本信息，所以必须要实现准备好。

（4）现在就是需要布置自己的网站了，我的计划是用多页面网站来介绍自己，制作个人主页。首先必须有一个主页，里面是我的基本信息，然后有几个选项，分别超链接我的爱好，我的工作以及我的感悟。在下面会有三个子网页，分别就是我的爱好，我的工作以及我的感悟。出去剩下的两个不在超链接以外，我的爱好会再向下借三个子网页，分别是我喜欢的歌，我喜欢的书和我喜欢的电影。

（5）有了明确的目标就开始着手制作，在上面那个网站里下载的背景和矢量图

都是需要加工的，需要利用绘图工具把需要的元素从整个照片里抠出来，把不需要的多余的部分擦除，在这个时候什么图片需要放置在什么地方用来做什么已经有一个大致的想法。

（6）没有用其他的网页制作工具，frontpage里面需要事先插入表格，将图片