网页设计论文篇（1）

二、网页设计中文字表达时的留白

文字内容对网页设计也具有相当大的影响，因为浏览者在对图片进行了第一印象的判断后紧接着就是对文字的印象了，因为一件优秀的网页设计作品不仅是色彩对浏览者的吸引，当浏览者停留下来开始对文字进行欣赏时，文字的重要就变得不言而喻了。然而文字的表达也绝非只是将网站的内容简单的以文字的形式呈现出来那样简单，其中的讲究我么也是经过了大量的对比和学习才发现了其中的一些规律，简而言之也就是在网页设计中对文字的表达也要进行留白处理。文字的表达应该如何留白处理呢？其实并不难，因为文字本身也是有一些留白的结构的，所以设计师在设计网页的文字时一定要结合文字本身的留白结构，再结合页面设计的需要对文字进行合适的的处理。且文字的留白还有一点很重要，就是当一件网页设计中需要的文字信息量很大时可以对文字本身进行平面化的处理，使文字成为一种设计元素而非成为阻碍网页设计效果的障碍，但网页设计中无论用什么方法去处理文字都应该将文字表达中最重要的部分进行强调，以免在经过多种艺术手法的处理之后反而使得文字无法有效的传达出网页所要表达的信息，进而造成网站的主题不明，寓意不明等问题。文字的表达在网页设计中必不可少，国内外许多优秀的网页设计都在文字的处理上让人们拍手称赞，其中不难发现无论使用了那种形式的处理方法，留白都是这些优秀文字处理手法的核心所在，所以，当大量的文字内容使得网页设计的效果不尽人意时我们应该停下来思考一会儿，是不是应该考虑进行留白了呢？

网页设计论文篇（2）

 

在高等职业教育中,如何提高学生实际动手能力,完成符合市场与企业的设计作品是高职教师应该思考及探索的问题。对于企业网站而言如何将企业文化与网页设计相融合，是实践设计中所需要思考的问题。本人经过多年的教学经验与实际开发相结合，总结为以下几点：

一、理解企业网站存在的价值

对于企业网站而言，网站存在价值是什么？靠网站发展，肯定不是，因为企业网站更多的是体现企业的精神、文化及有效的对企业进行宣传。

网站其实就是企业，它是企业通过互联网展示自己的平台。只不过它的产品是以网页的形式供客户浏览、以交互的方式让他们参与等等，既然网站是一个企业，那就不能回避一个问题，就是盈利和体现企业精神的问题，如果只顾向网站投钱，作亏本生意，是任何一个网站都不愿意做的事情。论文参考网。所以网络如果要给自己带来回报，就必须以高标准来要求，这样就不得不提升到网站文化的高度。

二、理解什么是企业文化

企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则，以及由此导致的行为模式。企业文化是以人为本的管理哲学，是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式，是借助文化力量的管理方式，良好的企业文化能为企业保持数十年的竞争优势。

可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的，其员工也没有主人翁意识，这样的企业是成长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理，从而越来越突出人在企业生存和发展中的作用和力量。论文参考网。企业最重要的资源是知识，而知识是人的资源，所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人？HP公司为什么能保持20多年持续稳定的发展？其答案都很简单：重视人的建设是他们立于不败之地的保证。

其次企业的文化也是企业核心的思想与理念，它能指引企业向着同一个目标迈进，对企业内部而言是良好的凝集力，对外宣传而言是良好的宣传口语。所以深刻理解一个企业的精神文化将其反应于网页设计就是一个成功的设计作品。

三、网页设计与企业文化的结合

首先需要思考的是网站的整体形象，一个网站给人的第一印象就是主页，主页是能让浏览者产生第一印象的页面。但不是主页做好了，网站的整体形象就好，因为用户对整个网站的浏览的过程中，会自然而然的形成一种对网站的看法，这种看法是附带有感情色彩的，比如喜欢、不喜欢、没有什么感觉等，这就是整体形象的体现，这是靠主页和其它的页面相配合来完成的，所以在制作网页的时候要考虑怎么将自己网站好的一面体现给自己的用户，所以设计时应用着重考虑几点：

（1）网站色彩的应用

