中秋祝福网页

网页设计中页面尺寸标准

网页设计中页面尺寸标准

　　在刚开始进行美工设计的人，对网页设计页面尺寸一般多大，可能会有疑问。下面是小编为大家整理的网页设计中页面尺寸标准，欢迎参考~

　　对于固定宽度的网站布局，设计师常用的分辨率有：760px、780px、920px、950px等，如今大尺寸、宽屏幕的显示器越来越多，越来越普及，有些设计师也开始采用1000px、1003px这样的分辨率。

　　页面最大化、满屏化的网站看着的确是舒服，但过高的分辨率在设计师显示器上合适，并不代表在浏览者的显示器上也合适。现在用的最多的分辨率还是1024×768，在这种分辨率下，含滚动条的页面最大宽度应不超过994px，所以一般页面宽度定位在990px以内比较适宜。

　　这一讲主要来说说网页设计的标准尺寸

　　一、在800×600分辨率下，页面宽度应在778px以内，这样不会出现横向滚动条，高度可以依据版面和内容而定。

　　二、在1024×768分辨率下，页面宽度应在1003px以内，如果仅一屏显示的页面，高度在612px～615px之间，这样横向和纵向滚动条都不会出现。

　　三、在photoshop中做800×600分辨率下仅一屏的网页时，尺寸可以设为740×560左右。

　　页面标准按800×600分辨率制作，尺寸为778px×434px

　　页面长度一般不要超过三屏，宽度不宜出现横向滚动条为宜

　　每个标准页面为A4幅面大小，即8.5×11英寸

　　全尺寸banner为468px×60px，半尺寸banner为234px×60px，**anner为88px×31px

　　小图标的标准尺寸还有120px×90px、120px×60px等

　　每个非首页静态页面含图片字节不超过60K，全尺寸banner不宜超过14k

　　标准网页广告尺寸规格

　　1、120×120，这种广告规格适用于产品或新闻照片展示。

　　2、120×60，这种广告规格主要用于做LOGO使用。

　　3、120×90，主要应用于产品演示或大型LOGO。

　　4、125×125，这种规格适于表现照片效果的图像广告。

　　5、234×60，这种规格适用于框架或左右形式主页的广告链接。

　　6、392×72，主要用于有较多图片展示的广告条，用于页眉或页脚。

　　7、468×60，应用最为广泛的广告条尺寸，用于页眉或页脚。

　　8、88×31，主要用于网页链接，或网站小型LOGO。

　　广告形式 像素大小 最大尺寸 备注

　　BUTTON 120×60(必须用gif) 7K

　　215×50(必须用gif) 7K

　　通栏 760×100 25K 静态图片或减少运动效果

　　430×50 15K

　　超级通栏 760×100 to 760×200 共40K 静态图片或减少运动效果

　　巨幅广告 336×280 35K

　　585×120

　　竖边广告 130×300 25K

　　全屏广告 800×600 40K 必须为静态图片，FLASH格式

　　图文混排 各频道不同 15K

　　弹出窗口 400×300(尽量用gif) 40K

　　BANNER 468×60(尽量用gif) 18K

　　悬停按钮 80×80(必须用gif) 7K

　　流媒体 300×200

　　（可做不规则形状但尺寸不能超过300×200） 30K 播放时间小于5秒60帧(1秒/12帧)

　　网页中的广告尺寸

　　1.首页右上，尺寸120×60

　　2.首页顶部通栏，尺寸468×60

　　3.首页顶部通栏，尺寸760×60

　　4.首页中部通栏，尺寸580×60

　　5.内页顶部通栏，尺寸468×60

　　6.内页顶部通栏，尺寸760×60

　　7.内页左上，尺寸150×60或300×300

　　8.下载地址页面，尺寸560×60或468×60

　　9.内页底部通栏，尺寸760×60

　　10.左漂浮，尺寸80×80或100×100

　　11.右漂浮，尺寸80×80或100×100

怎样网页设计

怎样网页设计

　　在网页设计中，几乎所有功能板块都离不开文字，它可能是标题、可能是特点介绍。下面小编带来的怎样网页设计。

　　由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学*就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢?常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

　　步骤/方法

　　1 确定网站主题

　　网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。

　　2 搜集材料

　　明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

　　3 规划网站

　　一个网站设计得成功与否，很大程度上决定于设计者的规划水*，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。

　　4 选择合适的制作工具

　　尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver和 Frontpage了，如果是初学者，Frontpage2000是首选。除此之外，还有图片编辑工具，如Photoshop、Photoimpact 等;动画制作工具，如Flash、Cool 3d、Gif Animator等;还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。

　　5 制作网页

　　材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。

　　6 上传测试

　　网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的'工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

　　7 推广宣传

　　网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

　　8 维护更新

　　网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者

　　提升网页设计质量，不可忽视的这3个要点！

　　网页设计是一门学问。它并不是简单的为网站内容设计一个展示的框架，其中包含了很多的细节问题。而往往这些小细节，正是影响用户浏览体验，甚至是网站运行性能的关键。

　　1、文案

　　好的网页不会依靠笨拙冗长的文案介绍来吸引用户点击和阅读，应该是利用简短而有力的文案，制造出关注点，从而促使人们产生兴趣和进一步了解详情信息的动力。

　　在网页设计中，几乎所有功能板块都离不开文字，它可能是标题、可能是特点介绍。如何在缩短文字篇幅的同时，保证文字的易读性，是我们需要考虑的问题。同时文案和图片等其他页面内容的布局搭配也是非常重要的，合理的利用中心布局、对称布局等方法，使重点信息位于视觉焦点上，这样才能发挥出文案真正的作用。

　　好的网页都不会只有生硬的信息，它都会在特定的功能板块上设置一定的动态特效。

