对于网页复制代码的排版举个例子：百度冒泡排序，点百度百科那个随便找里面的一段代码，
如果直接复制到word,是这样...
复制到vs2008是这样，都在一行...
下面图文介绍下解决方法：
1、新建个txt，复制网页的代码放到里面，结果如下：
作用是让每行代码都分隔好。
2、从txt里面把代码复制出来，粘贴到一键排版软件中，注意下面有3个勾选条件，把“段前加空格”的勾去掉，然后点“快速格式化”，结果如下：
作用是每行代码顶格
3、再从这软件里面把代码复制到word里面，全选代码，点击，
结果如下：
作用是去掉中间没用的行，到这里就做好所有准备工作，一步都不能缺
4、现在可以把代码复制到CoolFormat，选择好你要的“格式风格”和“语法着色”，这里我用默认的
然后点“快速格式化”
然后就OK了...
网站首页设计原则
设计首页的第一步是设计版面布局： 就象传统的报刊杂志编辑一样，我们将网页看作一张报纸，一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧，但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的，你可以领会要点，举一反三。版面指的是浏览器看到的完整的一个页面（可以包含框架和层）。因为每个人的显示器分辨率不同，所以同一个页面的大小可能出现640*480像素,800*600像素,1024*768像素等不同尺寸。 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。你可能注意到：“最适合”是一个不确定的形容词，什么才是最适合的呢？谁也不能，也不可能给您一个完整的正确的答案。就好比有人希望知道成功的秘诀是什么，成功者只能建议您用什么方法，什么途径才能最容易获得成功，而不可能有一步成功的"秘诀"告诉您。 版面布局是一个创意的问题，但要比站点整体的创意容易，有规律的多。让我们先来了解一下版面布局的步骤： 一.草案 新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去（我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以）。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。 二.粗略布局 在草案的基础上，将你确定需要放置的功能模块安排到页面上。(注：功能模块我们在"首页设计-引子"中提过，主要包含网站标志,主菜单,新闻,搜索,友情链接,广告条,邮件列表,计数器,版权信息等)。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，
网页设计中文字排版的10点技巧
网页设计中文字排版的10点技巧 在网页设计中，文字排版对于网站和用户之间建立良好的沟通以及帮助用户实现目标起着重要的作用。当我们谈论网页是否能和用户建立有效的沟通的时候，通常是指文字排版在这里起到的作用： “网页中95％以上的信息是以文字形式呈现的。” 良好的排版使用户更易于阅读，而混乱的排版则使用户失去继续浏览的意愿。正如“Oliver ReichensReichenstein在他的文章“Web Design is 95% Typography ”中写道：“排版的目的是优化可读性，访问率，可用性，保持和图形的平衡关系” 换言之，优化排版也在帮助您优化界面。本文中，我们提供一组规则，将帮助您提高文本内容的可读性和易读性。
1.不要使用过多的字体 网站排版中建议最多不要超过3种字体类型，不然会使网站看起来松散和不专业，不仅太多的字体类型会造成这种问题，太多的字体尺寸也会破坏网页布局。 通常情况下，将字体家族的数量限制在最小数量（2个是很多，1个通常就够了），整个网站坚持使用相同的原则。如果使用多个字体，请确保俩个字体是否和谐。以下面的字体组合为例，Georgia和Verdana的搭配相得益彰，相对比较和谐。相比于右边Baskerville和Impact则会有明显的冲突感，非衬线Impact明显的超过了Baskerville的视觉冲击力。
而在中英文排版中，建议大家中文使用标准中文字体，而英文、数字和字符使用标准的英文字体。以下面的图为例，是否可以对比处那个美观一些。 2.尽量使用标准字体 在Google Web Font或者Typekit，和国内的“有字库”的字体嵌入式服务有很多有趣的字体，对于国内设计师来说，痛苦的是中文字体会很大，一个字体动 则几兆，十几兆的，这样用户在会增加用户浏览网站的载入时间；反之英文字体26个字母大小写，加数字标点符号一共几百k的字体是很容易在网页中使用的。 尽可能选择标准字体（近几年网页中通常使用思源黑体，PingFang，英文可以使用Arial，Calibri或者其他常见的易于屏幕阅读的黑体字，如没有特殊概念指导尽可能避免使用衬线字体，如宋体） 不是每位用户都可以在终端上看到同一个字体，意味着你选择的适合的字体，用户有可能看不到。 用户更熟悉标准字体，因此他们可以更快的阅读 特殊的、并且少量的字体可以制作成.svg格式的素材嵌入Web使用 良好的排版会使用户更加关注内容本身，而不是字体的类型。 3.限制一行文字的长度 保证每一行文字的字符数量是文本可读的关键。不是设计师来定义文本的宽度，而是根据用户的可读性来定义。 太宽-会使得单行文字太长，读者的眼睛会难于专注文字。因为长时间阅读容易串行，大段的文本中很难找到正确的行。
网页的排版与布局-网页设计初学者入门攻略.
网页的排版与布局网页设计初学者入门攻略 WORD制作：寻找尤娜
网络时代，人本身的因素是相当重要的，只有拥有这方面的一定的审美知识，才有机会做好网页，而真正技术上的东西是不重要的，毕竟技术的发展是使每个使用者使用更加的方便，发展的趋势是让软件成为“傻瓜型”。终极目标就是用鼠标一点就能够使所有的网页完成。所以，我们应该培养自己的审美修养才是最重要的。而真正的体现是在具体的网页的布局上，网页的设计呈现出多样化的趋势，但是万变不离其宗，我想认真的分析一下，可以得到一些有用的东西，在我们应用的时候作为参考。 虽然网页设计拥有传统的媒体的不具有的优势，例如是能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么形式呢？ 形。原形，包括原始形，或称自然形。 式。许慎之《说文解字》说：“法也”。它包括“法则”、“法度”、“法制”、有“用法”的含义，也就是一种“格律”。 中国古典建筑形式就称为“法式”。“形”是自然的，“式”是人为的。“形式”是将自然形态经过人为改造而称为一种新的美的形式。自然形态只有通过人的改造，才能起更大的作用，由于这个原因，就形成了今天的审美形态，形象是客观的，形式则是依据客观的规律进行主观的创造。如果没有主观的创造，就没有艺术，也不可能有今天的一切，
当然对于实际的网页制作来说，这也是最基本的，就是主观的创造，因为这是一个网页的灵魂，假如没有自己的主观创造，就只能拾人牙慧，重复别人丢掉不用的东西，是毫无意义的。所以现在强调网页设计的创造，表现在对页面的布局上，具体说就是体现在页面的形式美方面。就是通过页面的合理安排，例如文字的条理清楚、流畅、整体，使形式美得到体现。 首先从网站内容上来进行排版 现在的网站通常具有的内容是文字、图片、符号、动画、按钮等，其中文字占很大的比重，因为现在网络基本上还是以传送信息为主，而用文字还是非常有效率的一种方式，其次是图片，加入图片不但可以是页面更加的活跃，而且可以形象的说明问题。所以按照目前网页的设计，可以有针对性的对这些内容作一些调整，可以得出一些可以借鉴的东西。 既然文字是现在网页传输信息的主要工具，那么就得把页面上主要的部分留给它，这个看似简单的道理却是很多的网站所忽视的，包括一些影响力较大的网站，一味的讲求“美观”，花在形式上的没有具体内容的东西占了很大的比例。主要的文字性的内容却放到下边，结果上网的用户却要难以很舒服的获得信息，有时候要拉动下拉条才能看到整个页面的主要内容。
网页的排版布局和原则
1.网页的排版布局和原则 2.网页色彩搭配的技巧 一.知识点: 一.网页排版布局的步骤： 1.构思,并且有多个草稿进行粗略布局 2.将粗略布局精细化，具体化 3.修改 二.网页排版布局的原则 1.平衡性 (1)文字、图像等要素的空间占用上分布均匀 (2)色彩的平衡，要给人一种协调的感觉。 2.对称性 对称是一种美，我们生活中有许多事物都是对称的。但过度的对称就会给人一种呆板、死气沉沉的感觉， 因此要适当地打破对称，制造一点变化。 3.对比性 让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。例如黑白对比，圆形与方形对比等， 它们往往能够创造出富有变化的效果。 4.疏密度 网页要做到疏密有度，即平常所说的“密不透风，疏可跑马”。不要整个网页一种样式，要适当进行留白， 运用空格，改变行间距、字间距等制造一些变化的效果。 5.比例 比例适当，这在布局当中非常重要，虽然不一定都要做到黄金分割，但比例一定要协调。三常见的布局样式： 1.T字型 最上方是广告条，页面下方左面是菜单，右面显示页面内容，整体上类似英文字母“T”，所以我们称之为T字型布局。这种布局条理清晰、主次分明，非常适合初学者学习，但略微有点呆板。 2.口字型 这种布局类似一个方框，上下是广告条，左面是菜单，右面是友情链接，中间是网页内容，页面布局紧凑、 信息丰富，但四面封闭，给人一种压抑的感觉。 3.对称型 整个网页呈上下或左右对称布局，非常醒目，如果两部分搭配协调，网页的视觉效果非常好，很有冲击力。 4.海报型 这种布局就像我们平时见到的海报一样，中间是一幅很醒目、设计非常精美的图片，周围点缀着一些图片 和文字链接。这种设计常用于一些时尚类和公司的首页，非常吸引人。但大量的运用图片导致网页下载速度很慢，
网站常用HTML代码 排版代码
网站常用HTML代码排版代码（例如字体大小颜色等） 一：颜色代码 如果你想使用某种颜色，取得它的颜色值即可。比如，您想改变某些文字的颜色，您可以使用下面的代码：改 变#符号后的代码即可改变颜色 二：文字加粗倾斜的代码 ◆文字加粗的代码是: 你好 ◆文字倾斜的代码是: 你好！ ◆底线字： 三：文字链接代码 如果您想点击某处文字会连接到另外一个网页的效果，这是超链接，代码是这样： 共享空间如果要点了这个文字以后重新打开一个窗口的话，代码是：共享 空间 四：在网站上放图片的代码 如果你看到一个好看的图片想放到网站上，代码是这样的： 
后面的数字调节图片的尺寸大小。 五：图片链接代码 如果要点一下图片就能打开一个网站的链接代码是这样的： 如果要点一下图片就能打开一个网站的链接，并且重新打开一个窗口。代码是这样的： 上面的数字都能调节图片尺寸大小。 六：换行代码 如果你想换行，直接用Enter键是不行的，需要在您想换行的位置输入
，这样就会分成两行显示，整个网站看起来也不会是一大片了，而是段落分明。 七：文字移动的代码是 八：移动图片的代码