颜色的搭配要符合企业的文化与企业的精神，不同的颜色会产生不同的心里效益，例如：红色会让人激情绪动，充满热情。可口可乐公司的网站就是一个非常好的实例，类似于救火车的颜色让人心里的感受就像炎热的夏天，而炎热就需要一种救火的凉爽。论文参考网。其实不同的颜色所代表的含义也不相同，所以在确定网站主色调时要符合企业的形像，考虑企业的定位，与企业的文化。

（2）主页的版式设计

主页是网站的第一页面，主页内容的选取关系重大，主页除了给用户留下第一印像以外，更重要的作用是用于网站内容信息的分流与导航，所以主页的内容应该有所选择与删除。

在考虑主页版式设计时思考体现的方式，侧重点，内容要有主次之分，重要的企业精神、企业文化、企业思想、企业特色应该考虑放置于网站主页的第一屏区域，网站应该分为几栏？最重要的内容应该放置于网站第一屏的正中位置，让用户能第一眼即可看到这个信息，其它的内容则放置于网站两侧。让用户从登录主页就能很好的感受到企业的思想。

（3）设计风格应体现企业的文化

在网站的开发过程中，网站的设计风格需要统一，在设计时我们常常看看许多设计师设计作品的随意性，而对于企业网站而言，如何通过网站去体现一个企业的思想与精神则是设计师应该去考虑的问题。例如需要思考企业所经营的产品、企业产品所涵盖的范围，企业的精神应该怎么体现的问题。同时规范整个网站的外在表现，具体在于标志的设计、标准色彩的表达以及标准字体的设计。这些都是很重要的，有一个统一的、标准的形象是赢得自己用户信赖的条件。

在网页设计的时候，需要结合网站本身的特点，提炼出自己的经营理念，摆脱低层次的网站运行模式，网站作为一个企业就必须在不断的发展壮大的时候，结合自身的文化特色，提炼出一些深层次的东西，而这些东西就是企业的灵魂，很多世界知名品牌都有自己的独特的经营理念，比如微软是“成功诀窍＝人才＋创新，管理＝合适的时间＋应做的事”，惠普是“财富＝人才＝资本＋知识”，飞利普是“新产品＝技术内涵＋观念创新”，东芝是“企业活力＝智力×（毅力＋体力＋速度）”，麦当劳是“企业的活力＝原材料×设备×人力资源，人力资源＝人数×能力×态度”。这样就给网页设计师提出了更高的要求，要求他们能够深入的了解网站，同时将自己融入的到网站中，不断的发掘具有闪光性的东西，同时找到合适的表达方式来加以强化。这样才能够使网站靠自身的优势获得用户的好感，从而奠定良性运行的基础。

网站文化给网页设计师提出了更高的要求，那么具体到网页设计师身上该如何应对呢？提高自身的文化素质是必不可少的，假如自身素质不高的话，就无法领会到很多其中的内涵，这样在自己的设计表达的时候就不可能到位，其实作品就是一面镜子，在其中可以折射出设计者自身的素质，这是掩盖不了的，所以提高自身的文化修养是很重要的，形成一种习惯，这样在无形中就可以在设计的作品表现出来，所以这里没有任何捷径可以走，只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心，对生活充满热情！这样才可能在自己的网页设计中挖掘出好的东西来，也给自己的用户留下好的印象。

参考文献或注释：

网页设计论文篇（3）

2淘宝网页设计存在的问题及改进措施

淘宝网淘宝网是亚太地区较大的网络零售商圈，截止2010年12月31日，淘宝网注册会员超3.7亿人；2011年交易额为6100.8亿元，占中国网购市场80%的份额。比2010年增长66%。2012年11月11日，淘宝单日交易额191亿元。作为中国网上零售的领跑者，进一步提升客户体验，并促进中国电子商务的成长，成为淘宝网的重要任务。淘宝网网页色彩搭配比较和谐、重点突出、版面设计比较合理，能够让人有轻松愉悦的购物旅程，但是仍存在一些不足之处。

2．1色彩

