网页的版式设计一、文字的格式化2.文字的整体编排（1〕文字的图形化（2〕文字的叠置（3〕标题与正文（4〕文字编排的四种基本形式3.文字的强调（2）引文的强调（3〕个别文字的强调4.文字的颜色二、图像1.图像的格式2.图像的形式（1〕方形图（3〕出血图3.图像的编排图13：着重于对左上角和右下角的控制，右下角的树叶起到呼应与稳定页面的作用。这些方法实际上都是运用了对比的法则。图像的一边或几个边充满页面，有向外扩张和舒展之势。例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。图18：在块状组合结构中，如图片太多，则无法突出重点。网页版式的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。如精密的相机镜头以粗糙的岩石为背景，明亮的文字以深邃的星空为背景，或者使用没有背景及陪衬物的退底图像，周围留出大面积空白，都是利用对比对主体形象起到突出作用。虽然叠置手法影响了文字的可读性，但是能造成页面独特的视觉效果。大小对比减弱，则页面稳定、安静。图15：以水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文〔也称为眉头）。图25：网站的导航标题沿图形弧线排列。图29：整体看为正三角形的构图，主体形象稳定而突出。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形式美感。引文的编排方式多种多样，如将引文嵌入正文的左右侧、上方、下方或中心位置等，并且可以在字体或字号上与正文相区别而产生变化。引文概括一个段落、一个章节或全文大意，因此在编排上应给予特殊的页面位置和空间来强调。文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。（2〕图像的面积（3〕图像的数量（4〕与背景的关系5.图像在长页面中的应用三、版式的基本类型1.骨骼型2.满版型3.分割型4.中轴型5.曲线型另一方面，图像本身也是传达信息的重要手段之一。可作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群中，以新颖的版式来打破旧有的规律。这个页面通过改变图片的面积，有效地分开了层次。这些方法实际上都是运用了对比的法则。随着网络环境及技术条件的改善，这种情况已经有了很大的改观。图25：网站的导航标题沿图形弧线排列。（4〕文字编排的四种基本形式图22：四边出血，向外扩张，适合年轻人的口味。很多从事网页设计的计算机专业人员，对于网页的制作技术驾轻就熟，但对于网页富有艺术性和个性的设计却感到力不从心。页面以图像充满整版。倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果。图26：文字水平排列，将画框斜置，产生对比与动势，印象被加强。绕图排列将文字绕图形边缘排列。沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文〔也称为眉头）。7.对称型8.焦点型9.三角型10.自由型谢谢