　　比如首页的自动滑动横幅，能使用户无需任何操作，就可以浏览到多个主题内容的图片信息。

　　又比如3D动态图，能让枯燥的内容变得生动和有趣。当然在网页设计中，添加互动特效一定要掌握好度，因为过多的动态图片或者特效会直接影响到网页的加载速度，而这个指标是大多数用户十分关注的，会影响到用户的体验感。

　　2、CTA按钮

　　所谓CTA按钮就是具有号召性的网页按钮，它的目的是诱导用户采取某些特定的操作，进而达到定向导的目标。我们在网页设计中，要合理的设置CTA按钮。例如我们常见的“了解更多”或者“立即购买”等功能性按钮，它能有效的吸引潜在客户的注意力，引导他们参与到活动中，或者促使他们选购商品。

网页设计中要遵循哪些原则

网页设计中要遵循哪些原则

　　网页设计中要遵循哪些原则呢?怎样才能设计出一个合格的网页。我们知道，设计的个性化表现得非常明显，每个设计师都有着自己的设计理念，而企业也有着自己的需求，因而这两者经常会出现冲突。因此，网页设计中要遵循一定的原则。下面是一些网站设计中应注意的原则。希望对大家有所帮助!

　　步骤/方法

　　一、明确建立网站的目标和用户需求

　　Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此我们必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，以“消费者(customer)”为中心，而不是以“美术”为中心进行设计规划。

　　在设计规划时我们会考虑：

　　建设网站的目的是什么?

　　为谁提供服务和产品?

　　企业能提供什么样的产品和服务?

　　网站的目的消费者和受众的特点是什么?

　　企业产品和服务适合什么样的表现方式(风格)?

　　二、网页设计总体方案主题鲜明

　　在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。

　　Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。

　　为了做到主题鲜明突出，要点明确，我们将按照客户的要求，以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣，办出网站的特点。

　　Web站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志;Email地址：用来接收用户垂询;联系信息：如普通邮件地址或电话;版权信息：声明版权所有者等。

　　充分利用已有信息，如客户手册.公共关系文档.技术手册和数据库等。

　　三、网站的版式设计

　　网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于*面设计，但它们有许多相*之处。

　　版式设计通过文字图形的空间组合，表达出和谐与美。

　　多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。

　　四、色彩在网页设计中的作用

　　色彩是艺术表现的.要素之一。在网页设计中，我们的设计师根据和谐、均衡和重点突出的原则，将不同的色彩进行组合.搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用。如果您的企业有CIS(企业形象识别系统)，我们将按照其中的VI进行色彩运用。

　　五、网页设计形式与内容相统一

　　为了将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。

　　灵活运用对比与调和、对称与*衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，充分表达完美的设计意境。

　　六、三维空间的构成和虚拟现实

　　网络上的三维空间是一个假想空间，这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。在页面中，图片、文字位置前后叠压，或页面位置变化所产生的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层次不太适合网页设计，根据现有浏览器的特点，网页设计适合比较规范、简明的页面，尽管这种叠压排列能产生强节奏的空间层次，视觉效果强烈。网页上常见的是页面上、下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。现在，人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象的语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种*台之上，只不过能够更多地为虚拟现实环境服务。

　　七、网页设计中多媒体功能的利用

　　网络资源的优势之一是多媒体功能。要吸引浏览者注意力，网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制，在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。

　　八、结构清晰并且便于使用

　　如果人们看不懂或很难看懂您的网站，那么，他如何了解你的企业和服务呢?使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品，如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话，他们是不会喜欢您的网站的，这就是网页设计的失败。

　　九、导向清晰

　　网页设计中导航使用超文本链接或图片链接，使人们能够在您的网站上自由前进或后退，而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释，以便那些不愿意自动加载图片的观众能够了解图片的含义。

　　十、快速的下载时间

　　很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站，在互联网上30秒的等待时间与我们*常10分钟等待时间的感觉相同。因此，我们会建议您在网页设计中尽量避免使用过多的图片及体积过大的图片。我们通常会与客户合作，将主要页面的容量控制在50K以内，*均30K左右，确保普通浏览者页面等待时间不超过10秒。

　　十一、非图形的内容

　　我们在必要时适当使用动态“Gif”图片，为减少动画容量，应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是，由于在互联网浏览的大多是一些寻找信息的人们，我们仍然建议您要确定您的网站将为他们提供的是有价值的内容，而不是过度的装饰。

　　十二、方便的反馈及订购程序

　　让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望，您是否能够让他们尽快实现吗?是在线还是离线?

　　十三、网站测试和改进

　　测试实际上是模拟用户询问网站的过程，用以发现问题并改进网页设计。我们通常与用户共同安排网站测试

　　十四、界面设计一定要适合软件的功能

　　界面设计是为软件功能服务的，所以，不能与功能需求相违背。比如本来用户可以一键完成的事，却非要拆成多个步骤来完成。

　　十五、简单性和易理解性

　　界面设计要遵循简单性，就意味着不能将界面设计的花里胡哨，堆叠的元素太多，这这样会让用户失去焦点，找不到重心，也一样会影响到用户的体验。

　　十六、界面元素醒目、直观，不易让人误解

　　同时，为了便于用户的理解，对于用户的每一项操作都要及时给出视觉或者是听觉上面的反馈。比如：在完成操作之后，给出不同的状态灯显示；或者给出一些提示音。

　　十七、提供视听反馈，可与用户双向交流

　　为了便于用户理解，还可以增加一些必要的提示。比如在光标悬浮在按钮上的时候，给出快捷命令的提示。

　　十八、界面元素有充分必要的提示

网页设计的标准和规范

网页设计的标准和规范