①淘宝网页采用的主色调是：黑白桔———桔色标题栏，白底，蓝色字体。整体颜色搭配合理，但是色彩的亮度及饱和度不高，给人一种陈旧的感觉，在淘宝网站看东西，网页产品、产品介绍字样的色彩都比较暗淡，给人一种山寨的感觉，相比较而言，聚美优品的网页产品、产品介绍字样的色彩相对都比较明亮，给人清新认真的感觉，映衬出聚美优品不卖假产品的理念，然人们放心。改进方法与建议：增加网页图片的饱和度和亮度，是网页产品图片看起来更清新明亮，给顾客以美好的视觉感受。②产品介绍字迹的颜色变化：当鼠标选中一个产品文字介绍的时候，产品文字介绍就会变成橙色，这种颜色不够宣明，需要人们集中更大的精力去收集这些信息。其次，如图所示凸显在图片之上的方框文字介绍有画蛇添足的嫌疑。改进方法与建议：a看这些颜色较浅的文字时需呀注意力很集中，将产品的文字介绍黑色字体加粗颜色加深，使之涵盖的信息易于被客户吸收，减少因读取信息而产生的视觉疲劳；b当鼠标放在文字上时，字体颜色变为深红色，相应的图片放大呈现在原图片的上方。

2．2视觉

淘宝网页上推荐产品时一个页面排布密集，展示的产品过多，也达不到所要想达到的目的。造成视觉盲区。改进方法与建议：产品排列不要过于密集，根据最佳视域的原理横排不应展示超过5个产品。

2．3页面布局

淘宝网网页布局页面下方经常太过拥挤，动态图片过多，另一方面淘宝内容较多、页面过长、推荐较多，容易使用户产生烦闷情绪，失去浏览网页内容的耐心。切换页面有两个，上下两个让人“目不暇接”，抓不住图片内容，容易让人烦躁。此外，网页不分人群、性别盲目提送，让不少顾客感到厌烦，抱怨电商智商不高，例如作为一个男生，一般情况下，对女性美容美妆用品不感兴趣，因此淘宝账户推送给该产品很不高明。改进方法与建议：采取切换页面一个，在图片上方设置有文字提示选项，电商可以自动向顾客展示，顾客也可以自行选择要看的内容，就像商场里需要服务员的时候她在，不需要的时候她也不会缠着你一样，没有绑架的推荐更容易让顾客欣然接受，交易完成的几率也就比较大。分类页面采取横排更加清晰整洁，更符合人人因工程视觉搜索的要求，字迹得得大小更符合人因工程的要求。下方空白处的图画更人亲切感，不会那么的枯燥。

2．4logo淘宝的logo

孤零零的，没有什么创意，也没有体现企业的精神文化。提起一个企业最想让人想起的就是代表品牌的主体和企业文化的logo。所以在logo上，笔者认为可以加入更多的公司文化成分，而淘宝logo在上面做的不够好，如下图淘宝logo与京东logo、唯品会logo就可以看出。现对于淘宝，京东和唯品会在各自的logo上添加了自己企业文化的精髓，扩大了品牌在消费者中间的宣传，明确了企业产品的特色，抓住了消费者的第一印象。改进方法与建议：设计如下图1所示为改进的淘宝logo示例。

网页设计论文篇（4）

以网站内容为主导，向浏览者表述和传达咨询，如产品、服务、理念、文化等等，根据内容，分为几大部分，再根据功能划分，最后进行网站页面的设计美化工作。大致可以分为：菜单栏，导视栏和一些辅助功能栏，人们比较习惯于将这些功能划分在上面，左侧和右侧。传统的网站设计过于呆板，已经不再适应现在网络飞速发展的今天了。而作为企业宣传的其中一种，提升企业互联网品牌形象中至关重要的一部分就是精美的网页设计。

（二）丰富多样的动态效果的网站页面逐渐出现

信息时代的新媒体，其与浏览者进行网络互动的特点极大地了新环境下的交互式设计革命。浏览者已经不仅仅满足于通过鼠标机械地点击来浏览网页,而是使用者要求选择导航菜单进行花样翻新。现在加入动画语言的网站设计越来越受大众的喜爱，一些国内的艺术类独立网站，一些私人BLOG，和一些追求经典的企业都已开启了亦或优美的，亦或幽默搞笑的动画互动功能。在韩国和日本的网站设计，动画语言已经运用的很成熟了，而国内的腾讯QQ空间，已经在把个人空间做出了很多动画效果的方便初见成效。

