网站专题页面该如何设计
认识专题--既然是关于某个主题的专题，那么一个简介视乎是必不可少的，各大专题页我们都能看到这样一个简介，或长或短，但一定要深刻醒目。
页面特性：产品页面简洁易用，专题页面绚丽视效印象深刻。
在页面设计当中，产品页面(如facebook 微博twitter 微吧等)的设计。注重功能，交互，设计要考虑用户长时间的浏览体验。视觉上侧重间距，布局，按钮和logo,及icon样式。注重规范和视觉识别性。样式通常简洁易用，绚丽元素少，视觉上并不强调冲击力。
专题页面时效性有限(大多专题是有推广及活动时间限制的，过了这个时间，就很少会有人再访问该页面。)，多为活动推广和吸引用户等内容，能在限定的时间的吸引最多用户才能形成有力的推广，需要强有力的视觉效果，和有趣的浏览体验，来达到吸引用户的特点。在规范和布局甚至交互上可以适当放宽要求。
用抢眼的视觉吸引户并留下深刻印象是专题设计的首要!
用抢眼的视觉吸引户并留下深刻印象是专题设计的首要!
传统产品页面，简洁注重功能和图标等视觉设计。
专题页面突出视觉效果，华丽丰富
微博专题多为各种微博活动和推广内容设计。内容较多，在设计好头图这种主视觉的同时，大量内容和栏目的排版布局也要注意。针对专题视觉设计的特点着手，才能实际出优秀的页面。
设计专题
确立UE，沟通需求。
需求方的UE稿(产品文档)是专题设计的前提，需要设计师和需求方一起进行沟通。设计师可以在早期就对专题需求提出自己的创意和方案，再由需求方形成UE稿。设计师再根据设计稿进行设计。由于专题设计往往没有专门的交互设计支持，很多时候，UE稿只明确了该专题所要展现的内容，设计师需要自己对UE进行一些交互上的调整和优化。(要注意对UE的优化设计往往是递进式的，贯穿设计专题的整个过程，未必一蹴而就的去翻新整个专题UE)。
专题结构
大多数的专题结构可分为头图部分和内容部分，传统的专题一般只有一个主页面，复杂的则有若干的二级页面组成，视专题的规模而定。一些特别的专题则有着特殊的表现方式，包括类似用flash制作minisite，以及一些异形的特殊专题。采用何种结构要看谁能更好的服务于需求。
特殊结构形式的专题，头图即为封面，专题的体验类似翻书
专题尺寸
微博专题通常都有较多内容，会使得页面的高度过高，(很多专题的高度都达到了3000px)。设计时需要适当的缩短栏目的间距，尽可能的减少页面高度。专题的页面的宽度和微博主站相同为950PX，采用这个宽度是为了能兼容最广泛的显示器分辨率
(1024px*768px)，但由于专题的设计更加注重视觉效果，而且目前的很多年轻用户(年轻用户往往是专题的核心用户)的显示器分辨率早已超过1024px很多，所以我往往会将专题的主视觉和专题内容保证在950px之下，而头图的实际设计效果会在1600px宽度时做最好的展示。
600px是我们定义的微博专题的首屏高度，也就是大多数用户第一屏能够看到的区域。在这个区域内，我通常将头图的比例做到280px-400px左右，这样做的目的是为了在突出专题主视觉的同时也要让用户在第一屏就可以浏览到部分专题内容。(而通常产品页面的头部视觉在高度上要小很多，产品页面本身特性所决定的。)
设计头图
结构确立接下来后就开始头图的设计，优秀的头图是专题设计的灵魂。本文资料由https://www.doczj.com/doc/097298254.html, https://www.doczj.com/doc/097298254.html, 归纳整理
设计头图首先要考虑的是头图的设计风格，根据不同的题材，选择不同风格的视觉设计。一般我会事先在纸上或是脑中勾勒一个大概，有些专题没有具象的视觉元素那么就从专题的文字入手，如果实在不带感，可以将一些与专题相关的元素先拼凑在画布上，然后尝试各种组合，也许一会就能擦出火花。
头图风格
关于微博专题的头图设计风格大致分为：写实类，卡通插画，大标题突出等。写实类头图多需要人物出场涉及版权，所以这种实类的风格的偏少，大部分还是后两种。如果需求方对设计风格认可，我喜欢在头图的设计中放入一些自己绘制的视觉元素，尽量减少素材使用。
写实风格头图，多由人物构成。
卡通绘制类头图。
大标题为主的头图。
头图构图
在某种程度上，专题头图的设计有点类似一个更大的banner，但也有着很多的不同。它需要考虑如何巧妙的与下面的内容衔接，而且尺寸更大，细节更多，构图可以变化，如果只是千篇一律的采用规则的构图，会让专题显得单调，呆板，视觉效果不好。
圆弧形的割头图和内容区域的构图
头图标题
好的专题头图，除了有精美的视觉元素外，头图的大标题要重点强调，它通常需要设计师花费专门的精力来制作字体的变形和特效。好的字体效果其实可以成为专题的主视觉，成为最亮眼的一部分，同时也是最直接体现专题主旨的方式。
手绘设计的头图大标题
一般的头图设计只是专题视觉元素的体现，而有的头图本身就承载专题内容，这要视专题的内容和需求而定。即便如此还是要注意在样式上美观。
头图本身即承载内容功能
头图部分的设计是整个专题的重点，也是专题最需要突出的亮点，头图可以确立整个专题的基调。
优秀的头图应该紧贴专题内容，美观，吸引用户停留。
专题内容区的设计
形式多样，巧妙衔接
内容区与头图的衔接要巧妙，忌生硬。形式可以有很多变化，与专题整体的视觉要素结合，或可以继承头图中的视觉元素，设计出不同的样式，让内容区的展现更生动。让专题页面的视觉效果更佳的统一，整体~!
用桌布菜单来打造餐饮专题的结合部分。
桌布托起头图，本身也成为内容的背景。
内容清晰，布局合理
虽然是突出视觉样式的专题设计，但让用户能够关注专题内容还是基本。不能因注重头图的设计而有所怠慢，不一定要遵守栅格化的理论，但通常为了后续的制作方便我通常以5px的倍数进行间隔区分，个别情况可以例外，只要间距在视觉上保持规整即可。除了一些”PK性质”的专题模块，要注意模块栏目分布的权重，内容的主次要清晰，排布在逻辑上有关联性。
特色模块，视觉突出
一些重点突出的模块要和其他栏目模块做区别设计，做到突出而不突兀。
标题栏和模块的细节也应该注重视觉效果，较产品页面而言可以做一些修饰，但不可喧宾夺主。
为获奖模块设立单独的样式。
标题栏的也可以根据主题设计细节
专题二级页和系列专题
通常二级页面的头图都是复用主页，但也要适当的为每个页面增加视觉元素予以一定的区别。要注意的是增加的样式也不易过繁，因为头图的存在会显得凌乱。
本文资料由https://www.doczj.com/doc/097298254.html, https://www.doczj.com/doc/097298254.html,归纳整理
为不同的二级页面设计区别的视觉元素。
本文资料由https://www.doczj.com/doc/097298254.html, https://www.doczj.com/doc/097298254.html, 归纳整理
如果需要打造系列专题，就要注意规划设计复用元素，比如相同的logo标题，和为强调系列感的统一视觉风格。以此强化用户的对系列专题的印象和认知。
系列专题的元素logo复用以及风格统一。
专题设计细节注意的若干点
? 头图要有延展性，要注意宽屏分辨率下的显示特点。
? 专题交互细节，为按钮翻页等交互元素设计各种状态，会有更好的体验效果。
? 专题自身的视觉设计的延展和统一，包括专题附属的弹层，对话框等的细节设计。
? 交付物的规范。专题图层众多，题设计完毕后交付前端的同事时，应该对图层进行分组。文件体积大就要删除或隐藏无用的图层。
? 专题设计稿提交时，尽量可能采用不同的图片，数目参差的正文，来替代设计稿中的模拟内容，这样有时够发现一些忽略的问题(如文字过多溢出，以此来进一步调整间距等)，重要是可让他看上去更像是一个即将上线的真实页面，更好的展现你设计的最终面貌。有时会觉得多此一举且低效，但这能让我们显得更专业。
? 良好的沟通：设计师可以提出更好的风格意见，视觉创意，然而满足需求方的推广需求才是前提，所以通过良好的沟通加深对专题需求的理解，可以更准确的把握专题需求，避免返工等问题出现。
? 字体的问题。受浏览器的限制的，目前微博专题的主要字号还是14和12号的宋体(设备字体)
做正文基本可以保证清晰锐利，但如果用来做标题栏时候就不那么美观了。这时应该和需求方、前
段的同事沟通，在不频繁更改文案的情况下尽量使用图片来制作标题栏的文字效果，达到应有的视觉效果。
? 前端的规范与限制，如果需要复杂的圆角和半透明页面效果，最为稳妥的方法是为设计两套适应高低级浏览器的视觉解决方案，如果条件不允许，就要看前端同事对浏览器支持的策略，总之前端实现的问题，作为设计师应该主动沟通并推动其解决。(这还包括专题上线后的跟踪反馈。)
好的专题设计，有创意，整体效果和谐，用户印象深刻，内容传达有效，视觉元素有延续和继承。整个页面衔接不生硬。这都需要设计师动脑去巧妙构思和发挥，有时工期紧迫，不能做到事无巨细，我也无法全部按照自己所写这样去设计专题。
本文资料由https://www.doczj.com/doc/097298254.html, https://www.doczj.com/doc/097298254.html,归纳整理
一、实验介绍 实训项目一姓名字体设计 二、实验目的； 运用所学的字体与版式设计的思维与方法，按照字体与版式设计的要求，设计属于自己姓名的字体设计，培养自己对字体与版式设计的理解与认识，锻炼字体设计的各方面能力。 三、实验环境； 机房电脑操作，PS AI软件 四、实验任务； 做自己的姓名设计，通过名字的创意设计来展示自己的内在个性，充分认识字体创意的重要性。 五、实验原理及步骤； 创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1）简要的实验操作步骤 2）实验完成情况说明； 3）实验过程中存在的问题； 4）实验心得。
一、实验介绍 实训项目二实题项目的字体与版式设计 二、实验目的； 熟练掌握书记封面设计的版式设计形式和特征，能独立完成设计作品。 三、实验环境； 机房电脑操作，PS AI软件 四、实验任务； 书记封面设计一副 1.根据实题项目独立完成设计作品 2.版式设计要有创意，体现个性风格 3.注重形式美感，体现版式设计的完整性 4.表现技法不限，要求制作工艺精湛 五、实验原理及步骤； 选定主题——创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1）简要的实验操作步骤 2）实验完成情况说明； 3）实验过程中存在的问题； 4）实验心得。
一、实验介绍 实训项目三 二、实验目的； 熟练掌握书记封面设计的版式设计形式和特征，能独立完成设计作品。 三、实验环境； 机房电脑操作，PS AI软件 四、实验任务； 书记封面设计一副 5.根据实题项目独立完成设计作品 6.版式设计要有创意，体现个性风格 7.注重形式美感，体现版式设计的完整性 8.表现技法不限，要求制作工艺精湛 五、实验原理及步骤； 选定主题——创意构思——选择适合的字体表现形式——草稿绘制——设计制作——评析 六、实验报告内容要求 1）简要的实验操作步骤 2）实验完成情况说明； 3）实验过程中存在的问题； 4）实验心得。
教学过程： 导入：出版物出版之前必须经过印前处理，才能进入印刷厂进行印刷，而印前处理是设计师在设计制作出版之后进行版面设计，是设计印刷行业中必不可少的一个环节。 1.1 版式的编排 ?版式的编排即版式的设计与排版，是出版物总体设计制作的重要组成部分。 ?排版就是将原稿按照设计要求组成规定版式的工艺。 ?排版包含的内容非常广泛，报纸版面编排、图书杂志编排、封面设计等我们都可以称之为排版，甚至小到一篇文章、一个段落、一个文字的属性设置，也可以称为排版。 1.1.1 纸张与常用开法 ?全张纸：一张按国家标准分切好的平板原纸称为全开纸，又叫全张纸。平板全张纸的幅面尺寸偏差一般为±3mm。 ?开本和开数：每张全开纸裁切成面积相等的多少小张称为多少开数。将它们装订成册后，称为多少开本。 ?常用纸张的开法 （1）正开法（2）叉开法（3）混合法 1.1.2 版面的构成 版面规格
计算机公式：印刷成品尺寸= 印刷纸张尺寸－（印刷机叼口尺寸+ 拖梢尺寸+ 规矩线+ 折页裁切线） 1.1.3 版式设计与制作流程 课后小结： 本节课我们初步学习了排版知识，了解排版的相关行业知识，对将来制作。 制作版面有很大帮助。
教学过程： 导入：版面设计跟图像图形设计一样，也具有设计元素。排版得让读者看得舒服，视觉表现方法的学习是必不可少的。 1.1.4 版式设计的视觉表现方法 创造视觉平衡的方式
?版式的分类 （1）规则型（2）满版型（3）上下分割型（4）左右分割型（5）中轴型 （6）对称型（7）曲线型（8）放射型（9）三角型（10）自由型 ?版面元素对版式的影响 （1）图片对版式的影响 图片是版面中最直观的元素 在编排图片时位置显得十分 重要 （2）文字对版式的影响 文字是版式编排中与读者交流 的重要元素，设置不同的文字格式能够 表达出不同的含义。 1.2.1 印前生产流程 1.2.1排版工作中的名词术语 ?背题：指排在一面的末尾，并且 其后无正文相随的标题。 ?出血：制版时有很多版面被图像或底色占满，为避免在修整裁切时由于微量的对版不准而裁切出白边现象，在进行版面设计制作时会将满版图像或底色向裁切线外延伸一定的余量（一般为3mm），这个余量被称为出血。 ?拼版：指在印刷前，将各单独页面拼接成符合印刷机大小、符合装订要求的一个较大的印版的过程。 ?大样：指按照设计好的版样拼版后打出的样张，供编辑人员进一步审核修改和校对员校对使用。 ?菲林片：通过照排机转移印刷品电子文件的透明胶片，用于印刷晒版。 ?出片：指用电子文件输出菲林片的过程 1.2 常用排版软件 ?PageMaker软件介绍 ?In Design软件 ?方正飞腾 ?方正书版 ?CorelDRAW软件介绍 ?Illustrator软件介绍
网站专题页面该如何设计 认识专题--既然是关于某个主题的专题，那么一个简介视乎是必不可少的，各大专题页我们都能看到这样一个简介，或长或短，但一定要深刻醒目。 页面特性：产品页面简洁易用，专题页面绚丽视效印象深刻。 在页面设计当中，产品页面(如facebook 微博twitter 微吧等)的设计。注重功能，交互，设计要考虑用户长时间的浏览体验。视觉上侧重间距，布局，按钮和logo,及icon样式。注重规范和视觉识别性。样式通常简洁易用，绚丽元素少，视觉上并不强调冲击力。 专题页面时效性有限(大多专题是有推广及活动时间限制的，过了这个时间，就很少会有人再访问该页面。)，多为活动推广和吸引用户等内容，能在限定的时间的吸引最多用户才能形成有力的推广，需要强有力的视觉效果，和有趣的浏览体验，来达到吸引用户的特点。在规范和布局甚至交互上可以适当放宽要求。 用抢眼的视觉吸引户并留下深刻印象是专题设计的首要! 用抢眼的视觉吸引户并留下深刻印象是专题设计的首要! 传统产品页面，简洁注重功能和图标等视觉设计。
专题页面突出视觉效果，华丽丰富 微博专题多为各种微博活动和推广内容设计。内容较多，在设计好头图这种主视觉的同时，大量内容和栏目的排版布局也要注意。针对专题视觉设计的特点着手，才能实际出优秀的页面。 设计专题 确立UE，沟通需求。 需求方的UE稿(产品文档)是专题设计的前提，需要设计师和需求方一起进行沟通。设计师可以在早期就对专题需求提出自己的创意和方案，再由需求方形成UE稿。设计师再根据设计稿进行设计。由于专题设计往往没有专门的交互设计支持，很多时候，UE稿只明确了该专题所要展现的内容，设计师需要自己对UE进行一些交互上的调整和优化。(要注意对UE的优化设计往往是递进式的，贯穿设计专题的整个过程，未必一蹴而就的去翻新整个专题UE)。 专题结构 大多数的专题结构可分为头图部分和内容部分，传统的专题一般只有一个主页面，复杂的则有若干的二级页面组成，视专题的规模而定。一些特别的专题则有着特殊的表现方式，包括类似用flash制作minisite，以及一些异形的特殊专题。采用何种结构要看谁能更好的服务于需求。
《版式设计》课程标准课程编号：052045 使用专业：电脑艺术设计专业 课程类别：职业拓展领域 修课方式：必修 教学时数：44学时 教研室：电脑艺术设计工作室 编写日期：2012年5月 一、课程定位和课程设计 （一）课程性质与作用 课程的性质： 本课程注重设计前沿理论的研究和开发，是对学生艺术潜质、思维方式、创造能力等综合素质的全面开发和培养，帮助学生掌握科学的思维方法、搭建完备的设计理念构架、构建合理的设计知识体系，自觉地运用版式设计原理进行艺术设计。同时，本课程能有效地激发学生们的设计潜能，在艺术设计学习的过程中，不断地调整自己，从认识自我到超越自我，成为时代需求的艺术设计人才。本课程将积极组织并参与设计实践以及各种设计、创意大赛，使理论与实践结合，通过严格的基础训练和设计实践，使学生建立和掌握版式设计的概念和方法，并自如运用于艺术设计活动的各个领域。 课程的作用： 其前期必修课程是平面构成、色彩构成。与前续课程的联系（1）《手绘》
培养学生具备一定的手绘能力、观察能力和审美能力。（2）《PhotoShop应用》培养学生具备一定的位图图形制作与处理的能力。（3）《Coreldraw应用》培养学生具备一定的矢量图形制作与处理的能力。（4）《标志与广告设计》培养学生具备一定的标志与广告设计的理念。为后续《书籍装帧设计》课程打下良好基础。 (二)课程基本理念 版式设计课程的教学目的是把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念；从而通过版式设计，给阅读者提供一个优美的阅读“空间”。何谓版式设计？版式设计又称编排设计，是平面设计中的一个组成部分，为视觉传达设计的重要环节。版式设计当然要调动各类视觉元素进行形式上的组合排列，但更重要的是：版式上新颖的创意和个性化的表现。同时能够强化形式和内容的互动关系，以期全新的视觉效果。版式设计的创意不完全等同于平面设计中作品主题思想的创意，既相对独立，又必须服务于其主题思想创意。 （三）课程设计思路 本课程的教学内容是以版式设计训练为向导，以典型版面构成方法为基点，综合理论知识，操作技能和职业素养为一体的思路设计。通过完成各种学习情境的学习，学生不但能够掌握版面构成的方法以及与色彩、文字、图形重组的专业知识和审美能力，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，使学生通过学习的过程掌握工作岗位所需要的各项
《版式设计》课程标准 课程编号：052045 使用专业：电脑艺术设计专业 课程类别：职业拓展领域 修课方式：必修 教学时数：44学时 教研室：电脑艺术设计工作室 编写日期：2012年5月 一、课程定位和课程设计 （一）课程性质与作用 课程的性质： 本课程注重设计前沿理论的研究和开发，是对学生艺术潜质、思维方式、创造能力等综合素质的全面开发和培养，帮助学生掌握科学的思维方法、搭建完备的设计理念构架、构建合理的设计知识体系，自觉地运用版式设计原理进行艺术设计。同时，本课程能有效地激发学生们的设计潜能，在艺术设计学习的过程中，不断地调整自己，从认识自我到超越自我，成为时代需求的艺术设计人才。本课程将积极组织并参与设计实践以及各种设计、创意大赛，使理论与实践结合，通过严格的基础训练和设计实践，使学生建立和掌握版式设计的概念和方法，并自如运用于艺术设计活动的各个领域。 课程的作用： 其前期必修课程是平面构成、色彩构成。与前续课程的联系（1）《手绘》培养学生具备一定的手绘能力、观察能力和审美能力。（2）《PhotoShop应用》培养学生具备一定的位图图形制作与处理的能力。（3）《Coreldraw应用》培养学生具备一定的矢量图形制作与处理的能力。（4）《标志与广告设计》培养学生具备一定的标志与广告设计的理念。为后续《书籍装帧设计》课程打下良好基础。 (二)课程基本理念 版式设计课程的教学目的是把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念；从而通过版式设计，给阅读者提供一个优美的阅读“空间”。何谓版式设计？版式设计又称编排设计，是平面设计中的一个组成部分，为视觉传达设计
“设计与制作主题网站”单元教学设计 一、教材分析 本章内容对应《刚要》的“信息的发布与交流”部分，是在学生学习了文字处理、图片处理、多媒体信息处理的基础上，让学生进一步掌握信息处理的方法，了解和掌握信息发布的另外一种形式——网站设计。初中阶段学习网站设计与制作也为高中学习这部分内容奠定了基础。本章希望通过网站设计，将信息获取（确定主题、收集资料）、信息处理（文字、表格、图片和多媒体等信息处理）、信息发布（在internet网上发布网站）综合运用于网站设计中，既复习巩固信息处理的基本知识和基本技能，又培养了学生综合运用信息技术的能力，通过实践活动提高学生的信息素养 二、教学目标： 1．知识与技能 （1）了解Dreamweaver软件窗口结构，了解站点与主页的概念，理解站点的意义，学会建立、删除站点，掌握简单网页的制作 （2）掌握网页中表格的制作方法、表格属性的设置方法及单元格的修饰与编辑。理解动态网页与网页动态效果的区别。 （3）掌握网页动态效果的制作，了解交互网页的概念，了解表单的功能及表单元件的使用方法，了解网上信息调查的设计方法。 （4）了解框架结构的基本知识、框架的作用及框架属性 （5）了解超级链接的含义及链接源和链接目标的含义，掌握同一站点内以及不同站点间网页超级链接的创建方法。 2．过程与方法 （1）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。 （2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。 （3）掌握“插入”菜单中“组件”命令的使用，使得网页增添动态效果。（4）掌握表单元件的功能及使用方法，掌握表单各组件属性的设置方法。
一．单选 1．建立邮件链接时，以E-mail为123@https://www.doczj.com/doc/097298254.html,为例，那么在【链接】栏中应该显示的正确代码是A A.mailto:123@https://www.doczj.com/doc/097298254.html,, B.subject:123@https://www.doczj.com/doc/097298254.html,, C.&cc:123@https://www.doczj.com/doc/097298254.html,, C. 123@https://www.doczj.com/doc/097298254.html,：subject 2.
以上这段代码表达的意思是C A插入表格；B嵌入框架；C插入图片；D插入动画 3. Spry中的“高亮颜色”主要作用是什么D A.使视频文件变亮易于观看； B.提高页面的颜色亮度； C.图像中的某个像素的颜色； D.元素的背景颜色 4.以下不可以用于页面布局工具的是 D A.表格； B.AP Div； C.框架； D.文本 5.对于链接项下“目标设置”代码“_top”描述正确的是B A.链接内容会替换掉当前窗口； B.链接内容将在顶层窗口中打开，并覆盖原窗口的内容； C.该链接内容在下一个窗口打开； D.以上说法都不正确 6.在对图像做“重新取样”之后，图像会发生什么样的变化C A.该文件大小发生变化； B.该文件变得模糊； C.该文件在浏览器上的显示尺寸发生变化； D.该文件需要重新导入
7.“层叠样式表”的英文全称为B A.Cascading Sheets Style； B. Cascading Style Sheets； C.Cascading Style selector； D.Cascading selector Style 8.对“链接颜色”说法错误的是 B A.链接颜色是链接没有被单击时的静态颜色； B.已访问链接颜色可以不通过已访问链接进行设置； C.已访问链接颜色就是通过已访问链接来设置； D.变换图像链接的颜色设置时当用户把光标移到链接上时的显示颜色 9.“Shift+F4”的快捷键是执行下列哪项命令A A.窗口--行为； B.查找下一个； C.添加关键帧； D.检查选定链接 10.在Dreamweaver中建立分帧网页时，正确的做法是C A.用鼠标拖拽页面边框； B.按住“Ctrl”键后用鼠标拖拽边框； C.按住“Alt”键后用鼠标拖拽边框； D.按住“Shift”键后用鼠标拖拽边框 11.关于显示和隐藏不可见元素错误的是B A.有些 HTML 代码在浏览器中没有可见的表示形式; https://www.doczj.com/doc/097298254.html,ment 标签在浏览器中是可见的 ; C.Dreamweaver 使您可以指定在“文档”窗口的“设计”视图中是否显示标记不可见元素位置的图标; D.若要指明在选择“查看”>“可视化助理”>“不可见元素”时显示哪些元素标记，可以在“不可见元素”首选参数中设置选项 12若要显示或隐藏不可见元素的标记图标，请执行以下操作：A A.选择“查看”>“可视化助理”>“不可见元素”;B.选择“编辑”>
活动专题页面设计制作规范（商家版20130917） 一、活动页面尺寸 1.海报式页面：宽990px 高最好不超过3000px；分辨率72px；颜色模式RGB； 2.模版式页面：宽990px 高400px左右；分辨率72px；颜色模式RGB； 3，页面宽幅可以做到1920px，但是主要内容必须在990px区间内 页面需标注活动起止日期 二、字体规范 字体使用正版免费的微软字体和方正字库内包含的67款字体↓。禁止使用其它字库中的任何字体，如汉仪、文鼎等。 （方正报宋简体、方正粗圆简体、方正大标宋简体、方正大黑简体、方正仿宋简体、方正黑体简体、方正琥珀简体、方正楷体简体、方正隶变简体、方正隶书简体、方正美黑简体、方正书宋简体、方正舒体简体、方正水柱简体、方正宋黑简体、方正宋三简体、方正魏碑简体、方正细等线简体、方正细黑一简体、方正细圆简体、方正小标宋简体、方正行楷简体、方正姚体简体、方正中等线简体、方正准圆简体、方正综艺简体、方正彩云简体、方正隶二简体、方正康体简体、方正超粗黑简体、方正新报宋简体、方正新舒体简体、方正黄草简体、方正少儿简体、方正稚艺简体、方正细珊瑚简体、方正粗宋简体、方正平和简体、方正华隶简体、方正瘦金书简体、方正细倩简体、方正中倩简体、方正粗倩简体、方正胖娃简体、方正宋一简体、方正卡通简体、方正艺黑简体、方正水黑简体、方正古隶简体、方正幼线简体、方正启体简体、方正硬笔楷书简体、方正毡笔黑简体、方正硬笔行书简体、方正剪纸简体、方正胖头鱼简体、方正铁筋隶书简体、方正祥隶简体、方正粗活意简体、方正流行体简体、方正
北魏楷书简体、方正像素12、方正时尚中黑简体、方正汉真广标简体、方正粗黑宋简体、方正特雅宋简体、方正正黑简体） 商家已购买使用权的字体也可使用。 三、布局规范 系统布局框架要求如下，布局尺寸内可随意设计；（尺寸内为有效设置区域，常用专场为通栏布局990） 四、专场促销语 一．促销中要注意的事项
排版设计与制作：图形排版样式 关键词：图形排版样式 图形排版样式 以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉语言变得更加丰富多彩 图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性 1．图形的简洁性 图形在排版设计中最直接的效果就是简洁明了，主题突出 2．图形的夸张性
夸张是设计师最常借用的一种表现手法，它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征，造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效 3、图形的具象性 具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以
写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱 4、图形的抽象性 抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意无穷”，就是利用有限的形式语言所营造的空间意境，让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见，其表现的前景是广阔的、深远的、无限的，而构成的版面更具有时代特色 5、图形的符号性 在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉体验。它包含有三方面的内涵 符号的象征性
网站的初步设计与制作 教学内容分析 本课内容选自必修第六章和选修第四章，这两个章节内容都有关于网页制作，所以将两章节内容结合在一起讲。建立一个网站的一般过程也就是信息集成的一般过程，所以设计网站的时候也套用这样的过程，学生从中则可以温故而知新。 教学对象分析 通过前面学习，学生已经熟练掌握信息获取和加工的基本方法，部分学生已经考虑或者已经开始信息集成的操作。将信息集成以网站的形式来表现，是大多数学生都有所了解并十分向往的。大多数学生对frontpage的基本操作有所了解（初中已经学过），但对设计网站的方法、过程等都是从未接触过的。所以本课要站在全局的髙度来把握信息集成的一般过程, 体验网站的设计与制作的一般过程。 一、教学目标 （-）知识与技能： 1、了解网站规划设计的一般方法； 2、掌握一种基于网络进行信息集成的工具（本章以Frontpage 2000为例）的基础操作。（二）过程与方法： 1、熟悉信息集成的一般过程（选题立意、设计规划、开发制作和评估测试）； 2、能够按照信息集成的一般过程，通过独立或合作的方式完成一个信息集成的作品。（三）情感态度与价值观： 1、利用精心的设计和制作，使学生感受数字化的美： 2、通过主题鲜明的作品，培养学生正确的人生价值观。 3、通过活动培养学生人际交往和团队协作等方而的能力。 二、教学匝点与难点 1、重点：能够利用表格泄位网页，并能熟练的给网页添加网页元素。 2、难点：熟练运用复杂表格来设计网页布局：把自己的审美观融合到网页设计中去。 三、教学方法：任务驱动，小组合作，自主探究 四、教学过程 （一）、作品导入 在因特网这个信息的海洋当中，我们经常会被一些内容丰富，创意新颖、设计独特的网站所吸引，那今天我们首先就一起来欣赏几个网络作品。 看了这些网络作品，你们觉得它做的怎么样呢？ 好在哪里呢？ （欣赏网站，分析网站亮点。可以从内容、栏目、颜色、画而等进行分析。） （广播）那么我们大家想不想自己也来做个网站呢？这一节课我们就一起来学习建立主题网站一一网站初步设计与制作。 （二）、分组讨论 活动一、根据课前分组，对学生完成的作业，讨论网站栏目设计的是否合理？ 栏目安排注意以下几个方面： 1、要紧扣主题，尽可能删除与主题无关的栏目。 2、尽可能将网站最有吸引力的内容列在栏目中。 3、尽可能方便访问者的浏览和查询。 （三）、师生交流 1、版而设计
第5章演示文稿设计与制作 第1节认识演示文稿第1课时（共2课时） 一、教学目标： 1、知识与技能： （1）掌握“wps演示”的启动和退出方法 （2）了解“wps演示”窗口的组成和使用 （3）初步掌握“wps”基本操作 2、过程与方法：通过观看、欣赏“WPS演示”范例作品，激发学习兴趣，结合任务认识“WPS 演示”的窗口，掌握标题幻灯片的制作方法，在实践过程中达成技能的形成。 3、情感态度与价值观：知道“WPS演示”是一种展示、汇报工具软件，知道能用“WPS 演示”制作一些作品来展示自己的风采、想法等，感受信息技术的魅力和价值。 二、教学重点： 知道演示文稿的编辑 三、教学难点： 演示文稿的编辑 四、教学方法： 任务探究，体验学习，实验学习 五、教学过程： （一）情境导入 同学们，大家好！今天老师带了件礼品给大家，想看看吗？看完后请你说一说看到了什么？听到了什么？ 师向学生展示介绍学校的演示文稿。 刚才老师向大家展示的作品是一个演示文稿，它可以将文字、图片、视频和音乐等素材整合起来。演示文稿在我们的生活中用处可大啦，如产品介绍、自我介绍、辅助教学等。制作这样的作品，需要专业的软件，你知道有哪些软件可以制作演示文稿呢？今天向大家介绍一款专门用于制作演示文稿的软件——“WPS演示”。 今天这节课我们就一起来认识“WPS演示”软件。（板书：第5章第1节认识演示文稿） （二）、新授 自主学习： 1、一个完整的演示文稿一般由______________________________________________构成。 2、演示文稿中包含的素材一般有___________________________________________等。 3、演示文稿的设计包括________________________。 合作探究： 1、任务一：新建演示文稿 学生自学，打开“wps演示”窗口，新建一个“wps演示”文档。 2、任务二：新建“封面标题页” 下面我们来新建第一页幻灯片。 单击右侧的“版式”按键，打开“幻灯片版式”任务空格，在“母版版式”中选择“空白…… 3、任务三：插入字标题 插入“中国元素”艺术字 4、任务四：插入背景图片 插入“中国元素背景1”并设置“叠放次序”为“置于底层”
排版设计与制作：图片排版样式 二、图片排版样式 以图片为主的排版样式。图片在排版设计中，占有很大的比重，视觉冲击力比文字强85%；也有这样一说，一幅图版胜于千字。但这并非语言或文字表现力减弱了，而是说图片在视觉传达上能辅助文字，帮助理解，更可以使版面立体、真实。因为图片能具体而直接地把我们的意念高素质、高境界地表现出来，使本来物变成强而有力的诉求性画面，充满了更强烈的创造性。图片在排版设计要素中，形成了独特的 性格以及吸引视觉的重要素材，视觉效果和导读效果。 1．图片的位置 图片放置的位置，直接关系到版面的构图布局、版面中的左右上下及对角线的四角都是视线的焦点。在这焦点上恰到好处地安排图片，版面的视觉冲击力就会明显地表露出来。编排中有效地控制住这些点，可使版面变得清晰、简洁而富于条理性。 2.图片的面积
图版面积的大小安排，直接关系到版面的视觉传达。一般情况下，把那些重要的、吸引读者注意力的图片放大，从属的图片缩小，形成 主次分明的格局，这是排版设计的基本原则。 3.图片的数量 图片的数量多寡，可影响到读者的阅读兴趣。如果版面只采用一张图片时，那么，其质量就决定着人们对它的印象。往往这是显示出格调高雅的视觉效果之根本保证。增加一张图片，就变为较为活跃的版面了，同时也就出现了对比的格局。图片增加到三张以上，就能营造出很热闹的版面氛围了，非常适合于普及的、热闹的和新闻性强的读物。有了多张照片，就有了浏览的余地。数量的多少，并不是设计者的随心所欲，而最重要的是根据版面的内容来精心安排。
4.图片的形式 图片的形式主要有: 方形图式 出血图式即图片充满整个版面而不露出边框。 退底图式是设计者根据版面内容所需，将图片中精选部分沿边缘裁剪。 化网图式是利用电脑技术用以减少图片的层次。 特殊图式是将图片按照一定的形状来限定。 5.图片的组合 图片组合，就是把数张图片安排在同一版面中。它包括块状组合与散点组合。 块状组合强调了图片与图片之间的直线。垂直线和水平线的分割，文字与图片相对独立，使组合后的图片整体大方，富于理智的秩序化条理。
网页设计与制作流程 1、网站的主题定位 制作网站首先要考虑网站主题。好的网站不仅应该有美感、个性、创意，更要有质量。网站的内容是最重要的因素，空洞的网站对人没有任何吸引力。 （1）网站的题材 目前网站的题材主要有：新闻、体育、聊天、即时信息、ICQ、社区、邮件列表、计算机技术、网站开发、娱乐、旅行、参考、资讯、求职、家庭、教育、生活、时尚、电子商务以及一些体现个人特色和爱好的网站。 （2）定位题材的建议 ?主题最好是你最擅长并且最有兴趣的东西； ?主题要小而精； ?题材不要太滥或者目标太高； ?体现自己的个性。 （3）网站的名称 2、资料搜集 互联网的强大就是它丰富的资源，可以搜集尽可能多的资料，并根据一定的规则进行整理。还要精心设计一些别人没有的东西，已体现自己的个性。 3、结构设计 （1）栏目和版块 网站的结构设计其实也就是合理的设计网站的栏目和版块。首先应突出主题；其次应该有个网站指南或更新列表之类的栏目；接着要有一个与读者交流的栏目；最后最好有个说明性的栏目，以方便网友。 （2）目录的结构设计 目录的结构设计要注意以下几点： ?按栏目内容建立子目录； ?在每个主目录下都建立独立的images目录； ?目录的层次不要太深； ?避免使用中文目录；
?尽量使用意义明确的目录。 4、形象设计 ?（1）网站的标志：即设计网站的Logo。 ?（2）网站的标准色彩 ?（3）网站的标准字体 ?（4）网站的宣传标语 5、主页设计 6、其他页面设计 7、站点规划 ?（1）用文件夹来保存文档 ?（2）使用合理的文件名称 ?（3）使用模板和库 ?（4）使用ALT 8、定义站点 9、首页制作 ?页面属性设置； ?表格设计； ?填写内容； ?添加链接和交互； ?添加其它内容。 10、测试 11、申请域名和空间 12、站点文件上传 13、站点的宣传
《网页设计与制作》课程标准 前言： 《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。本课程定位于WEB技术开发工作岗位。它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用， 一、课程的说明： 通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。 二、课程内容与基本要求： 该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：
三、教学目标 1、职业关键能力目标 (1) 掌握使用Photoshop进行图像处理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知识及操作技能 (3) 掌握建立与管理站点的方法 (4) 掌握制作主要内容为文本的网页的方法 (5) 掌握在网页中插入与编辑图像的方法 (6) 掌握在网页中插入多媒体元素的方法 (7) 掌握表格处理与网页布局的方法 (8) 掌握创建超级链接的方法 (9) 掌握使用框架制作旅游网站的方法 (10) 掌握创建和使用模板的方法 (11) 掌握创建和使用库的方法 (12) 掌握在网页中添加AP Div的方法 (13) 掌握在网页中使用行为的方法 (14) 掌握HTML基础知识及通过代码修饰网页的方法 (15) 掌握使用CSS样式表修饰网页的方法 (16) 掌握动态网页的概念及简单动态网页的制作方法 2、职业专门能力目标 (1) 通过完成相关的项目，掌握网页设计的基本工作流程。 (2) 通过完成相关的项目，掌握网页设计常用工具的使用方法。 (3) 通过完成相关的项目，掌握网页布局及美化的基本方法。 (4) 通过完成相关的项目，掌握简单网页交互的制作方法。 3、方法能力目标 形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。 四、教学内容 第一章网页制作基础知识（4学时） 教学目标： 网页与网站基本概念、网页基本组成元素、常用网页制作软件 主要教学内容：
排版设计与制作：图形排版样式 三、图形排版样式 以图形为主的排版样式。图形可以理解为除摄影以外的一切图和形。图形以其独特的想象力、创造力及超现实的自由构造，在排版设计中展示着独特的视觉魅力。在国外，图形设计师已成为一种专门的职业。图形设计师的社会地位已伴随图形表达形式所起的社会作用，日益被人们所认同。今天，图形设计师已不再满足或停留在手绘的技巧上，电脑新科技为图形设计师们提供了广阔的表演舞台，促使图形的视觉 语言变得更加丰富多彩。 图形主要具有以下特征：图形的简洁性、夸张性、具象性、抽象性、符号性、文字性。 1．图形的简洁性 图形在排版设计中最直接的效果就是简洁明了，主题突出。 2．图形的夸张性
夸张是设计师最常借用的一种表现手法，它将对象中的特殊和个性中美的方面进行明显的夸大，并凭借于想象，充分扩大事物的特征， 造成新奇变幻的版面情趣，以此来加强版面的艺术感染力，从而加速信息传达的时效。 3、图形的具象性
具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植3、图形的具象性具象性图形最大的特点在于真实地反映自然形态的美。在以人物、动物、植物、矿物或自然环境为元素的造型中，以写实性与装饰性相结合，令人产生具体清晰、亲切生动和信任感、以反映事物的内涵和自身的艺术性去吸引和感染读者，使版面构成一目了，深得读者尤其是儿童的广泛喜爱。 4、图形的抽象性
抽象性图形以简洁单纯而又鲜明的特征为主要特色。它运用几何形的点、线、面及圆、方、三角等形来构成，是规律的概括与提炼。所谓“言有尽而意无穷”，就是利用有限的形式语言所营造的空间意境，让读者的想象力去填补、去联想、去体味。这种简炼精美的图形为现代人们所喜闻乐见，其表现的前景是广阔的、深远的、无限的，而构成的版面更具有时代特色。 5、图形的符号性 在排版设计中,图形符号性最具代表性,它是人们把信息与某种事物相关联,然后再通过视觉感知其代表一定的事物。当这种对象被公众认同时,便成为代表这个事物的图形符号。如国徽是一种符号,它是一个国家的象征。图形符号在排版设计中最具有简洁,醒目,变化多端的视觉 体验。它包含有三方面的内涵: 符号的象征性
专题页面设计技巧 一直在学习各种页面的设计，尤其是专题页面的制作，看到一篇文章，有很多关于专题设计的技巧，根据原文，摘录了一些。先记下来，和大家分享。 专题设计需要了解 1、专题头图设计，实际效果宽度1600PX时是最好的展示。 2、首屏高度为600px，这是大多数用户第一屏能够看到的区域。 3、优秀的头图是专题设计的灵魂。 4、首先设计风格，先在纸上或是大脑中勾勒一个大概的轮廓。有些专题没有具象的视觉元素，那么就从专题的文字入手，如果实在不带感，可以将一些与专题相关的元素先拼凑在画布上，然后尝试各种组合，寻找灵感。 5、头图构图：需要考虑如何巧妙的与下面的内容衔接，而且尺寸更大，细节更多，构图也可以变化。如果只是千篇一律的采用规则的构图，会让专题显得单调呆板，和视觉效果不好。（例如可以用圆弧形的割头图） 6、精美的视觉元素是构成优秀头图的重要元素，其中另一个重点就是大标题。大标题需要花费专门的精力制作字体的变形和特效。 7、专题内容区的设计：可以继承头图中的视觉元素。 8、内容是基本，是想要传达给用户的核心，所以内容应该清晰，布局合理。 9、为了后续的制作方便，可以以5px的倍数进行间隔区分，个别情况例外，只要间距在视觉上保持规整即可。 10、特色模块，视觉突出。但是要做到突出而不突兀。 谨记：追求卓越，成功自然尾随而至。 专题设计技巧： 1、1024*768分辨率下，首屏高度为584px；1440*900分辨率下，首屏高度为：716px。两条首屏线：580px；710px。注意首屏高度。将最主要信息显示在580px 范围之内。 2、检验一个专题头图标题是否显眼其中的一个方法就是将网页去色，站在远处看看标题是否还看得清。专题的标题要足够醒目，要与整个页面有最大的对比度。Title是页面的视觉焦点要足够显眼。大小：主次画面对比，避免通体平均明暗：看看去色后设计稿的样子是否还足够显眼。 3、掌控你页面里面的光，让内容在同一个光环境里面。例如，不要让人物的脸或者其他的素材，有的灰暗，有的太亮。 4、抠图拒绝毛边，千万要把图抠好，要不整个页面会下降一个档次。 5、选择合适的素材。根据主关键词，逐级延展，将抽象的表意逐级具体化，然后从具体十五中选择合适的作为你需要的素材。选择合适的素材，优秀的素材是设计稿的灵魂，平庸的素材只是装饰。1.找素材要保证素材能对表达的氛围有帮助能恰当表意；2.要保证页面上的素材风格一致，都是一个调调；
网页活动专题设计+推广方案 活动专题页面，顾名思义是承载各种形式的节庆促销、宣传推广、营销产品发布等等活动的页面，形式与内容也多种多样。典型的静态活动页面通常使用页头banner+标题再配以活动入口的展示形式，主要以背景、banner和标题字体的视觉处理来烘托整体氛围。 其实无论哪种活动页，当我们对其进行拆解分析后会发现页面中要展示的信息最终都逃不开以下七种。 1. 活动标题 2. 活动入口 3. 活动奖品/商品展示 4. 活动参与人数 5. 有效时间 6. 获奖信息 7. 活动规则 如何合理布局，将以上所有信息以最优方式展现在页面中，是活动页设计的关键。 规范流程： 产品优化推广流程 确定主题锁定关键词规范设计强化内容链接建立观察、分析 推广部统一确认SEO优化，做最后确认测试通过、上线 专题设计： 下面再结合我们现有专题提出以下改进建议：https://www.doczj.com/doc/097298254.html,/cuofeng/ 1、活动标题：主标题与副标题阐明活动价值，让用户了解我们的品牌与活动带给他们的所有核心价值（在上线之前必须确定）https://www.doczj.com/doc/097298254.html,/agedness/ 2、活动专题范围（关键词）：每个活动页面最多设计3个关键词，涵盖本次活动的推广范围（在上线之前必须确定） 3、加入活动说明（活动规则）：让每个进入此活动页面的客人都能够清楚的了解本次活动意义或者亮点，以取得客人的信任提高页面转化率增加成单量！ 4、互动环节：对于我们现在的专题来看虽然没有用户之间的互动，但是我们可以利用我们现有的资源来丰富我们活动页面，提高用户体验，引导或者协助客人更全面的了解我们的产品。如（景点、攻略、指南等） 5、拉动促销：在活动页面的底部设置（如：更多促销活动），将相关活动或者最新活动专题展现出来，给客人更多的选择！如果客人对当前活动不感兴趣可以了解其他的活动，
版式设计范文 版式设计学习 班级：工业设计（工科）姓名：黄伟学号：1108031031 版式设计的学习使我基本掌握了版式设计的构成要素，版式设计的形式法则，版面设计的构成原理等。老师给我们欣赏了许多优秀的版式作品，并让我们进行版式设计，一边学习一边制作。 我们的版式设计老师把我们的课安排好了，前两周将一些版式的基本知识版面设计的构成要素，版面的设计中的具象要素是文字，图形，图片等，抽象要素则为点、线、面。无论是版面上内容多么复杂最终都可以归结到点线面上。版面设计的黑白灰是指在版面中不同明度的色彩与版面之间色基本协调关系。版面设计的形式法则有位置、方向、空白、比例与分割、对称与均衡、渐变、重复变异、节奏与韵律等。版面设计构思与创意其内容与形式，局部与整体，以及其信息性，审美性，趣味性等基本的知识，我们老师又让我们动手剪纸粘贴成自己觉得比较好的版面，在剪切的过程使我们对版式设计有更深的理解，也让我们更进一步的明白版式中的点线面和黑白灰还有版式法则。从版式设计的教学设计来说，每个上课时间都会有专门的理论课讲解时间、快速的评论优秀作品时间、以及自己动手练习的时间，时
间的安排的很紧凑，但又很恰当、合理。这样的教学设计使我们的学习，有条不紊，效率比较高。 老实说，我暂时无法领会到这种境界，但一幅制作精良、设计优 美的报纸版面无疑能给人一种玄妙的艺术享受。读一份版式精致典雅、清新优美、疏朗通透的报纸，赏心又悦目，实在是一种难能可贵的阅读享受。 从版式设计的教学内容来看，教学的各个章节都是由浅入深、循 序渐进的，各小节都很有秩序、有条理，分别都有理论知识的讲解、优秀案例的分析、课后作业、以及作业点评、重点提示、阶段总结等等。教学的内容极其丰富，教学内容的安排很有自己的特色，这种讲学的步骤对于我们来说也是一种好的学习方法的引导，这样做设计或是学习的思路，我们在以后的学习过程中加以学习。在教学内容里，各个环节都是必不可少的，基础理论知识的讲解，简练概括，意蕴深厚；优秀案例分析，有代表性、内容丰富；课后作业，巩固所学知识；作业点评，分析问题到位；重点提示，内容精悍、用途很大；阶段总结，概括性强，但又不忽略重难点。 学着有点吃力，课程进行有些快，慢慢的做的作业多了也就熟练了，就可以很好做好自己的作业，现在学起来感觉好多了，在这门课
一、教案说明 1、课程名称：版式设计 2、课程教学容、意义及围： 容：版式设计的视觉要素和构成要素，审美原理和形式法则。版式设计中形式与容的统一，各种平面媒介的版面类型，新 媒体中的版面视觉设计要点。 意义：版式作为所有平面媒介设计的核心容起着准确传达信息，提供受众视觉美感的重要作用。从传统的报纸、杂志等平 面媒体到电子杂志、网页等新媒体,对于版式设计的技术与 艺术都有着更新更高的要求。学生可通过不同媒介版式设 计类型练习，掌握版式设计规律与形式和新的趋势，对于 日后的平面设计工作产生整体性的影响。 围：本课程以课本《版式设计》为主线教学，涉及围有：版式设计的目的和新趋势、版式的视觉要素与构成要素、版式设 计的审美原理和设计形式、不同平面媒介中的版式类型。 在练习类型上以《版式设计速查手册》为补充。 3、本课程与相关课程的关系： 版式设计的学习应具备《平面构成》《色彩构成》《字体设计》等课程的知识。版式设计的基础是版面构成和版面编排。它是《书籍装帧》《广告设计》《包装设计》《企业CI形象设计》等课程的重要基础。它对于全科班的《网页设计》课程产生直接影响，也是网页设计的核心理论课程。 4、课程教学适用对象及其基本素质： 课程教学适用于本科或高职高专以上，对艺术设计有一定追求。勤奋好学，并希望借此进入设计领域的有志人士。
1、学生学习本课程能够达到的程度： 通过该课程的学习在掌握版式设计理论的基础上，培养学生灵活运用美学法则和技巧。能够独立完成各种不同平面媒介的版式设计工作，掌握各种类型的版式设计规律，设计出具有创新意识版面作品。 2、学生学习本课程能够具备的素质： 具备灵活运用平面与色彩构成知识，将设计基础转化为实际设计应用能力。提高对平面设计中形式感的理解和认识。能够驾御当今容多元化，形式多样化的印刷物与电子媒体的版式设计。为学生职业岗位能力的扩展延伸奠定良好的基础。 平面设计的方方面面都涉足版式设计，是视觉传达设计中核心研究对象。 3、学生学习本课程能够掌握的工具： 手工绘图工具、手工版式设计制作一套工具。
indesign 报纸版面的设计与制作 报纸是新闻出版业中内容最丰富、报道最实时、读者最广泛的一种大众传播媒介。在纸质媒体中占有首要位置。报纸版面的排版，始终是报业工作的关 键环节。 目前世界上各国的现代报纸幅面主要有对开、四开两种，其中我国对开报 纸幅面为780mm×550mm, 版心尺寸为350mm×490mm×2，通常分8栏，每栏13个字、120行，版心字数13,320字，横排与直排所占比例约8：2。四开报纸幅面尺寸为540mm×390mm，版心尺寸为490mm×350mm,版心字数为（小五号）86行×71字（6106字），中缝（小五号）86行×12字（1032字）。报纸在经济、政治、文化等综合因素制约下，版面从最少四版到数百版不等。并按称之为版 序的第一版、第二版、第三版、第四版……的版面重要顺序的方式排列。 众所周知，报纸版面是版面元素有规则的组合。各种不同的版面元素都有 各自内含的意义和特定作用。现代报纸版面构成如图12.2所示： 图12.2 报纸版面的构成: 从图12.2中可知，报纸版面主要由正文、标题、线条、照片和图画等五种元素构成。此外，大多数对开报纸以横排为主，垂直分栏，竖排报纸水平分栏。一个版面先分为八个基本栏，再根据内容对基本栏进行变栏。变栏方法有两种，其一是长栏，长栏宽度为整数倍的基本栏，如二合一，三合一；其二是变栏，变栏宽度为非整数倍基本栏，如五化三，三化二。根据上述原则进行合理版面分割后，就能按分割区域对版面的正文、标题、图片、线条、色彩等进行排版处理，构建一个中心突出、版面优美的报纸版面。 报纸版面的排版 一个完整的报纸版面如图12.3所示。从排版角度看，报纸版面为一页（一个扩展页），版面中分布有文字、图片、线条、色彩等要素。 图12.3 报纸版面 1．报纸版面的制作 应用中文化Indesign2.0排版软件进行报纸版面的制作，其作业流程如图12.4所示： 图12.4 报纸版面的设计制作流程