　　网络上的变革每天都在发生，当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”，自2000年起，大部分新发行的浏览器版本都开始支持网站标准，以下是小编为大家收集的网页设计的标准和规范，仅供参考，大家一起来看看吧。

　　1、基本内容

　　网络上的变革每天都在发生，当我们觉得网站设计技术已经非常简单和熟悉的时候。国外网站设计标准化的概念早已悄悄的形成和迅速“蔓延”，自2000年起，大部分新发行的浏览器版本都开始支持网站标准。主流的网页编辑工具也开始全面支持网站标准，甚至一些软件几乎完全由XML文件组成，例如Dreamweaver MX。一些著名的大型商业网站开始采用网站标准来重新构建另外一些则拒绝非标准浏览器浏览它们的网站众多的设计网站和个人网站更是标准推广的先行者，纷纷转向采用XHTML+CSS来建立。2004年2月4日XML1.1推荐标准正式发布，标志着网站设计的标准时代已经到来。

　　一、为什么要建立网站标准

　　我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽;针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户;不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。

　　如何解决这些问题呢?有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司(Netscape、Microsoft等)也终于认识到统一标准的好处，因此在W3C(W3C.org)的组织下，网站标准开始被建立(1998年2月10日发布XML1.0为标志)，并在网站标准组织(webstandards.org)的督促下推广执行。

　　简单说，网站标准的目的就是：

　　提供最多利益给最多的网站用户

　　确保任何网站文挡都能够长期有效

　　简化代码、降低建设成本

　　让网站更容易使用，能适应更多不同用户和更多网路设备

　　当浏览器版本更新，或者出现新的网络交互设备时，确保所有应用能够继续正确执行。

　　对于网站设计和开发人员来说，遵循网站标准就是使用标准;对于你的网站用户来说，网站标准就是最佳体验。

　　访问量排名世界第4，*第1的新浪网站，也遭遇非标准DHTML的问题。在最新发布的Netscape7和Mozila1.6浏览器中，新浪首页的漂浮广告全部失效，层叠挤在页面左下角。也许那些广告主认为损失这些潜在的用户无所谓。(截图日期2004年4月12日)

　　二、什么是网站标准