二、动漫元素在网页设计中的必要性

加拿大著名的传播理论家赫伯特•马歇尔•麦克卢汉在他的经典著作《理解媒介-一论人的延伸》一书中写道:“罚矛弄姆容易把技术工具作为试用者犯罪孽的替罪羊，现代科学产品的本事无所谓好坏，决定他们价值的是他们的使用方式。”网站与人的互动设计就好比是一场互联网设计革命，它是人类在视觉、听觉和触觉等方面的要求和提高，是人类对于世界的审美的提高。一个成功的网站设计，除了对于网站内容是硬件要求之外，对于网页和浏览者的互动设计则是重要的软件要求。浏览者和网站的互动性与参与性，决定了该网站对于大众的吸引力和点击率。任何一家网站都有一定的互动性,而好的动画语言添加在这种互动性的体验中就为网站增添了更多的趣味性。

三、动画元素在网页设计中的具体体现

（一）主页互动

主页中的动画展示是最关键的一部分，也是大多企业投入设计费用最多的一部分。形象展示动画如同网站的形象广告,起着不可忽视的作用。它的强烈的动态效果,给浏览者的内心留下一个最初且深刻的印象，将浏览者轻易的引导入该企业文化中。一般情况下，企业会将自己的企业理念或者是企业的产品做成宣传片置于首页的动画中，抑或是做一个关于企业产品的小游戏，来与浏览者进行互动。这样，在用户打开网站时，便会被一种包裹式的试听效果和形象展示所吸引。

（二）鼠标显示

目前鼠标的动态效果千奇百怪,如浏览者将鼠标移上导航栏时和点击后出现的动画效果,可以给浏览者带来一种新奇感。目前有很多网站开始以动画的特效鼠标来吸引浏览者的眼球,或展现其网站的特色。例如卖蔬菜的网站往往会将鼠标做成胡萝卜的效果。当然,除了鼠标动画设计中需要的语言编程。设计师在做鼠标动画效果时,还要注意另外两个方面：一种是关于色彩的动画，通过色彩的明暗度或者饱和度等等方面的变化，进行动画效果。另一种就是在鼠标滑过或者点击的过程中，鼠标周围出现例如小范围的闪亮或者光晕的动画效果，这类效果无形中为网站添加了许多梦幻效果。这些设计主要还是要和网站整体设计风格进行搭配设计。

（三）进度条设计

目前网站中的进度条设计是应用动画元素最多和最普遍的地方了。由于网速的限制，导致在浏览者打开网站或者下载时中间会出现卡壳或空挡，这时候大多会跳出一个进度条来显示其运行速度。各大网站对于进度条的设计真可谓是百花齐放各显神通。进度条设计虽然是一个很不起眼的小FLASH动画，但不小觑这些细节设计，进度条的设计精致与否，也关系到整个网站的设计成败，乃至企业文化的精髓。

网页设计论文篇（5）

影片的主题思想，人物性格，艺术风格，细节处理，音乐构想等其他设想。

（二）前期设定

在动画制作前，进行大量的前期工作。以方便和规范总个的动画效果和制作便捷，分为动画剧本、角色设定、场景设定：

1、动画剧本

动画剧本是由画面讲述出来的一个故事。这个阶段，人物、故事情节、影片的主题内涵等影片最重要的部分都必须确定下来。动画剧本分为文字剧本和动画脚本。（1）文字剧本：以文字形式记录故事的背景、发展、高潮和结尾。应尽可能避免复杂的对话。在这里最重的是用画面表现视觉动作，而非语言。（2）动画脚本：把每一场景划分若干个镜头。绘制出镜头的主画面、角色动作和台词、场景变换、镜头移动、镜头长度等。动画脚本的好处就是在一个团队来制作时有本可依，指导动画创作集体各方人员统一协调地工作。

2、角色设定

