网页制作中对版面设计的见解
新时期期刊版面设计艺术综论
一
．
神 地 ｎ时 也得到 荚的愉悦 。 剥此 ．突出 美感 住版 面 计的 艺术 ｉ １式 上 １ 常 首要的 一条原则 。版 商设 ｆ ＝ ； Ｅ 计 也是一 种造 型艺术 ．作为 期刊编辑 工 怍 的特定组 成部 分 ．它具有 以 自身的 艺 术形式 向读者传逃市 美意识的覆 要功能 。 峨面设 计应 亢分惜助设计技巧和方陆去艺 术地表现 思想 内容 ．Ｊ 各种 手段营造 出 １ １ 种 与Ｉ 刊１ 容 丰 适 应的 美的效果 ．满 ｌ ～ 日 Ｊ ｊ 足读者 的审 羹心 腿需 求。这 也对 设计者 的思想 境 界 岂术 性养 ，技 术知 叭提 出 了较 高的 等业受求 ： 但 是 ¨ 根 结 底 ． 嘶 所 追 求 的 艺 术 ］ 嘭式必 项椅台对主题的思想 内窑的表达 。 这是 Ｉ 构成的根基。只讲艺术形式而忽 略内容，或只求内容而缺 乏艺术表现，往 往会造成没讣的失败。 一个成功的期刊版 面构曦 ， ‘ 苗先必预日 确要 表现的 卡题思想， 月 然 屙找 到最能伴现 主题思 芯的设计模式 ， 这样才能增强读者的注 目力与理解力 微 到主题思想鲜明实 ＿ ．一 目了然 ．从 选 Ｈ 到版 ｆ构成的最终 日标 形式与内容的统 酊 艺术性 与思想性的统 ・ 是期刊版面设 计 的最 佳境 界。 ２ 拙创性 和谐性 ． ｊ 创性原则寅质上是突出期刊畈面 个 由 性 化特 址的 原则。 蚌明的 个性 ，是版面 构成的 创意 灵魂。 具有拙 创 个性特 色的 ｌ 扳式 计 ． 币 仪能 恰 如 其 分地 表 达思 想 ，本 身也总是能摆 脱规 范化的 、 习 的常规 束缚 ，将 图片 、插 、字体 、字 号 线 条 ，空 Ｅ ，经 过 巧妙 的 有 序组 １ 合．构成 ・ 砥贞形 象生动 的 、情 景 交融 的 ， 史图 掉茂的 峨 嘶， Ｌ 人 耳 目一 新 ． ｌ ： 一 令读学 章受 阅读的 乐趣 富 有特 色和 个性的皈而 瑷计是 由期刊 的 各个 页体现出来的 ，因此 没Ｈ 人员要 根据每 箱文 蕈的特色设计各个版而 。 试想 ． 如果一 奉期刊的 备搬靠页版面 多是 单－ｆ 匕 与慨念 化的 凡同小骅，那是 多么令 读者疲 倦，乏ｌ 崃！期刊附役计编辑 几员必 项有 比 较 敏锐的市 蓑啦点和 Ｉ 造性的思 维方式 ． 有一定的艺术Ｉ 和技 术知识 ，能紧紧围 ｉ ｌ １ 绕捌于 拦 Ｅ及Ｉ ０ Ｉ ～史的特 托，掏思 殳计出 无穷无 的版面变化 ．在版面构成中多一
网站编辑岗位职责(15篇)
网站编辑岗位职责(15篇)编辑岗位职责1任职资格：1、电子商务、计算机相关专业优先，有一定的逻辑思维,热爱互联网工作；2、对SEO有兴趣；对新闻编辑有兴趣，热爱互联网，将来希望从事推广运营类工作；3、学习能力强，富有责任心，沟通能力良好。
4、电脑操作熟练，能够接受枯燥重复性细致的工作。
岗位职责：1、由本公司资深SEO主管进行软文资讯编辑及SEO优化的培训，对本公司的门户进行优化1、通过关键词构建__外链；2、挖掘关键词对应用户需求内容，对用户的喜好揣摩，写出引导用户转化的好__，提升排名；3、完成领导交办的其他工作，提升B2B门户运营技巧，提升PC端访问量。
编辑岗位职责2岗位职责1.具备原创软文写作能力，负责公司专业站推广，SEO关键词推广，新闻案例更新。
2.负责搜索引擎优化的研究、分析；竞争对手分析3.监控和跟踪各分析结果，给出改进意见并制订关键词策略；4.协助业务部打理阿里等商铺内容的更新、维护，发布博客、论坛、微博等方式进行产品推广5.需懂SEO优化知识有自己见解，有成功案例，懂PS软件优先考虑。
任职资格1.大专及以上学历，计算机网络或电子商务专业。
2.二年以上工作经验，从事相关工作者优先。
3.能熟练运用photoshop以及办公软件的操作，懂SEO。
4.爱岗敬业，忠于企业，责任性强。
5.语言表达和文字写作能力强，有一定的软文写作能力。
6.为人友善、亲和，善于与人沟通。
7.具备勤劳好学的品质和执行力，有团队协作精神。
编辑岗位职责3(1)负责公司的信息收集、整理编辑、校审与发布;(2)对公司网页图片的制作、排版及内容更新;(3)配合部门人员完成需求图片的制作;(4)宣传策划文案攥写、设计专题，公司微信公众号更新等网络平台管理;(5)配合SEO优化人员，协助负责内容进行关键词优化，做好站内优化，提升收录量;(6)外部渠道的信息收集、整理、编辑、发布等;编辑岗位职责41、负责专家的对接、联络及维护。
网络新闻专题(学习资料)
网络专题（网络编辑学习资料）专题在网络新闻编辑中，是从无到有、从少到多发展起来的。
1999年，专题开始较多地出现在新闻网站上，之后逐渐被多数网站采用。
在经过几年的实践后，新闻专题在中国网络媒体的新闻业务中已经被推到了十分重要的地位。
在网络中，专题是在某一主题或某一事件下的相关新闻、资料及言论的集纳。
与传统媒体的专题不同的是，网络专题是一个可以在时间上无限延长的、开放的空间。
专题有着双重含义，一方面，它是网络新闻资源进行包装的一种外在形式，另一方面，它是体现网站的编辑思想与意图的一种内容整合手段。
从形式上看，专题将过去、现在以及未来可能发生的互有联系的信息联成一体，构成了一张信息网。
它将分散的信息进行了有机的整合，同时，还利用网络所具有的延时性的特点，使新闻报道得以长久延续。
第12章专题的策划与制作知识目标：了解专题的目的、分类，专题策划的原则，以及内容的编排与制作。
能力目标：培养发现并挖掘专题的敏感，培养策划和组织专题的能力。
第一节专题概说中美军机相撞、“9·11”、伊拉克战争、莫斯科人质事件、十六大、神州五号发射、德国世界杯……对这些事件的专题报道，不仅在当时形成了强大的声势，也成为了历史的活计路，长久地留在我们的记忆中。
在网络中，专题是一个可以在时间上无限延长、开放的空间，它是在某一主题或某一事件下的相关新闻、资料及言论的集纳。
在网络媒体日常运营中，遇有重大事件的报道任务，网络专题常常是需要首先考虑的项目。
反过来说，网络专题也是最适合于报道重大事件的表现形式。
网络专题常常表现为微型网站频道的状态，这样文字、图片、音视频、FLASH、互动调查等等表现形式很容易就能放进专题中，只要这些素材是围绕专题所要表达的主题而来。
网络专题最早以专题栏目和专题报道两种形式出现。
专题栏目只是简单聚合相同主题的网络新闻，访问者点击栏目链接时，展现在屏幕上的通常是多条新闻标题的列表；而专题报道则由一则重头网络新闻为主，辅以背景资料、相关报道作为链接出现在该条重头新闻的页面中。
版式设计PPT
第三
版式设计的发展趋势
过去，人们对版式设计的认识简单地局限于书籍、报刊、杂志等纸质出版物中， 认为版式就是一种图文编排的格式，而不需要任何设计。随着时代的进步，技术手段 的发展，电子影像媒体的广泛应用，信息交流的方式和效率有了极大的改变与提高， 人们的思想观念发生了重大的变化，版式设计的内涵 已经扩充为世界性的视觉传达公共语言。 一、强调创意表现 版式设计中的创意有两种，一种是针对主题思想的创意；另一种是版面编排设计 的创意。要求设计师在版面编排技巧上勇于打破设计传统，不拘泥于以往习惯性的条 条框框，在司空见惯的事物中找到新的表现形式。巧妙地运用幽默、夸张、悬念戏剧 性手法将主题思想的创意与编排技巧的创意相结合，已成为现代编排设计的发展趋势 之一。
1－26 图1－26 Pete Harrison海报设计作品 利用光影与人物的 透叠，产生如梦如幻的情景，使整个画面时尚而美丽
1－27 图1－27 YO TOMO牛奶创意广告 超现实的电脑特效， 向读者展现出一个想象中的场景，令人惊叹
1－28 图1－28 国外某杂志广告 高超的电脑特技将版面中人体 的皮肤异化为特定的肌理，产生既真实又不可思议的视 1－29 觉效果 图1－29 Jazz Radio电台平面广告 将广告语逼真地模拟 成金属皮带扣具的效果，配合牛仔裤的图形，把爵士乐 电台的风格完美地展示出来
第四 版式设计的编排原则
一、主题与中心的突出 任何一种形式的版式编排，其共同目的都是使版面中的各种视觉元素按照一定的主 次关系和形式美法则进行有条理性的组织和排列，然后来共同说明或表达一个问题或一 种含义。也就是说其各视觉元素必须要围绕一个视觉中心来突出一个设计主题或思想主 题。平面设计中的版式是存在一定的范围界限的。因此，在这个有限的范围中，如何提 高其信息传达和情感传达的效率，突出主题是重中之重。因为一个鲜明的设计主题或视 觉中心不但能使整个版面存在一个主角和重心，也能使各视觉元素有机地形成一个“团 队”。更为重要的是受众视线的快速定位及设计思想的强烈传播均与其主题和中心的突 出与否有直接的正比关系。所以主题与中心的突出并不仅仅只是一个“位置”的问题， 而且是关系到设计思想能否成功体现的关键之一。 在具体的设计表现中，版面主题或中心的突出并不是纯粹地强调单一和简单，而是 追求一种设计内容的概括及巧妙地提炼的过程。这个过程是一个艺术构思和构成手法进 行精彩融合的过程。
基于南昌工学院特点的高校网站的建设
基于南昌工学院特点的高校网站的建设摘要：本文分析了学校网站建设的必要性，详细介绍了基于南昌工学院特点的网站建设的过程，提出了网站测试和推广等方面的要点。
关键词：特点网站建设测试推广现在，互联网是人们快速获取、发布和传递信息的重要渠道之一，它在人们政治、经济、生活等各个方面发挥重要作用。
因此网站的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，而学校网站建设也深受人们重视。
1.网站建设的必要性学校网站的主要功能是为教学服务，学校网站正促进教学内容与方式方法的变革，促进学校教育与社会教育的发展，蕴含巨大的教育资源库。
学校网站作为各种应用系统的集成交互平台的作用更显著，是社会了解学校的重要载体，也是对内对外交流、树立形象的重要窗口。
因此，我认为高校有必要建设网站。
2.学校网站的建设学校网站建设分为网站规划、确定技术方案和具体设计实施等阶段。
2.1制订网站规划。
网站建设的首要问题是制订网站建设规划。
学校应根据教育部和省教育厅等主管部门对高校网站建设的要求，对校内师生员工和校外各界人士与普通浏览者的不同需求进行认真分析、调研，结合本校的特点特色确定网站主体和功能定位，做好各种需求的链接，并努力将校园文化建设的思想贯穿于网站建设的各个阶段。
按照可实现的功能确定网站的主体框架，设计出层次分明的网站栏目结构，进而初步确定相应的目录结构，绘出合理的网站地图。
建立一级导航栏目、功能模块和快速通道等，据此设定相应的二级栏目和三级栏目。
接着确定网络域名，一般可采用英文缩写或者汉语拼音首字母缩写。
2.2确定技术方案。
当我们着手一个网站的建设时，一定要在具备周密的规划和相当的准备工作之后才可以进行。
确定技术方案时，要做出财务预算、确定设计人员和确定网站开发进度表。
要先组织人员进行前期工作和项目预开发。
在确定网站建设的技术方案，进行系统硬件和软件的选择时，要遵循既能满足师生网络各项功能需求，又能充分利用预算资金，综合分析，兼顾网站使用者的主要群体，充分体现最优的原则。
计算机应用基础教程第10章chu
7
• FrontPage2000基本操作 建立新站点——开始-程序-文件-新建-站点-选定只有一个 网页的站点-指定新站点的位置，如图所示： 按照系统的默认设置建立起来的站点如教材P211所示。
8
• 创建网页——开始-程序-文件-新建-网页-在新建对话框 中进行选择。如下图所示：
9
• 导入网页操作： 从“文件”菜单中选择“导入”命令，进入“导入” 对话框。在该对话框中有三个按钮可供选择，即导入 单个网页；导入文件夹中的所有网页；导入站点。如 下图所示：
ቤተ መጻሕፍቲ ባይዱ
5
• FrontPage2000中的视图操作（6种）
• 网页视图—网页的创建、编辑、预览等操作均在此视图中进行。 该视图窗口底部有三个标签：普通、HTML和预览，它们分别控 制网页以普通方式、HTML方式进行编辑或是预览网页的效果。
6
• 文件夹视图——站点显示为一组文件和文件夹。 “文件夹”视图 对于站点的作用与Windows资源管理器对存储在硬盘上的文件的 作用和操作基本相同。在文件夹中的操作自动的修改相应的链接。 • 报表视图——可以方便了解当前站点的文件内容、更新链接情况 组件、修改所有文件列表及变化情况等信息。需要了解站点详细 情况时，使用报表视图。 • 导航视图——可方便地观察站点的链接结构，这个结构很像一个 单位或组织的结构图。其中主页位于顶部，其他的网页归入下面 各层中。在该视图中可以很直观地浏览网站内网页之间的链接关 系，同时也可以通过鼠标将结构图中的网页拖到新位置来改变链 接结构。 • 超链接视图——将当前站点显示为链接文件的一个网络，它们表 示了站点中各个网页之间的相互链接关系。 超链接视图就像一个 地图，表明站点中的超链接路径。 • 任务视图——主要用来创建和管理任务。在视图中列出了当前站 点中的“任务”，即当前站点中尚未完成的项目。
版式设计的发展趋势
这种风格流行于各个设计领域、电脑使设计的 各种视觉要素的组合有了更多的可能性：形的 边缘变得捉摸不定，层次与层次之间的关系也 显得难以确定，空间变得充满深度感，画画的 肌理织体比以往任何时候都要复杂和坚实。电 脑可以运用各种工具将图形进行各种各样的处 理；可以帮助设计师建立各种骨骼和自由快捷 地将图形文字填人其间(见图)。
50年一遇的灾害，给人民群众的生活带来巨大影响，给工农业生产带来巨大损失， 要将损失夺回来，灾后重建是决定性的一仗。抓好灾后重建，关键在尽早、尽快、尽力， 要抓紧电力抢修，恢复生产生活正常供电；抓紧春耕生产，不误农时和农民增收；抓紧 植树造林，不误绿色生态建设；抓紧厂房设备维修，帮助企业恢复生产；抓紧基础设施 的查险加固，确保安全生产；抓紧财税征管，确保财政收入开门红；抓紧主攻工业、招 商引资，确保重大项目建设；抓紧报灾救灾，确保灾民基本生活。
建这场决战的胜利！
1月31日，市委书记谢亦森来到319国道萍莲段督导抗灾，参加破冰大会战，并亲切慰 问一线职工和武警官兵。萍乡武警支队当日出动官兵200人次，担负319国道萍莲 段海拔1300多米的路面破冰排障、疏通交通任务。支队官兵顶严寒、斗冰雪，在 零下5至6度的冰雪中连续奋战10多小时，贯通12公里封闭路面。图为谢亦森在亲 切地为武警战士分发面包。
文字图形化
在平面设计的作品里除了图形之外，第二位
就是文字了。文字这种设计元素已经转换成为 一种符号，呈现出抽象风格的哲学意味。在版 面构成中，文字的版面构成从来没有像今天这 样吸引设计者对它的偏好与瞩目。这种通过文 字图形化的排版所制造的幽默、神秘等独特形 式，已发展成为当前的内涵与情趣，文字作为 生动的设计元素每时每刻都活跃于版面构成中， 使版面进入了一个更新更高的境界， 从而产
版本设计评语
1.产品设计评价怎么写2.急需版面设计的评价语言版面设计，又称为版式设计，是平面设计中的一大分支，主要指运用造型要素及形式原理，对版面内的文字字体、图像图形、线条、表格、色块等要素，按照一定的要求进行编排，并以视觉方式艺术地表达出来，并通过对这些要素的编排，使观看者直觉的感受到某些要传递的意思。
版面设计是艺术构思与编排技术相结合的工作，是艺术与技术的统一体。
版面设计程序通常版面设计会经过以下几个程序完成，但也会因设计者个人习惯、设计要求等因素增加或者减少个别步骤。
构思并画出草图。
可能会有若干草图备选。
选出设计稿。
从草图中选取一个或者几个较贴近设计要求的，并进一步描绘出其细节。
正稿。
在甄选出最后设计方案后，对该方案进行正式的设计、编排、绘制等操作。
清样。
清样是从印刷设备上制作出的校样。
清样应当同最终成品一致。
制作清样就是为了防止在正式印刷制作前仍有没能发现的文字错误、纰漏，不合乎设计要求的细节，或者是没有调整好分色方案等。
如果出现错误，就需要回到上一步继续修改，因此，清样可能制作不只一次。
[编辑] 版面设计与排版的区别版面设计和排版不是一回事，虽然平时有人会将两者混为一谈。
简单的说，可以认为排版就是版面设计程序中的正稿的编排，即在完整的版面设计工作中包括了排版。
排版更侧重技术性的工作，仅仅在指定的方案中，运用技术手段将文字、图片、表格等内容进行组织。
如果是制作印刷品，还要按照印刷要求进行分页。
相对于排版，版面设计更具有创造性和艺术性，需要考虑各要素编排的方案，是一项创造性的工作。
不管版面的内容与形式如何复杂，但最终可以简化到点、线、面上来。
在平面设计家眼里，世上万物都可归纳为点、线、面、一个字母、一个页码数、可以理解为一个点；一行文字、一行空白，均可理解为一条线；数行文字与一片空白，则可理解为面。
它们相互依存，相互作用，组合出各种各样的形态，构建成一个个千变万化的全新版面。
1.点在版面上的构成点的感觉是相对的，它是由形状，方向、大小、位置等形式构成的。
计算机设计大赛数媒静态设计
计算机设计大赛数媒静态设计全文共四篇示例，供读者参考第一篇示例：计算机设计大赛数媒静态设计近年来，随着计算机技术的不断发展和普及，计算机设计大赛在各大高校和科研机构中变得越来越受欢迎。
作为计算机设计领域中的一项重要赛事，数媒静态设计大赛在推动计算机设计领域的发展和创新方面发挥着重要作用。
本文将就计算机设计大赛数媒静态设计进行深入探讨。
一、数媒静态设计的概念和特点数媒静态设计是一种基于计算机和数字技术的设计形式，通过在虚拟环境中进行静态设计，实现对数字化产品或艺术作品的呈现和展示。
数媒静态设计在设计过程中融合了计算机科学、美学、工程学等多个学科的知识，可以充分展现设计师的创意和想法，同时也可以为用户提供更好的视觉体验。
数媒静态设计具有以下几个特点：1. 高度数字化。
数媒静态设计是基于计算机和数字技术进行设计的，设计师可以通过各种设计软件进行设计、制作和展示，实现设计作品的数字化呈现。
2. 实时性强。
数媒静态设计可以迅速完成设计作品的制作和展示，设计师可以通过实时的交互和反馈来不断修改和完善作品。
3. 创意性强。
数媒静态设计具有很高的创意性，设计师可以在虚拟环境中尽情发挥自己的想象力和创造力，创作出独具个性的设计作品。
4. 可视化强。
数媒静态设计可以将设计作品以图形、图像、动画等形式呈现给用户，使用户更直观、更准确地理解设计师的设计意图。
数媒静态设计大赛作为计算机设计领域中的一项重要赛事，对于推动计算机设计技术的发展和创新具有重要意义和价值。
其主要表现在以下几个方面：1. 激发创新意识。
数媒静态设计大赛提供了一个展示设计师创意和想法的舞台，激发了设计师们的创新意识和创造力，促进了设计领域的创新发展。
2. 推动技术进步。
通过参加数媒静态设计大赛，设计师们可以了解最新的设计技术和工具，学习和掌握前沿的设计理念和方法，推动计算机设计技术的不断进步。
3. 培养设计人才。
数媒静态设计大赛不仅是一个展示设计作品的平台，更是一个培养设计人才的摇篮。
报纸版面设计 (2)
快捷键常识竖排格式菜单—竖排字不转格式菜单—纵中排横最多排三个数字Ctrl+右键=页面显示之间切换Shift+右键=页面显示100%与200%之间切换正文字号大小5号字报宋字体版面大小4K标题在排版里做消息头：黑体跟正文字同中间空一个汉字的距离。
注意修改导语。
查找错别字。
修改词性.标题越大，越重要，正文字数多，重要。
不同标题可以用不同字体。
Ctrl+d排入文字。
Ctrl+b分栏分栏4K报纸横向贯通应该分为对K的报纸横向贯通应该分为信息占3分之2的时候应该分几栏（4K 和对K）栏间距最小是1.5个字新闻史点箭头鼠标双击文字缩紧一般稿件文字不超出标题。
SHIFT+左鼠标拉文本框可以排标题或者图片给图形里排版点美工路径属性第一节版与版面报纸版面学的研究对象是报纸版面版：古代的“版”与“版”字相通，本意是筑墙用的夹板。
唐代—20世纪后半叶，电子照排术按相关规定“版面”是“印刷品成品幅画中图文和空白部分的总和第二节.现代报纸报面现代报纸版面简称“报版“是一种特殊形式.一.现代报纸版面与书刊版面的不同：1幅面大小不同。
2.书刊有封面，报纸则无3版面结构不同，报纸分栏，则每版的栏数较2多4.书刊需“装订“而绝大多数报纸不需装订，是散落的。
“报纸（日报、周报）通常是大版面，不装订，有高度的时效性和五花八门的内容的“空期出版物”二报纸版面的特点1 大--面积(单个版面的面积）2 密--排列密集（正文字号与行距均小于一般的书籍杂志）办报人的追求：用尽可能小的字符，尽可能窄的字距，行距，在一块版面上刊登尽可能多的信息内容。
（注意质量，有效信息与有余信息之分）3.碎--布局零碎每个版同时刊登多条稿件，为了阅读方便，通过“栏”的划分，进行条块分割。
布局零碎给版面设计增加了难度，却也为版面提供了无穷的变数。
形成迥异的版面风格。
给版面设计者带来更多的设计。
阅读者也有益4.独--单版独立。
每个版面都可以单独承载某一方面的稿件。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
简介：在制作网站中，特别是在网页的版面设计时，应呈现出独特设计风格。网页的版面设计要有统一的风格，形成整体，从更深层次、更为广阔的视野中来定位自己的版面样式，从而达到别人所没有做到的效果。希望本文能给网站建设朋友们一点小小的帮助，当然本文主要谈的就是网站制作中网页的版面构造、元素、图片......最后能够形成统一的视觉识别。
1、课题研究背景 在网络高速发展的今天，网站成为信息的一种主要传播媒介。那么网站建设不仅要把握好网站整体界面设计，网站框架设计，网站优化技巧，更重要的是一种综合运营能力，包括审美，用户体验，创新，管理。那么怎样才能把网站建设好呢？首先，在制作网站前要对所制作的网站有一个整体的构造，包括文字的排版、图片的规划、表格的布局......。其次，就是对每个页面要合理编排和布局，也就是这里所说的版面设计，版面结构是指一种能够让浏览者清楚、容易地理解作品传达的信息的东西，一种将不同介质上的不同元素巧妙的排列方式。再次，就是要正确看待建设网站的内容，不能把所有的网站都以一种固定样式进行制作，而是要根据具体的内容来安排所制作的网页版面格式。比如说：娱乐性的网站要求格式千变万化，而教育类网站总体上要求要单调一点较好。
做好这些工作以后，就要对网站的页面进行排版，也就是所说网页的版面设计。所谓的网页版面设计是指将网站的一个页面看着报纸、杂志或者说是某个门面进行布局、整理和排版。虽然今天的网站布局是千变万化的，但万变不离其中。所以固定的网页版面设计基础依然是必须学习和掌握的。在上网时，你会发现有些页面是很吸引人的、而有的呢却无法让人们停留他们的眼球，那就是网页的版面是否遵从读者的心理。这里网页版面设计包括网页的版面布局、版面的设计原则、版面设计的美化......。
2、网页的版面布局 布局，就是以最适合浏览的方式将图片、文字和表格有条理的排放在页面的不同位置。 在众多的网站版面布局中，主要有以下几种布局步骤： 2.1、草案 在新建的页面中，什么也没有，就像一张白纸，需要进行规划。当然最好是在纸画出大致的轮廓，这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。
2.2、粗略布局 就是在草案的基础上进行更一步的修改，然后确定进行连接等一系列的操作（包括新闻、flash动画……）。在这里必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。
2.3、定案 所谓的定案是将将粗略布局的页面做最后的修改，然后定下方案。 3、网站页面设计的原则 在今天网站页面的设计同样遵循一定的原则，就像一些综合期刊一样它也有一定的原则。俗话说：“不以规矩无以成方圆”，所以网站版面设计的原则有：有序性原则、平衡性原则、装饰性原则。
3.1、有序性原则 有序性是指在网站的页面编辑中要遵循一定的规范。比如说是按照左右型结构、左中右型结构、右左型结构、用表格（
3.2、平衡性原则 虽然网页不像图书、杂志那么复杂，不像他们的页面那么大。不过在读者的眼里一样要有视觉的均衡性，也就是所谓的平衡性原则。
版面构图的基本元素是点、线、面,其中单个的字符是点,由字符组成的行是线,由行组成的段落是面。线和面的运动方向可以归纳为水平、垂直和倾斜三种形式。水平和垂直给人以安静和固定的感觉,倾斜则具有运动感。水平、垂直和倾斜组合起来使用会给版面带来丰富和生动的效果,从而使版面在整体上保持平衡的前提下具有动感和变化。如有的期刊把文章的篇名、作者、摘要、关键词等前置部分采用右顶格排(而不是习惯上居中排) ,这种构图上的适度倾斜可以给读者在视觉上产生“顺势而下”的流畅感觉。
3.3、装饰性原则 这里最重要的是“虚”与“实”的对比以及巧妙的运用空白的装饰性原则。在版面设计中还要注意立体的装饰效果,比如“前景”标题可以用加大加黑的办法强化明暗对比,“中景” 正文突出文字与空白的黑白对比“, 背景”页码和注释、参考文献用缩小字号的办法使色调显得柔和轻淡一些。从而使版面在整体上体现出层次感。 4、营造网页版面的艺术美 任何东西都有它特定意识美，网站也不例外。网页版面不是单纯化装的脸，而是要把艺术形式和内容完美的结合起来，从而给读者一张生动、内容丰富的脸。网页版面以网站的每个页面为对象。对其进行美的视觉上的设计。所以有人把这种设计叫做：“美的视觉上的传达性”。
4.1、网页版面设计的统一性 统一是指事物的相继出现，并带有联属关系的属性。这里所讲的统一是指网页中应该出现的文字、图片等按照一定的规律有机的结合。网站页面的版面设计要求有统一的设计标准、统一的色彩和统一的风格，由此加深别人对此风格的认同。网页版面的统一有：
4.1.1、图片与版式的统一， 4.1.2、标题一版式的统一， 4.1.3、内容与版式的统一， 4.1.4、内容与版式的统一。 4.2、网页版面设计的广告性 网页版面的广告性就是该网页版面设计的醒目程度，它是表现网页内容的重要手段之一，被视为一种促销手段、一种说服艺术。在目前，网页的广告大致有三种表现形式：
4.2.1、内容直接展示型， 4.2.2、醒目展示型， 4.2.3、注重版面文字的潜在力。 4.3、网页版面设计的工艺性 网页的版面设计要求有一定的工艺性。不管是商业网站还是政府网站，甚至学校类网站都要求有一定的美感和艺术形式。特别是在今天人民疯狂的追求现实美和空间美，所以在设计中要体现这种美感。以求得到人们的认可。
5、网页版面设计要遵从读者的阅读心理 网站制作中网站设计者的思想、意图、网站的内容都是通过版面的设计来影响读者的心情。一个赏心悦目的版面能使网页增添色彩，也能使读者带着愉快的心情来看整个网站，大大增加了网站的阅读次数。相反一个糟糕的网站会使读者大大的打折扣。
6、用DIV和CSS设计网站的页面和易改变WEB信息 CSS主要是将网页上的内容与格式分开控制，也就是说当你把某个页面编辑好以后觉得不好的话可以利用CSS在后台进行再次排版。但是现在的网页在一般情况下都是用表格、层等，CSS多是潜入到HTML语言中，不能很随便的改变网页的版面布局，也不能很好的发挥CSS在版面布局中的作用。在这样的情况下，DIV诞生了。通过使用HTML的DIV和CSS一起就很容易而方便的改变网页的版面布局。CSS是网页制作技术, 能简化网页的格式代码。目前网页布局多用表格、层等, CSS排版功能得不到充分利用。和DIV的共同使用就把CSS的功能发挥的淋漓尽致。
CSS是跨平台浏览器之间的国际标准W9C中的一部分, 是一种对WEB文档添加样式的简单机制,属于表现层的布局语言，在CSS 标准里, 不仅重新定义了HTML 原来的样式, 使CSS 在格式定义方面具有特殊优势。更加入了区块设置、随意位置摆放等页面布局样式设定, 使CSS可以提供精确定位功能以及各种特殊效果。从而为网页布局和页面效果的制作提供一种新途径。
CSS元素的排版格式, 可以通过“#Classname标记{CSS代码}”放在任何HTML 标记上使用整个页面的排版, 借助于HTML“空元素”DIV 与CSS 来充分发挥CSS 布局功能, 使网页布局可以有很大的自由度。
6.1、用DIV与CSS技术设计网页 DIV 是HTML 的一个标记，用于定义内容块，并不显示任何内容, 通过对一个DIV 标记创建一个样式规则，可以将样式应用到所有包含在……之间的不同标记上以及包含在DIV 标记之内的内容上, 不需要为每个个别的元素指定其自己的样式规则。
将网页内容规划成DIV块， 然后把每块内容定义好样式表，将多个样式定义汇集到一个样式表文件中, 应用Class=””或Id=””来应用CSS样式表项,其属性和值就可以格式化这个块内内容。
6.2、CSS与DIV共同应用的优点与缺点 6.2.1、DIV 块方便块间移动，版面格式容易更新，与CSS 配合方便网站改版，改变网页的布局、网页的外观。 6.2.2、使用CSS排版，由于内容和格式分离，可以每次只更改网页内容，或只更改样式以改变网页外观，从而满足于频繁更新的信息网站。
6.2.3、5.2.3、块内背景图片过多，网页加载量大，会导致网页下载速度慢。 7、网站版面的设计对营销的重要性 网站版面设计对网站营销的重要点是什么？这个可能是很多人都要问的问题，企业网站版面不就是一件漂亮的衣服吗？俗话说：货卖一张皮。网站版面就是企业网络宣传的一张皮。
7.1、网站版面要突出主题 想要突出什么，那么就要在网站的首页就要去体现，如何让客户更容易找到和理解，不要把网站的优势放在角落里面。在醒目的位置尽情展示。如要突出产品。那么就把所要放的产品放在最显眼的位置。
7.2、网站版面颜色基本上要和网站内容的行业相配合 设计风格和样式是跟据个人的审美观不同，而有所不同，没有统一的标准去衡量美，但颜色基调就可以大体一致。如美食行业和机械行业的颜色就完全要不样。不能是自已喜欢哪种颜色，就偏用哪一种。
8、用表格
一个好的网页往往版面规整, 内容摆放井井有条, 让人看了赏心悦目, 而这样的版式经常是由表格控制的, 只不过不显示表格的边框而已。在上网的时候，大家不难发现在很多网站中，表格的应用非常平凡。这些网站的大部分页面都是用表格布局的。那么表格到底是怎样在网站的版面设计中发挥作用呢？
表格由行和列构成, 所以常用的表格标记有： 〈table〉……〈/table〉表示表格的开始和结束，