　　网站标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA(European Com*r Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准：

　　1、结构标准语言

　　(1)XML

　　XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的`不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。

　　(2)XHTML

　　XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。

　　2、表现标准语言

　　CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。

　　3、行为标准

　　(1)DOM

　　DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范，DOM是一种与浏览器，*台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的javascript和Microsoft的Jscript之间的冲突，给予web设计师和开发者一个标准的方法，让他们来访问他们。

网页制作练*试题

网页制作练*试题

　　无论是在学校还是在社会中，我们最不陌生的就是试题了，借助试题可以更好地考查参试者所掌握的知识和技能。一份什么样的试题才能称之为好试题呢？以下是小编精心整理的网页制作练*试题，欢迎阅读，希望大家能够喜欢。

　　一、选择(60分)

　　1、规划网站的目录结构时，应该注意的问题是( )

　　A、 尽量用中文名来命名目录B、整个网站只需要一个images 目录 C、目录层次不要太深 D、使用长的名称来命名目录

　　2、在属性面板设置网页打开的方式中，能回到上一级的浏览窗口，显示超链接所指向的网页文件的是( )

　　A、_black B、_parent C、_self D、_top

　　3、DreamweaverMX通过( )面板管理站点。

　　A、 站点 B、文件 C、资源 D、结果

　　4、插入表格对话框中的“间距”表示( )。

　　A、表格的外框精细B、表格在页面中所占用的空间C、单元格之间的距离D、单元格大小

　　5、对于一个有N个框架的框架页，是由( )个单独的HTML文档组成的。

　　A、N B、N+1 C、N-1 D、N+2

　　6、HTML的颜色属性值中，蓝色的代码是( )。

　　A、#000000 B、#00FF00 C、#0000FF D、#FFFF00

　　7、在DreamweaverMX的网页设计中，在“查找和替换”对话框中单击( )在“结果”面板组中打开“搜索”面板，显示搜索文本或标签的所有匹配项

　　A、查找一个 B、查找全部 C、替换 D、替换全部

　　8、下列关于DreamweaverMX的说法错误的是( )。

　　A、 从Word中直接复制粘贴的文字可以保留其原有格式

　　B、“插入”面板实际上是一个工具栏集，默认显示“常用”工具栏

　　C、 在文档窗口中可以通过“查看”菜单或“文档”工具栏来切换视图。

　　D、拖动棉板的名称标签可以进行自由组合。

　　9、网页设计中，设置表格框线和背景颜色时，在( )属性面板中单击“边框颜色”和“背景颜色”拾色器，然后选择所需的颜色即可。

　　A、单元格 B、行 C、列 D、表格

　　10、在网页设计中，选择单元格的方法是( )。

　　A、 单击单元格，然后单击编辑窗口下边的 标签 B、 单击单元格的右边或底部边缘的任意位置

　　C、选择“编辑”——“全选”命令 D、在单元格中拖动鼠标

　　11、如果要实现在网页上迅速跳转到页首之类的链接，应该通过( )来设置。

　　A、表单 B、CSS样式 C、行为 D、空链接

　　12、超文本标识语言的英文简称是( )。

　　A、index B、css C、html D、http

　　13、在DreamweaverMX中，新建站点时，不可能设计到的项目是( )。 A、 站点名称 B、服务器技术 C、可编辑区域 D、存回与取出

　　14、在DreamweaverMX中，如果不想在段落间留空行，可按( )组合键。 A、Enter B、Ctrl+Enter C、Alt+Enter D、Shift+Enter

　　15、在DreamweaverMX中,不能用在网页中的图片格式是( )。 A、GIF B、JPEG C、BMP D、PNG

　　16、在DreamweaverMX中,创建E—mail 链接，其正确的语句格式是( )。 A、 to:master@e-mail.com B、eink:master@e-mail.com B、 mail:master@e-mail.com D、mailto:master@e-mail.com

　　17、建立锚点链接后，在锚点名称前的符号是( )。 A、# B、* C、& D、@

　　18、关于“新建CSS 样式”对话框说法错误的是( )。 A、可以选择创建自定义样式

　　B、可以选择“使用CSS选择器”

　　C、可以选择“重定义HTML标签”D、自定义的样式表不能在整个HTML中调用

　　19、下列关于层的说法错误的是( )。

　　A、利用层可以实现网页中的图文混排B、层的位置可以任意移动

　　C、层中即可以插入文字，也可以插入图片D、层位置一旦确定，不能更改

　　20、关于上传网页的说法正确的是( )。

　　A、 上传网页需要一个存放网页的空间是指要在你的微机中创建一块区域存放网页。 B、 网页制作完毕需要多方面进行检查确保无误 C、 上传的网页需要进行人工排序

　　D、第一次上传网页，只上传主页即可，其他内容不用上传

　　二、填空(15分)

　　1、HTML源代码包括 标记和 标记两大部分

　　2、若要设置页面属性，可以按 组合键打开对话框。

　　3、实现网页布局的方法主要有 、 和框架三种。

　　4、在用“调用Javascript”建立弹出信息对话框的行为时，要在对话框中输入 (“弹出的信息内容”)的方法来实现。

　　5、网络中，网页之间的链接是通过 来实现的。

十种网页设计软件

十种网页设计软件

　　对于想要加入网站设计制作行业的新手们，在学*网站制作设计的第一件事就是要选择确定一款适合自己的网站制作软件。以下是小编为大家整理的十种网页设计软件，仅供参考，希望能够帮助到大家。

　　(1)Microsoft FrontPage

　　熟悉Word的用户，在使用FrontPage进行网页设计一定会非常顺手，这是一款与word有许多相似地方的软件。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。

　　FrontPage最强大之处是其站点管理功能。在更新服务器上的站点时，不需要创建更改文件的目录。FrontPage会为你跟踪文件并拷贝那些新版本文件。FrontPage是现有网页制作软件中惟一既能在本地计算机上工作，又能通过Internet直接对远程服务器上的文件进行工作的软件。

　　(2)Adobe Page mill

　　Page mill功能不算强大，但使用起来很方便，适合初学者制作较为美观、而不是非常复杂的主页。如果你的主页需要很多框架、表单和Image Map图像，那么Adobe Page mill的确是你的首选。

　　Page mill另一大特色是有一个剪贴板，可以将任意多的文本、图形、表格拖放到里面，需要时再打开，很方便。

　　(3)Netscape编辑器

　　用户在使用Netscape浏览器显示网页时，单击编辑按钮，Netscape就会把网页存储在硬盘中，然后就可以开始编辑了十种网页设计软件十种网页设计软件。用户可以像使用Word那样编辑文字、字体、颜色，改变主页作者、标题、背景颜色或图像，定义描点，插入链接，定义文档编码，插入图像，创建表格等，这与FrontPage 2000有些像，但是，Netscape编辑器对复杂的网页设计就显得功能有限了，它连表单创建、多框架创建都不支持。

　　Netscape编辑器是网页制作初学者很好的入门工具。如果你的网页主要是由文本和图片组成的，Netscape编辑器将是一个轻松的选择。如果你对HTML语言有所了解的话，能够使用Notepad或Ultra Edit等文本编辑器来编写少量的HTML语句，也可以弥补Netscape编辑器的一些不足。

　　(4)Dreamweaver

　　Dreamweaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、Shockwave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。

　　Dreamweaver还采用了Roundtrip HTML技术。这项技术使得网页在Dreamweaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑*惯的同时，充分享受到可视化编辑带来的益处十种网页设计软件文章十种网页设计软件出自http://www.gkstk.com/article/wk-78500000747889.html。Dreamweaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。

　　(5)Fireworks

　　第一款彻底为Web制作者们设计的软件

　　Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的JavaScript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系，可以直接生成Dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片!

　　(6)Flash

　　Flash是用在互联网上动态的、可互动的shockwave。它的优点是体积小，可边下载边播放，这样就避免了用户长时间的等待。可以用其生成动画，还可在网页中加入声音。这样你就能生成多媒体的图形和界面，而使文件的`体积却很小。FLASH虽然不可以像一门语言一样进行编程，但用其内置的语句并结合JavaScript，您也可做出互动性很强的主页来。

　　(7)Hotdog Professional

　　Hotdog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。Hotdog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage中也未提供这样的功能。Hotdog对plug-in的支持也远远超过其他产品，它提供的对话框允许用户以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便十种网页设计软件网页程序设计。

　　(8)Home Site

　　Home Site是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑Perl程序。Home Site工作界面繁简由人，根据*惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作

　　Home Site更适合那些比较复杂和精彩页面的设计，能完全控制制作的页面的进程。

　　(9)Microsoft Visual Studio

　　该系列的版本有：2003、2005、2008等版本;

　　适合开发动态的aspx网页，同时，还能制作无刷新网站、webservice功能等，仅适合高级用户。

　　(10)Jbuilder

　　不论是各种版本，均适合使用其开发出JSP网页，仅适合高级用户。

　　以上就是我所要说的十种网页制作软件的一些信息，对于高级制作软件，限于水*，目前只能很简单的说一点，不是太了解。至于初级和中级制作软件，如果是新手的话推荐使用第一款Microsoft FrontPage很容易上手，等到一定程度，通过一定的学*后可以尝试使用中级软件，推荐使用第四款Dreamweaver软件，根据使用*惯，我自己还是比较喜欢的。

Dreamweaver创建网页的基本方法

Dreamweaver创建网页的基本方法

　　文字像精灵，只要你用好它，它就会产生让你意想不到的效果。所以无论我们说话还是作文，都要运用好文字。只要你能准确灵活的用好它，它就会让你的语言焕发出活力和光彩。下面，小编为大家分享Dreamweaver创建网页的基本方法，希望对大家有所帮助！

　　1、启动Dreamweaver

　　1)点击“开始-所有程序-Macromedia-Macromedia Dreamweaver 8”，