动画片剧本中的主要角色塑造对剧作的影响巨大。动画片形象树立起来，被观众认可了，动画就成功了一大半。角色的设定要根据剧中人物的性格、体魄等来设计，并规范出他的姓名、年龄、五官、肤色、衣服、声音和习惯动作等个性特征。在Flas制作中角色设定分了初步手稿、电脑完成稿、和角色库三部分。（1）初步手稿：画出角色的正视图、侧视角、背视角、四分之三侧图。标出人物头部、上身、下身的高度、宽度。（2）绘制电脑图：把角色人物在Flash上绘制出来，把人物分为眼部、嘴部、头部、身体、左右上臂、前臂、大腿、小腿等几个单独的原件，标示号具体的色彩数值，并取好详细的文件名。（3）制作角色库：建立各个角色的三视图、走、跑、跳等基本动作元件库。以便后期动画制作时调用。

（三）动画制作

按照动画脚本中每个镜头的内容把之前的场景、角色合到一起，并按脚本时间把动画制作出来。制作前要把动画的大小、帧数确定下来，制作后要按照剧本所给的镜号把文件命名完整。

（四）镜头合成

按照动画脚本所给的故事发展时间线，把之前所做的动画镜头串连起来，根据需要可以运用影视蒙太奇手法把一些故事的时间、空间顺序打乱而重新组合，已达到完美的艺术效果。一般由视频和音频两部分构成：

（1）视频部分要把之前的动画按照对白的停顿、长度调试到最佳效果，并把镜头间的转场过渡衔接，根据需求可适当加上特效渲染动画效果，生成最终的动画故事。

（2）音频部分把镜头中的对白、音效、背景音乐串连成一个镜头长度的音频文件。把合成的视频、音频文件合成到一起，及时按照镜头名标好相应的帧名称，方便以后修改。

二、Flash在网页设计中的应用

（一）Flas在网页设计中的必然性

网络技术不断发展进步，也使得网页内容更加丰富，穿插了大量的音乐、动画等元素。Flash作为一种新的设计方式，能给浏览者带来听觉和视觉上的双重享受，能传递给网页浏览者更多的信息和互动。

（二）Flas在网页设计中的应用方向

1、Flash跨平台特性

Flas具有时间片段分割和重组的功能，能使设计感更强，同时它具有跨平台的特性，不管设计者应用什么电脑，只要是安装了Flash软件，就能保证显示效果一致。

2、适合公司做在线的产品展示

Flas应用在网页的设计中，具有设计精美、表现形式多元化、美术效果和互动性强等特点，这样的优势非常适合公司做在线产品的展示。

（三）Flash在网页设计中的应用方式

1、色彩转换

通过Flas可以使网页形成色彩上的转换，比如在网页中插入一段动画舞蹈，效果会更加突出，在浏览者放松之余，还能吸引其注意，形成一个独特的风格，这样的作用不是一般的图片能够代替的。

2、动态论述

Flash具有体积小、互动性强的优点，在网页的设计中，可以更好地应用到这个优点。比如说在网页的广告或游戏中，利用Flas展现这个广告的总体特点，也让浏览者更好地了解到产品的实质。

网页设计论文篇（6）

（2）网页设计技术不断地发展变化，新的技术、新的方法也不断涌现。从1997年Dreamweaver首次推出，经历Mx、Mx2004、到Dreamweaver8，现在普遍使用ADODBDreamweaverCs系列，我这学期使用的dreamweavercs4。网页布局也从传统的表格布局转换为Div布局。所以不论是从选择软件到选择网页设计的方法，都不能太落后。

（3）从目前网络公司行业来看，网页设计与后台代码分开日趋明显，所以并不一定要求学生设计与编程并重，毕竟对于中高职学生，编程相对较难理解。设计方面可以图文并茂，在一定程度上能够激发学生学习的兴趣。对教材的使用也必须同时考虑在内，有部分教材案例缺乏美感，计算机专业的学生对审美本身就很缺乏。对于学习初期的学生，可以引导学生多欣赏比较优秀的网页。早期可以模仿，不是美术专业毕业，这方面不是一下子能够改变过来，自己也是深有体会，只有在今后长期的锻炼、设计中寻找。

2教学方法

2.1课前准备在教学之前首先从网上下载优秀的网页截图给学生欣赏，然后制作一个非常简单的静态网页以激发学生学习的兴趣。有很多教材编辑的很全，从文字带后台编码。对于各种教材，并不一定要全部讲解。只需要讲解实际操作性的。例如从文字到布局。

2.2教学方法教学过程是教师与学生之间信息传递及反馈的过程。在学习过程中，要给学生明确的思路，运用任务驱动法、模块教学法、案例教学法和项目教学法等多种教学手段，引导学生主动思考，解决问题。不论是选用何种教学方法，最重要的一点是要贴合实际。以上几种教学方法并不一定对每个章节都适用，也不一定对每门课都适用，因人而异。总之，要贴合自己的实际，以及学生的素质、水平、层次等等。

2.2.1任务驱动法在教学过程中，以完成任务为导向，把教学内容贯穿于每个任务中，在完成任务的过程中，发现问题、解决问题。采用任务驱动的教学方法，任务设计是关键。比如说在网页设计教学中，文字、链接、图片章节都可以用任务驱动法，网页设计这门课本身就是易学易忘，所以在设计任务的时候，不断复习之前学习的内容，以此来加深和巩固之前所学习的知识。任务驱动评价中教师评价相对容易些，但是学生互评，现在还没有系统能达到这样的功能，有待于开发。

2.2.2模块教学法主要分为以下几个步骤：划分小组、确定内容、布置任务、学生实施、评价结果。现在不仅是网络公司还是其他企业等等，都是团队合作，讲究的是团结协作。网页设计公司现在也是，很多网站界面都实行模块化，每个人负责完成自己的任务。模块教学法就是有目标，有任务，有内容。目前中高职学生水平参差不齐，所以在分组的时候要特别讲究。每节的重点和难点一定要讲透，尽量慢，有的时候虽然讲过一遍，但是很少人能够理解体会。有时候需要在做的过程中加以辅导，不能放鸭式学习。模块化教学更适合用于网页设计最后的综合实例。例如完成网站首页，需要设定目标，分配每个成员的任务。但在实际运用中，相对较难完成。个人观点，模块化教学不适用于网页设计教学。

网页设计论文篇（7）

(1)检测分析：根据无障碍标准对改造前的网站进行检测及体验，分析、讨论、汇总存在的问题。这方面工作可采取智能化的测试平台和人工实际体验相结合的方式。

(2)方案设计：根据存在问题结合网站信息无障碍改造的标准和目标，设计相应的无障碍解决方案。

(3)实施开发：根据解决方案，遵循相关技术标准，利用信息无障碍技术进行实施开发工作。

(4)测试体验：通过系统测试、人工测试、用户体验相结合的方式，全方位地保障改造成果。

(5)运行维护：为保证无障碍的可持续性，对改造后的网站进行必要的运行维护，持续测试体验，反馈和修正可能出现的偏差。在具体改造设计过程中，依据目前颁布的无障碍设计标准，主要针对以下要点进行设计和开发：

(1)针对网页不同布局形式提供统一的无障碍网页操作方法，避免由于操作不当引起问题。

(2)针对内容页面进行单独设置，直接读正文内容。

(3)对图形验证码提供语音提示功能，对图片等内容提供必要的文字说明。

(4)避免在切换Tab键时产生焦点无法移动、导致键盘陷入的现象，同时注意打开网页时Tab键焦点的定位点和光标键的移动顺序。

(5)提出快捷键实施方案，提供一整套热点跳转、区域跳转、栏目跳转等快捷键。并注意这些快捷键是否与已有的系统快捷键、读屏软件快捷键相冲突。

(6)为功能性操作提供语音提示，提供有意义的可理解的提示性说明内容。

(7)统一页面“开启/关闭”方式，避免焦点直接返回桌面。

(8)为繁琐的非文本内容提供替代内容页面。

(9)区分各网页标题，帮助读屏用户正确定位。

(10)部署无障碍工具条，方便低视力和老年用户按需调节屏幕显示样式；提供纯文本模式浏览，提供语音插件。但必须注意不能仅以此来替代上述各项必要的无障碍设计。页面改造则结合辅助功能以及无障碍检测工具的模式进行：