　　2)在中间的“创建新项目”中点第一个 HTML，打开一个空白文档;

　　2、保存文件

　　1)点菜单“文件-保存”命令，弹出一个“另存为”对话框，在上边的保存在长条中，找到D:盘，在中间打开自己的文件夹;

　　2)在下边文件名那儿把Untitled-1删除，改成index然后点右边的“保存”按钮;这儿注意两点，一个是保存位置在自己的文件夹，一个是文件名改成index

　　3)回到窗口，这时候在标签上就有了文件的名称，然后在标签下面的文档工具栏中间找到“标题”;把标题改一下，这个网页内容是个人主页，把标题改成“青青草”

　　4)这样我们就修改好了标题，同时按下Ctrl和S键(Ctrl+S组合键)，保存一下文件，标签上的星号消失;

　　3、输入内容

　　1)在中间工作区里点一下鼠标，这是光标在左上角一闪一闪，提示输入内容;输入下面的三行内容，输完一行按一下回车键，输完按Ctrl+S保存一下文件;

　　2)在标签下边的文档工具栏中，找到一个球体的'预览图标，点一下出来一个下拉列表，点第一个在IE浏览器中进行浏览，如果没保存，会出来一个提示，点“是”即可。

　　首先请运行记事本，或在任意位置新建一个文本文档，在记事本内输入如下内容：

　　以下为引用的内容：

　　这是我的第一个网页。

　　输入完毕后将文件保存，命名为“index.html”。(点击“文件”—>“另存为”。在“文件名”一栏填入“index.html”，在“保存类型”一栏选择"所有文件"，然后点击“保存按钮”)

　　保存之后，双击该文件，浏览器就会自动打开这个网页了。请确认一下你的网页是否与该页面相同，如果相同，那么你就成功地完成了自己的第一个比较简陋的网页。

　　请注意，这只是一个简单的页面，虽然它在语法上符合XHTML的标准，但是如果要作为一个完整的、符合W3C标准的XHTML网页，它还缺少一些内容。相关内容将在后面的教程中介绍。这个网页仅仅是用来讲解一些基础的XHTML知识。

　　基础知识讲解

　　我们刚刚制作的网页以开头，以结尾，它们分别代表网页文件的开始和结束。

　　英文中head是头的意思，body是身体的意思。网页的和两部分就分别代表了网页的“头”和“身子”。也许你注意到了，我们网页的“头”里面“有一个。title一词是标题的意思，网页的标题(title)将会显示在浏览器上方的标题栏中。而网页的身子，也就是与标签中间的内容将作为正文被显示在浏览器中。

　　这个网页很单薄，head和body中都没有什么内容。我们会在以后的教程中逐渐丰富网页的内容。但是现在请您记住一个概念：网页的头(head)是为浏览器写的，它将不会显示在页面上，而身子(body)是为网站的用户写的，是浏览器将要显示的内容。

　　菜鸟恶搞XHTML之错误示例

　　打开下面这两个错误示例看看。它们的代码都存在十分严重的错误，但是浏览器却会准确无误地显示这两个网页。

　　示例1——身子长在脑袋里

　　这是我的第一个网页。

　　看看上面这个网页，和之间的内容正常的显示在页面上了。但是这是滑稽的错误，把身子放在脑袋里了。

　　示例二——脑袋长在脖子下

　　这是我的第一个网页。

　　浏览器的适应能力实在是令人佩服，即使你将脑袋放在身子里它也认得出来。看看标题栏，标题完全正常显示。

网页制作心得体会

网页制作心得体会（精选10篇）

　　某些事情让我们心里有了一些心得后，将其记录在心得体会里，让自己铭记于心，如此就可以提升我们写作能力了。但是心得体会有什么要求呢？以下是小编收集整理的网页制作心得体会，欢迎阅读与收藏。

　　杨老师下午讲解的是网页制作，他从网页布局（三段式）讲解，接着展示新浪、师院首页给我们看，在这过程中，始终都以实例讲解为主。接着讲网页布局的方法：

　　1、纸上布局法

　　许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。

　　2、软件布局法

　　如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。

　　最后重点讲了布局的技术

　　1、层叠样式表的应用

　　2、表格布局

　　3、框架布局

　　最后，杨老师就DIV+CSS给我们进行详细介绍，我们按照他的进度，创建网站站点、创建文件夹、创建文件。然后在DIV容器中插入动画，创建CSS文件，对不同的块元素进行排版，主要是浮动—float。由于时间实在是太短了，很多知识都没的讲，比如我们常遇到的外边距，内边距，线条，以及一些基本的代码知识。

　　哈哈，我就不多说了，对于网页我也研究了好几年了，问题还真多，学过网页布局（table、DIV+CSS），学过*面设计（PS、CDR），学过编程（ASP、ASP。NET），学过数据库（AC、SQL）。可以说我现在完全可以独当一面，接过学校、企业、*等的网页制作，评价都还不错！目前就是缺一个团队，从郑小军老师他们的成果看，不是一个人的努力能完成的，更多的是要一个志同道合的团队，回去我也该好好想想这个问题了。

　　转瞬之间，半个学期又接*尾声，在李导师的精心辅导下，度过了这个富有生机，富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识，对于我来讲是一个很好的锻炼和充实的机会。