(1)采用DIV+CSS+JS技术路线实现网站结构、表现、行为相分离的基本要求；对功能性内容、Flash等进行无障碍设计，使其不依赖鼠标，即使用键盘也可完成正常操作，适合视力障碍人群浏览。

(2)辅助工具条充分考虑不同布局、不同色觉环境下的颜色辨识度和文字放大率，设计开发功能完善的辅助浏览工具条，可集约化部署在某一中心门户网站上，供各部门网站共享。

(3)采用先进的云平台技术理念，从功能、性能及安全性等要求进行架构设计，搭建网站语音服务

(4)无障碍检测根据WCAG2.0以及相关的国家标准和行业标准，设计开发无障碍检测网关，采用HTML解析技术定位网页元素，通过与网站内容管理系统的整合对新增内容进行无障碍检测，确保信息无障碍的可持续性。需要注意以下两点：

(1)网站无障碍建设应满足全体人群在任何情况下都能平等、方便、无障碍地获取和利用信息。在保持网站原有风格和功能、不改变视力健全人士浏览网站和获取信息服务的基础上提升视障人群访问政府网站的便捷性、准确性。

(2)实践证明，在网站的无障碍建设过程中，必须始终按照国际通用的WCAG2.0标准和规范以及相关的国家标准和行业标准，采用国际领先的无障碍建设方法进行，而不是简单的通过架设某一服务器端推送的语音系统或语音频道来代替全网站的无障碍设计和改造。

2实现强化的无障碍语音导航和快捷键操作

设计一套优化的语音提示跳转链接，配合区域跳转、栏目跳转、热点或锚点跳转等快捷操作，帮助读屏软件用户快速准确地在众多的页面和栏目链接内定位。某区政府门户网站首页的部分屏幕截图，是我们平时所熟悉的网页样式。是将该网页另存为文本文档(*.txt)后的屏幕截图。与原来的网页相比，在头部区域新出现了：“无障碍操作说明跳转到网站导航区跳转到主要内容区域”等隐含的链接，这些通过语音提示获取的隐含链接，必须使用读屏软件方可朗读出来，视力障碍用户可以根据语音提示回车确认，快速跳转到需要的位置。通常我们为读屏软件用户专门设计了一套统一的键盘快捷键操作方案，例如：

(1)支持全键盘操作，无需依赖于鼠标。一般采用Tab键、光标键切换、回车键确认等，辅以读屏软件配置的朗读功能键实现网页的浏览和内容页的朗读。

(2)栏目跳转，实现栏目分组间的跳转；一般采用Ctrl+Z键。

(3)区域跳转，实现页面内各区块的跳转，主要包括：顶部导航区、左部导航区、中间内容区、主要内容区、底部内容区等区块；一般采用组合键：Alt+Shift+数字键1，2，3，…，等。

(4)热点跳转快捷键，可分别快速定位到：跳转到无障碍操作说明页面、跳转到主菜单(网站导航)、跳转到主要内容区域、跳转到网站地图链接，等。一般采用Ctrl(或Alt)+数字键1，2，3，…，等。

3网站无障碍改造的其他技术要点

网站无障碍改造的推进，除了上述各项技术要点外，还应该注重以下几点：

(1)坚持以用户体验为核心，视障人群全程参与的原则。引入体验员监督机制，通过组织招聘无障碍体验人员，在项目建设的前、中、后期以及整个运维过程中全程参与，以利于问题的发现和解决。

(2)坚持可持续发展的原则。网站信息无障碍建设是一个长期的系统工程，必须在整个过程中重视无障碍建设，坚持贯彻无障碍标准和规范。同时关注人员组织的可持续性，加强技术交流与培训，促使本地化技术力量不断成熟发展。

(3)加强网站管理人员、技术开发人员的培训工作。目前有关网站无障碍设计的国家标准和行业标准已经出台，一方面有必要在各地设立权威的测试网点，另一方面迫切需要对网站的从业人员进行标准化的培训，使得网站管理人员、技术开发人员充分了解视力障碍用户的需求、网站中存在的障碍现象，语音读屏软件的基本操作方法等，避免引入不切实际的改造方案。

网页设计论文篇（8）

二、思考与探索

（一）优化教材体系

“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。高职高专《网页设计与制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。网页设计与制作课程教材，内容应以教授基础、基础与案例相结合、案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选教学内容，以使教学过程中教材利用最大化。

（二）改革教学方法与手段

1.明确学习目标

分阶段教学根据高职高专学生特点，明确学习目标，进行分阶段教学。前期以讲授课程基础为主，旨在让学生熟练掌握本课程基础操作，以便中后期案例教学能够及顺利递进难度；中后期教学需要理论联系实际，结合启发式、直观式、交互式教学方法，鼓励学生独立思考，勤于动手，激发他们的学习积极性和主动性。

2.加强实践

注重技能培养任务驱动，小组协作。开展以制作某一特定网站或者多类型网站为目标的项目教学，使得学生不仅能够掌握《网页设计与制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。以职业需求为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。

（三）加强“双师型”教师

培养优秀的师资是高职院校办学的根本保证。提高高职教师“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在合作企业顶岗工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。

网页设计论文篇（9）

用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。

在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。

尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。

同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。我们单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮，双击index.htm图标，

看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气，同时也给了初学者一个良好的出发点。

那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。

现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，

你看，FRONTPAGE提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。

创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。

网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。

如果有一个图形，怎么把它放到网页上呢？

首先要看你的图形是什么格式的，也就是它扩展名是什么只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。

现在可我们看看怎么插入图形选择“插入”菜单的“图片”命令，单击“来自文件”按钮。

在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。如果要插入的图片不在主目录下,在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框,因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了

我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。

您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令，选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。

一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面1.htm”，单击“确定”按钮.在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。

如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“计算机软件”按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。

如果我要修改单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。文字就修改完成了。

怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。

字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。

字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了

工具栏上的B、I、U图标的作用是：

按下B按钮，被选中的文字就会变为粗体

按下I按钮，被选中的文字就会变为斜体

按下u按钮，被选中的文字就会带下画线

字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。

还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。

“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。

“定位”下拉列表：在FRONTPAGE中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。

设计好的页面，应该检查它在浏览器中是否显示正常。

方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNETEXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。

那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNETEXPLORER5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。

怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？

在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。

先来看一下用文字来建立链接。

首先创建一个指向站点内其他网页的超链接。

选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。

那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。

这样我们就差不多完成了网页的制作步骤，最后可将它到Web服务器上。站点前还要对它进行检查工作，包括超链接，页面等。

【参考文献】

网页设计论文篇（10）

/基本要求

1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。

2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。

3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。

4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，

/脚本编写

我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。

1.Html文件的通用模板：

其他meta标记

样式表定义

客户端javascript函数定义及初始化操作

……

补充：

为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要用单引号或者双引号括起，即我们应该写而不是.

2.允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords和Description元标记，例如：

3.CSS文件的格式样例代码：

这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！

为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。

在写互相嵌套时，严格按照的规范，对于单独的一个来说，对齐，缩进两个半角空格，中如果还有嵌套的表格，也缩进两个半角空格，如果中没有任何嵌套的表格，结束标记应该与处于同一行，不要换行，

如我们注意在源代码中不应有这样的代码：

而应该是这样的：

这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：

属于同一个级别的

一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px的单元格应该在和之间写一个如果高度小于12px,则应该在和之间插入一个1*1大小的透明的gif图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->applysouceformatting进行重新整理！

5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在

的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。

/一般原则

1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。

2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用

标记，以便能够使这个大表格分块显示。

3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上

标记，注意，一般情况下，请不要省略

结束标记。

4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。

5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用

来人工干预分段。

6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。

7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。

8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。

9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。

10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.

11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：

12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。

13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。

/文件命名原则

1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm

2．文件名称统一用小写的英文字母、数字和下划线的组合。

3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。

4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：

在根目录下开设news目录

第一条缺省新闻取名index.htm

所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…

所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…

如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。

5.图片的命名原则遵循以下几条规范：

名称分为头尾两两部分，用下划线隔开。

头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。

一般来说:

放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner

标志性的图片我们取名为：logo

在页面上位置不固定并且带有链接的小图片我们取名为button

在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu

装饰用的照片我们取名：pic

不带链接表示标题的图片我们取名：title

依照此原则类推。

尾部分用来表示图片的具体含义。