　　俗话说的好“书山有路勤为径，学海无涯苦作舟”。在这一绝世佳句的鼓动下，我把握了工作之余的一切可利用的剩余时间，全心全意投入到网页世界，去不断的学*，去不断的收索；同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！

　　在页制作的过程中，我深深体会到一点“有付出，就终有回报”，你的付出与你的回报终究是成正比的。经过了多少漫漫长路，经过了多少忘我的投入，经过了多少波折，我的网页与众人见面了。当我第一眼在网络下一览我的个人主页，我是多么的激动，多么的兴奋，就像多年未见的老同学，一种讲不出道不明的感觉。

　　我在制作主页中的心得体会：

　　做好主页，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

　　1、标题

　　在个人主页中标题起着很重要的作用，它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短，有特色、容易记，还要符合自己主页的主题和风格，决不要取一个名不符实的"好名字"，别人第一次上了当，下次再也不会光顾了。

　　2、内容的采集

　　选好标题后，开始采集内容，内容必须与标题相符，在采集内容的过程中，应注重特色，所谓特色应该是有一些自己的东西。个人主页中的特色，应该突出自己的个性，把自己的兴趣、爱好尽情地发挥出来，因为在网络上不受限制。主页就是在网络上的一个小小家园，在那里，可以放上自己喜欢的任何东西，包括你自己*时喜欢一些文章，一些好听的歌，一些好的动画作品。把这些内容按类别进行分类，设置栏目，让人一目了然，在栏目上不要设置太多，最好不要超过十个，层次上最好少于五层。

　　3、图片

　　做个人主页不能只用文字，必须在主页上适当地加一些图片，增加可看性，俗话说"一图胜千言"，我想不无道理，一张处理得好的图片不需要多做任何解释，就能让人一目了然，让人去思考，去了解它。当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。那么如何精简图片的大小呢，一般来说，图片颜色较少的及在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，最好把它处理成jpg图像格式，因为gif和jpg各有各的压缩优势，应根据具体的图片来选择压缩比。

　　4、网页排版

　　网页页面整体的排版设计也是不可忽略的，要让读者在狭小的电脑屏幕上阅读，很重要的一个原则是合理地运用空间，让自己的网页井井有条，留下必要的空白，人觉得很轻松。不要把整个网页都填得密密实实的，没有一点空隙，这样会给人一种压抑感。

　　5、背景

　　网页的背景并不一定非要用白色，选用的背景应该和整套页面的色调相协调。合理的应用色彩是非常关键的。

　　目前，互联网是最快捷的信息传播渠道之一，学*网页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单网页》教学中值得注意的几个问题：

　　一、激发学生的学*兴趣，唤醒求知欲望

　　现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学*需要而表现出来的一种认识行为，它在学生的学*中具有重要的作用。我认为，教师激发学*兴趣，挖掘学*需求是授课前必须解决的问题。从知识结构看，网页制作是在学生掌握了一定的理论基础和操作技能之后，对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。

　　例如，在学*浏览网页时，我有计划地挑选一些专题网站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学*，就比较主动，学*效果也会比较好。

　　二、合理调整教学顺序和重点，理顺理论与操作的关系

　　学*网页制作，首先接触的是概念和理论性的知识。回顾学*一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。

　　三、注重培养学生知识迁移的能力

　　正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作网页和保存网页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学*也是复*。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint中必须写在文本框里。通过比较，加深印象，达到学*和提高的目的。在这部分中，除文字处理外，像修饰网页、插入表格等内容都可以这样比较着讲。

　　四、认识螺旋式上升的学*模式和探究式学*的方式，重视课前准备

　　学*是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如，在学*网页修饰时，可采用了示范法和演示法结合的教学方法，先设计几个页面，都是在上一节课作的、样例页面的基础上改的。上课时，让学生打开上节课制作的网页，他一看，老师的页面上比他多了个图片，马上问怎么做的，我演示给他看，他也加上图了……每次我演示出的页面总比学生们做出来的多一点小修饰，他们就不断地提问，不断地学*新技巧，再不断地付诸实践。用这种示范加演示的方法教学，效果还不错。但对老师来讲，备课的工作量比较大，课堂上的辅导任务也重一些。

　　五、组织协作学*，培养学生自学能力和合作精神

　　信息技术划分为精英技术和大众技术。目前，信息技术基础模块中讲授的均属大众技术，要求学生掌握的是可以广泛迁移的知识。但是，大众技术太简单了，有些学生不用我们教，自己玩电脑就玩会了。这类学生，上课时通常不愿再听，还经常搞些小动作，或者做些小软件来炫耀一下。小孩多半有这种心理，我们不妨给他创造这个条件，让他充分发挥特长。有一次，刚开课不久，有个学生把他的个人主页演给我看，当时我考虑了一下，让他在全班同学面前作了演示，解说他的创作思想，并指出了他作品中的亮点。这个学生当然很自豪了，别的同学也都很佩服他的能力。在其他同学眼中，他就是高手了，以后的学*过程中有了问题，不问老师，先问他去，逐渐地他就成了我课堂上的一名小助教了。学生中的榜样作用和传、帮、带作用不可低估，如果你班里有几个这样有一定特长的学生，不妨考虑采取任务驱动、分组合作等方法进行教学，让他们带动全班的同学学*提高。学生之间相互学*、相互帮助、相互带动比单纯的老师教效果更好。

　　六、适当引入分层次教学，体现教学目标的差异性

　　学生的基础差别很大和心智发展水*很大不同。在这种情况下，分层次教学是一种行之有效的办法。一般的，我把学生分成三个a、b、c三个层次。a层次的学生是基础好，特长明显，自学能力强的一部分，对这部分学生，倡导自主学*，给他们布置任务或课题，学生独立完成，只是在需要的时候向他们提供帮助；b层次的学生是基础一般，能在老师的讲解、示范和引导下学*，对这部分学生可采用灵活多样的教学方法按步就班地学*，b层次的学生是学生群体中的大多数；c层次的学生是学*有一定困难的学生，我对他们的要求是掌握基础，除了给他们进行特别辅导之外，还采取结对子的办法，给每人配一个a层次的学生作为助理，帮助他们学*。但在分层次教学中要格外注意保护c层次学生的自尊心和学*积极性。

　　七、加强联系实际，培养学生的创新能力

　　创新是素质教育的核心内容。鼓励、指导学生大胆、灵活地运用已学知识，解决实际问题是培养学生创新精神和能力的有效方法。我认为在网页制作这一部分的小结或复*阶段可以适当采用主题型课或任务驱动式的方法，设计引导学生从头至尾制作一个专题站点。当然，复*中也可以适当采取教学对话、教学讨论、示范等教学方法。

　　一、网站规划

　　本工作室主要用来做个人网站，主题是介绍自我，让更多的朋友认识我，面向我的同学和朋友以及想结交我的朋友。

　　二、网站总体设计

　　本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块，其他四个板块也可以通过超链接回到我的主页去。

　　三、网站设计与制作（包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果）

　　本网站的布局大多是运用CSS进行布局的，这也是老师一直强调我们的。为了增加视觉效果，个别网页还特别添加了flash效果（我的相册），还用到了视频和音乐等素材（如我的主页）。个别网页添加了表格，这样显得网页更齐整。对于美化这部分，我还特别用Photoshop对一部分图片进行了处理，让图片和网页更好地搭配。在个别网页添加表单，可以让浏览者和网站更好地互动，交流信息。

　　四、学*体会

网页设计的色彩心理学知识

网页设计的色彩心理学知识

　　学*网页设计的人，对于色彩一定要有所了解，下面小编为大家带来了关于网页设计的色彩心理学知识，欢迎大家阅读!

　　红色：危险，重要，激情

　　红色是血与火的颜色，它是最强大的色彩之一，同时代表着爱与战争。

　　红色所传递出的情绪是非常激烈的，甚至可以直接引起相应的生理变化，包括血压升高，呼吸频率提升，等等。

　　红色还代表着精力充沛，能够引起冲动，还是是速度与力量的象征。Netflix和Youtube都采用红色作为主色调。

　　勇士是引人注意的，它是非常具有性格的色彩，就像颁奖典礼现场的红地毯，它代表着走红毯的名人和明星的重要性。而红色运用在网页当中，则意味着这个元素是最重要的、值得重视和注意的。

　　橙色：自信、能量、乐观

　　橙色同样是非常鲜艳的色彩，它和红色也有着许多共通的地方，但是相对而言程度较低。它没有红色那么强烈的侵略性，但是它同样有着精力充沛的含义，可以营造出积极向上的情绪和氛围。

　　就像红色一样，橙色同样具备有很高的识别度，能够强烈地吸引用户的注意力，高亮特定元素的作用。另一方面，一些研究表明，橙色还能传递出“便宜”的含义，这也是为什么许多电商网站和APP会倾向于将购物车和购买相关的链接标识为橙色。

　　Hipmunk中的橙色按钮非常的吸睛。

　　黄色：阳光，幸福，注意

　　黄色是非常有意思的色彩，它同时具备了幸福和焦虑两种特性，不得不说它的这个特征非常的哲学。在设计中，黄色非常容易引起注意力，所以它也是日常生活中*视标识的常用色。尽管它在警示效果上不如红色强烈，但是依然给人传递出危险的感觉。

　　当黄色与黑色搭配起来的时候，可以获得更多的关注，著名的纽约出租车就是采用的这样的设计。

　　绿色：自然、生长、成功

　　与绿色联系最紧密的毫无疑问是自然。绝大多数的植物都是绿色的，它与生长和健康都有着紧密的关联。

　　在设计中，绿色可以起到*衡和协调的作用，在今年，年度色就是草木绿，它甚至被称为新的中性色。不过在设计过程中，绿色的饱和度需要好好控制。高饱和度的绿色让人兴奋，引人注意，而低饱和度的绿色则接*中性色的作用，可以*衡整个设计。

　　蓝色：舒适，放松，信任

　　蓝色是天空和海洋的色彩，它是UI设计中最重要也是最常用的色彩，你在设计中所选取的蓝色的色调和色度，都会直接影响到你的设计对于用户的影响。

　　·浅蓝色给人清爽、自由、*静的感觉。这种轻松友好的氛围还能转化为信任的感觉，这也是为何如此多的银行类网页/APP会使用浅蓝色。

　　·深蓝色能够给人强大而可靠的感觉。

　　紫色：豪华，灵性，创造性

　　紫色的使用频率并不算高，它本身的这种稀缺性使得它在设计使用中有着特殊的地位。历史上，曾经一度只有欧洲皇室能使用，直到今天，它依然保持着某种奢侈感。将紫色运用到网页或者APP中，常常会给用户一种高端的感觉。

　　一个有趣的调查表明，有接*75%的儿童喜欢紫色和相*的色彩。

　　黑色：力量，优雅，精致

　　黑色是所有色彩中最有力量的，它能够很快地吸引用户的注意力，这也是为何它是文字的基准色，也常常作为许多设计的主色。

　　在 Squarespace 这个网站中，黑色的“Get Start”按钮非常引人注意。

　　当黑色作为UI控件和视觉元素的主色调的时候，它常常会带来相应的情感联系，它可以轻松传达出复杂的情绪，营造神秘的氛围。

　　白色：健康，纯洁，高尚

　　白色通常代表着纯洁，给人以干净、健康、高尚的感觉。由于白色常常同健康服务和创新啊所关联，所以你可以使用白色来强调安全性，推广医疗和高科技的产品。

　　在设计当中，白色常常用作留白，用以突出周围的色彩、控件。正确使用留白是一项非常重要的设计技能。以Google首页为例，白色让其他的色彩更加突出，更有力量：

　　大量的留白让其他的`元素脱颖而出。

　　灰色：正是，中性，专业

　　灰色代表中性和中立。相比于其他的颜色，灰色更为安全，当灰色作为主色调而存在的时候，能让设计的形式感更为强烈，这并不算坏事。和白色相似，这种中性色能够让其他的色彩更为显眼。

　　灰色通常同其他更为明亮的色彩搭配起来使用。Dropbox 就常常使用灰色来突出CTA按钮

　　拓展阅读：网页设计中的色彩理论

　　一、颜色术语

　　你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。

　　色轮的主要组成

　　所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。

　　三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。

　　把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。

　　二、颜色的关系

　　描述颜色有大量的术语，了解这些术语将有助于我们讨论的色彩和色彩的情感含义。

　　互补色是互补互调的色彩，它们坐落在色轮上对立的位置。这些互补色有蓝色和橙色、紫色和黄色、以及红色和绿色。

　　邻色是色轮上相毗邻的色彩，所以当邻色一起用时，可以是很好的搭配，但不会有明显的对比。

　　第三颜色是由中间色组成的，例如黄绿色和蓝绿色，即由一个原色和一个辅助色混合组成。

　　三、基于情感的色彩群体

　　一些色彩群体是和情感联系在一起的，比如温暖、冷静和中立的情感。

　　暖色能让人感觉到温暖，例如红色、黄色和橙色。

　　冷色让人联想到凉爽和寒冷，例如蓝色，绿色和紫色。

网页制作竞赛活动方案

网页制作竞赛活动方案

　　为了确保我们的努力取得实效，就需要我们事先制定方案，方案是书面计划，具有内容条理清楚、步骤清晰的特点。写方案需要注意哪些格式呢？以下是小编为大家收集的网页制作竞赛活动方案，欢迎大家借鉴与参考，希望对大家有所帮助。

　　一、指导思想

　　围绕学校全面实施数字化校园的总体部署，带动学校信息化方面的跨越式发展，深入推进课程改革和信息技术的应用，提高学校教师队伍的信息化水*，提升教师队伍的网页制作能力，学校在上学期网页制作培训的基础上，经研究决定，于3月1日至3月9日举办南亭小学网页制作竞赛。

　　二、活动目的及意义

　　由于我校教师队伍的信息技术应用水*较低，配合我校全面建设校园网站的契机，举办此次竞赛，力求通过此次竞赛使每一位老师都能够用好信息技术，并把它作为一种手段运用到日常教学中；力求使每一位老师都具备制作网页的能力，达到熟练运用网络服务于教育教学的目的。

　　三、竞赛内容：

　　1、班级主页：突出班级特色，体现班级风貌，展示任课教师和学生风采，以学生为主体，力求通过此主页可以全面了解班级情况。

　　参考栏目为：班级概况、学生简介、学生作品、班级荣誉。

　　任课教师、学生风采、留言箱等。

　　2、个人主页：展示个人风采，以教育教学方面为重点，多角度多侧面介绍自己。把它作为教师个人的网上家园，内容要尽量丰富并突出个人特色。

　　参考栏目为：个人简介、个人荣誉、兴趣爱好、论文选登。

　　课件选登、精彩教案、教学心得、班主任工作等。

　　（班主任老师请先完成班级主页的制作，其他科任老师请先完成教师个人主页）。

　　四、竞赛时间：

　　1、网页制作时间：3月1日至3月9日

　　2、网页公示、评比时间：3月10日至3月17日

　　3、竞赛结果公布时间：3月18日

　　(公布方式采取全校会上公布、网上公布、张榜等多种方式)。

　　五、评审小组名单：

　　组长

　　副组长

　　组员

　　六、评选方法：

　　1)初评由全校老师投票决定。

　　2)初评评选出来的优秀作品，经过评审小组的复评，产生最终评选结果。

　　七、奖项设置：

　　一等奖3名200元/人

　　二等奖5名100元/人

　　三等奖10名50元/人

　　所有优秀作品都将上传到学校校园网。

　　一、活动宗旨

　　组织本届网页设计大赛，旨在激发e01协会会员学*网页制作知识的热情，加速e01协会后备人才的培养，并为软件学院第二届创新软件设计大赛作准备。

　　二、活动主题

　　在兴趣中学*，在实践中创新。

　　三、竞赛方式

　　实行分组参赛，参赛作品由技术中心及相应的指导老师评定

　　1.分组：大概五人一组，具体分组情况见附表一

　　2.终评：由评审委员会对所收到的作品进行评审，评审委员会根据作品的.创新性，技术性等进行综合评分，由此确定获奖等级。

　　四、名额分配

　　协会技术中心三部每个部所参加大赛的网页作品不得少于8件，其它三部不得少于2件，参赛作品主要由组长负责以小组名义署名集体完成(另外也可以以个人独立完成)。

　　五、大赛奖项

　　一等奖：1项，奖金50+获奖证书

　　二等奖：2项，奖金30+获奖证书

　　三等奖：3项，奖金20+获奖证书

　　优胜奖：若干项，奖品+获奖证书

　　六、时间安排

　　11月10日--12月20日

　　七、实施步骤

　　组织策划宣传阶段

　　从11月13日到11月19日协会成员参看报名细节申报，作品申报表可以在院网站上下载，作品申报表由组长交到部长处，由部长于19号晚上统一交到协会办公室(北8-617)。