第一章引言
当今这个信息技术时代，是网络快速发展的时代。据CNNIC中国互联网发展状况统计报道，我国目前上网用户已经飞跃性的达到了 1800万。各种各样的网站不计其数，行业网站、企业网站、政府网站、事业网站、个人网站等等，种类极其繁多。如何做一个有特色的网站，能在众多的网站中脱颖而出，吸引更多的眼球来浏览你的网站？本文对网站设计的几个要素进行分析，并简要阐述了网站制作的一些技术细节和需要注意的问题，希望借此为广大网络用户制作网站提供理论和实践依据。
第二章网站设计的定位和标准
2.1定位网站的主题和名称
主题要有特色而且精巧。定位要有特色，内容要精巧。如果想制作一个包罗万象的站点，把所有认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的"主题站"比"万全站"更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。你想做一个什么样的网站一定要选一个点作为网站的主题。
2.2网站的形象设计
一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的形象设计，对网站的宣传推广有事半功倍的效果。在网站主题和名称定下来之后，需要思考的就是网站的形象。
2.2.1设计好网站的标志(logo)。Logo顾名思义就是站点的标志图案，是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。就如同商标一样，logo是站点特色和内涵的集中体现，看见logo就让大家联想起站点。标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。标志的设计创意来自网站的名称和内容。
网站logo的设计过程中一般有以下三种思路：
1).直接以网站网址作为logo，如：网易、新浪、搜狐三个门户网站的logo。
2).根据网站提供的产品/服务特点展开logo设计。
3).以传递网站运营商的经营理念为特色，如：全球五金网logo(https://www.doczj.com/doc/a39236973.html,)。
2.3设计网站的标准色彩。
网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。标准色彩"是指能体现网站型象和延伸内涵的色彩。例如：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。2.4设计网站的标准字体。
和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的"与众不同"和特有风格，我门可以根据需要选择一些特别字体。
2.5设计网站的宣传标语。
也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。以上四方面：标志，色彩，字体，标语，是一个网站树立起形象的关键，确切的说是网站的表面文章，设计并完成这几步，网站将脱胎换骨，整体形象有一个提高。
第三章确定网站的栏目和版块
建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰；也好比造一座高楼，首先要设计好框架图纸，才能使楼房结构合理。网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难，网站或许就此半途而废，所以，在动手制作网页前，一定要考虑好以下三方面：1). 确定栏目和版块；2).确定网站的目录结构和链接结构；3). 确定网站的整体风格创意设计
3.1确定网站的栏目
网站的题材确定后，收集和组织了许多相关的资料内容。能否吸引网友们来浏览网站。内容放的位置、好东西在版面上的分布都是至关重要的。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。
一般的网站栏目安排要注意以下几方面：
3.1.1一定要紧扣主题一般的做法是：将主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站明显的专业，主题突出，容易给人留下深刻印象。
3.1.2设计一个最近更新或网站指南栏目。这样做是为了照顾常来的访客，让主页更有人性化。
3.1.3设定一个可以双向交流的栏目不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。
3.1.4设定一个下载或常见问题回答栏目。网络的特点是信息共享。也要设好其他的辅助内容，如关于本站，版权信息等可以不放在主栏目里，以免冲淡主题。总结以上几点，得出划分栏目需要注意的是：尽可能删除与主题无关的栏目；尽可能将网站最有价值的内容列在栏目上；尽可能方便访问者的浏览和查询。
3.2网站的版块设置
版块比栏目的概念要大一些，每个版块都有自己的栏目。每个版块下面有各有自己的主栏目。根据需要来设置版块，同时应该注意：各版块要有相对独立性；各版块要有相互关联；版块的内容要围绕站点主题。
第四章网页布局
确定好栏目和版块以后，那么这些内容如何放置，就需要对网页进行布局了。这就象一本书、一份报纸等的排版一样。网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。对网页的布局一般从以下几方面考虑：
4.1 分辨率
网页的整体宽度可分为三种设置形式：百分比、像素、像素+百分比。通常在网站建设中以像素形式最为常用，行业网站也不例外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和
800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在
800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
4.2合理广告
在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…
4.3空间的合理利用
很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，
只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。
4.4文字图形化
文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
4.5强调文字
如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
第五章网站配色
网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。不同的色彩搭配会产生不同的效果，如果网站的色彩搭配的合适，对浏览者可令浏览者心旷神怡，如果搭配得不合适，就有可能影响到访问者的情绪。网页的背景，文字，图标，边框，超链接，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。具体来说，网站配色的原则有以下几种：
5.1用一种色彩。
这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。
5.2用两种色彩
先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+ I)再进行微小的调整。整个页面色彩丰富但不花稍。
5.3用一个色系
简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。
5.4灰色在网页设计中又称为“万能色”
其特点是可以和任何颜色搭配，在使用时把握尽量避免网页变灰。
在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。
第六章网站风格/创意
风格(style)是抽象的，是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。而有些网站设计师往往就缺乏这一点，没有全局意思。
创意，所谓创意就是不拘一格。某些设计师在做创意的时候大费周折，做出来确实不可否认很有创意、很别致，但有时候客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想，比如中国现车交易网(https://www.doczj.com/doc/a39236973.html,/)就是一个很好的案例，它把车的外形融入到网站中，使它脱颖而出。
第七章常见问题分析
上面说了很多关于网站制作的整个流程，下面就网站制作过程中常见的问题做一下分析。
7.1分解大型表格
为了加快网页的浏览速度，尽可能避免用大型表格，因为浏览器必须等待整个表格的内容全部到达客户端，才能显示这个表格的内容，而文本或图像则是一边下载一边显示。同时我们制作网页时要尽量减少表格的深度、表格复杂化，这一点尤为重要可直接影响网页浏览速度、又给后面的程序添加带来了不必要的麻烦。
7.2网站导航要清晰
“您所在位置”在大型网站中是不可缺少的一部分，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进入目的页的点击次数，不能超过三次。如果三次以上还找不到用户所要的信息，人家可就没有耐心陪你玩了！
7.3图片注解
在很多网站上我们都可以找到一个共同的缺点，当网速慢时有很多图片都无法显示，又没有注解使得用户反感，如在注册时的按钮是图片做的又没加图片注解，而导致连注册都找不到，如果加了注解这些问题也就不成问题了！
7.4系统按钮
在我们做按钮的时候，要做成“按钮”的形式（type="button"），而不要做成“提交表单”的形式（type="submit"），方便以后程序设计。
7.5空链接、死链接
在一个优秀、专业的网站上是找不到任何一个空链接或死链接的情况，如果有这种情况会影响到用户对您网站的评价，所以我们在制作的时候尽量避免，避免办法就是提前做好链接，如果尚未完成的页面则链上“建设中…”的页面，加以解释。
7.6导航条
在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或Flash 做导航条、缩小网站扩展性。
7.7网站的扩展性
对于一个行业网站而言，网站的扩展性是相当重要的，随时都要考虑到网站需求的变化！
总结
本文就网站设计的基本要素进行了分析，并对一些经常遇到的问题进行剖析。如果掌握了这些方法，也可以说网站的基本设计已完成。如果要制作一个让人满意的网站还需要更多的技术支持，比如一些网站制作软件、图形处理软件、动画制作软件，如果要做动态网站的话，还需要数据库、Asp、Php、脚本等的支持。如果读者看了本文后能有所收获，那就是笔者最大的欣慰了。
参考文献
1黄在贤.设计师谈精彩网页设计.北京：电子工业出版社，2004
2邹旭楷等.Internet技术及其应用[M]．西安：西安电子科技大学出版社，1998 3马骋.网页美术设计.北京：高等教育出版社，2005
4朱慧群.网页设计与制作.北京：中国铁道出版社，2007
致谢
经过数月的忙碌和工作，本次毕业论文设计已经接近尾声。由于经验的匮乏，在论文设计写作当中难免有许多考虑不周全的地方。
在此谨向在写论文期间指导我的老师致以诚挚的致谢和崇高的敬意。最后我要感谢菏泽函授站老师们对我的栽培及教导，使我在一生的道路上又得到一次飞跃。
致此敬礼！
2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 … ：使文字成为前一个字符的上标。 …：使文字成为前一个字符的下标。 ：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如
浅谈网页设计的原则及要求 一、基本原则 网页的设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则： 1.主题鲜明 视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。质不同，目的也不同，所以评论的标准也不同。。有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，百度作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是美。 2.形式与内容统一 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，形式是构成内容诸要素的内部结构或内容的外部表现方式。一个优秀的设计必定是形式对内容的完美表现。正如设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。 3.强调整体 网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。“整体”是“多变”基础上的整体。 二、网页设计的要求 一个有特色的主页,应该包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。
网页设计简答题： a.相对定位与绝对定位的区别？并举例说明。 相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。 绝对定位的元素框从文档流完全删除，并相对于其包含块定位，元素原先在正常文档流中所占的空间会关闭元素定位后生成一个块级框。 b.制作菜单的常用方法？ 【第一步】我们要先做一个容器（要求：ID为“nav”，宽度为960px，高度为：35px，位于页面水平正中，与浏览器顶部的距离是30px；)【第二步】盒子做好了，我们就要往里面放导航条中的容了“CSS学习学前准备入门教程提高教程布局教程精彩应用”，插入标签有序列表ul，单元格li新建样式—复合类型—#nav ul li{ float:left;};在li标签的CSS属性中加入“list-style:none;”【第三步】后面的文字全部贴着前面的文字。设置
文字大小修改为12px;3）并且规定样式，鼠标移上去和拿开的效果 c.图片与文字的对齐方式？(padding,margin,DIV的float、行高、对齐、背景图片设置属 性) 1. padding简写属性在一个声明中设置所有边距属性。不允许使用负值。可能的值auto、length、%、inherit 2. margin简写属性在一个声明中设置所有外边距属性。该属性可以有1 到4 个值 可能的值auto、length、%、inherit 3. float定义元素在哪个方向浮动none、left 、right、inherit(规定应该从父元素继承float 属性的值) 4. line-height属性可设置行间的距离，不允许使用负值。 5. text-align 属性规定元素中的文本的水平对齐方式。 图像由标签定义。 是空标签，意思是说，它只 包含属性，并且没有闭合标签。 DIV中设置CSS的两种方式(联和外联方式代码) 外联：是指把样式写在一个CSS文件过link标签导入到页面中 例如： 1. 2. 联:是指在同一个页面文件中，统一写出在head style标签中，要使用联样式，你需要在相关的标签使用样式（style）属性。Style 属性可以包含任何CSS 属性。 本例展示如何改变段落的颜色和左外边距： d.ul与li的设置。
广西玉林高级技工学校 《网页制作与设计》课程标准 一、课程基本信息 二、课程性质 本课程是中职计算机术专业的一门主干专业课程。通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网页设计工具和常用脚本语言，能够设计制作常见的静态和动态网页，具备网站的建立和维护能力。同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好的职业道德。 三、设计思路 本课程标准的总体设计思路：以计算机专业学生的就业为导向，根据行业专家对计算机网络技术专业所涵盖的岗位群进行的任务和职业能力分析，紧紧围绕完成工作任务的需要来选择课程内容，设定职业能力培养目标；以“工作项目”为主线，创设工作情景；以书本知识的传授变为动手能力的培养为重点，强化学生实践动手能力的培养，以实现职业能力的培养目标。 四、课程目标 1.职业知识目标 1．熟悉HTML 语言的作用和开发环境，能够编写HTML 代码； 2．掌握常用的HTML 标签，能够实现基本的图文信息显示； 3．理解HTML 页面框架的作用，能够针对需求进行框架的设计； 4．掌握各类HTML 表单元素标签，能够进行表单设计；
5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计； 6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局； 8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。 2.职业技能目标 1．能独立进行资料收集与整理、具备用户需求的理解能力； 2．能根据项目需求，具备项目页面的设计与实现能力； 3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力； 5．能根据DOM 树形结构，进行页面DOM 的控制； 6．具有综合应用HTML 语言、CSS 样式、JavaScript 脚本进行页面的设计、编码、调试、维护能力。 3.职业素质目标 1．养成善于思考、深入研究的良好自主学习的习惯； 2．通过项目与案例教学，培养学习者的分析问题、解决问题的能力； 3．具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力； 4．通过课外拓展训练，培养学习者的创新意识； 5．具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。 五、课程主要内容与要求
一、网络系统结构与设计的基本原则 1.1局域网（Local Area Network, LAN ）按照采用的技术、应用的范围和协议标准不同分为共享局域网与交换局域网 1.2局域网特点： 1. 覆盖有限的地理范围 2. 提供高数据传输速率（10Mbps-10Gbps）、低误码率的高质量数据传输环境 3. 成本低，易于建立、维护和扩展 1.3计算机网络从逻辑功能上分为：资源子网和通信子网 1.4主机（host）包括用户终端设备（个人计算机、数字设备）、服务器，是资源子网的主要组成单元 1.5资源子网： 组成：主计算机系统、终端、终端控制器、连网外部设备、各种软件资源、网络服务 功能：负责全网的数据处理业务、向网络用户提供各种网络资源和网络服务 1.6通信子网： 组成：通信控制处理机、通信线路、其他通信设备功能：完成网络数据传输、转发等通信处理任务 1.7通信控制处理机：在网络拓扑结构中成为网络结点 1?作为与资源子网的主机、终端的连接接口，将主机和终端连入网络 2. 作为通信子网中的分组存储转发结点，完成分组的接收、校验、存储、转发等功能，实现将源主机报文准确发送到目的主机的作用 1.8通信线路：通信控制处理机与通信控制处理机、通信控制处理机与主机之间提供通信信道，计算机网路采用多种通信线路，如电话线、双绞线、同轴电缆、光纤、无线通信信道、微波与卫星通信信道等 1.9局域网与城域网（Metropolitan Area Network，MAN ）、城域网与广域网（Wide Area Network，WAN ）、广域网与广域网的互联是通过路由来实现的 1.10介入城域网方式：局域网、电话交换网（PSTN）、有线电视网（CATV ）、无线城域网（WMAN ）、无线局域网（WLAN ） 1.11广域网的基本概念： 1. 广域网建设投资大、管理困难，一般由电信运营商负责组建与维护 2. 电信运营商提供接入广域网的服务与技术，为用户提供高质量的数据传输服务，因此广域网是一种公共数据网络（ Public Date Network，PDN 3. 用户可以在公共数据网络商开发各种网络服务系统，用户使用广域网的服务必须向广域网运营商购买服务 1.12广域网技术主要研究的是远距离、宽带、高服务质量的核心交换技术 1.13广域网发展： 1. 早期，人们利用电话交换网PSTN的模拟信道，使用调制解调器完成计算机与计算机之间的低速数据通信 2.1974年X . 25分组交换网出现 3. 随着光纤开始应用，一种简化的X . 25协议的网络：帧中继（Frame Replay, FR）网得到广泛应用
实验报告 课程名称网页设计与制作基础 实验项目名称网页设计实验报告 班级与班级代码10法学3班 实验室名称（或课室） 201 、211 专业法学 任课教师方清华 学号： 姓名： 实验日期： 广东商学院教务处制
姓名实验报告成绩 评语： 指导教师（签名） 年月日说明：指导教师评分后，实验报告交院（系）办公室保存。
目录 1、实验一 (4) 2、实验二 (5) 3、实验三 (6) 4、实验四 (7) 5、实验五 (8) 6、实验六 (9) 7、实验七 (10)
实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览。 3、配置网站运行环境。 实验环境 Windows7操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉使用浏览器进行浏览、搜索、下载。 ◆熟悉HTML的结构、语法。 ◆创建与管理站点 实验内容 1、浏览新浪主页并保存，观察其保存结果（其中包括哪些文件和 文件夹）。 2、从网上（如网页制作大宝库https://www.doczj.com/doc/a39236973.html,等）下载 网页制作时需要的小图片、动画及flash等网页制作素材。 3、收集你认为比较好的网页并从网页主题、网页内容、结构布局、 色彩搭配等方面来分析网页。 4、制作一个简单的网页sy1-1.htm，用记事本编辑，网页标题为 “我的第一个网页”，内容为司空曙的《江村即事》（要求加入文档类型声明） 如下图所示。 5、使用Dreamweaver建立一个本地站点 截图如下：
实验结论 1、通过这次实验，我对HTML的结构有初步了解，懂得怎样建立本地 站点，也掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件。 实验二网页的基本元素（一） 实验目的 1、掌握头区标记的应用，包括title、meta和base等标记 2、掌握文本段落格式标记，包括注释标记，分段标记，换行/不 换行标记，标题标记，分节标记，水平线标记，文本居中标记等； 3、掌握文字显示效果标记，包括字体标记，字符样式标记以及转 义字符等； 4、掌握列表格式标记，包括无序列表标记，有序列表标记等； 5、掌握超链接的使用，包括锚点标记、页面跳转链接、书签超链 接、下载文件链接以及电子邮件链接等； 6、掌握图片标记，包括插入图片标记，图片超链接标记网页背景 标记； 7、掌握音频和视频标记，包括链接音频或视频文件、设置网页背 景音乐标记，内嵌音频或视频播放插件等； 8、掌握动态元素标记。 实验环境 Windows7操作系统，内部组成局域网，外连Internet互联网。
网站设计的基本原则都有哪些 网站设计的方法和技巧非常的多的，而且在设计过程当中也会存在诸多的陷阱，这些都值得广大设计者们注意。下面我们将为大家介绍一下在设计网站的过程当中应当遵循的一些基本原则。了解了这些原则，我们就知道在设计过程当中应当做什么，不应当做什么，从而可以设计出更好的网站来。 第一项、内容明确 我们如果想要成为一个好的网站设计者，建立一个成熟的受欢迎的网站，那么我们就要首先考虑网站的内容问题，具体包括网站需要实现哪些功能，用户具有哪些具体的需求等等。我们在进行设计的时候，必须要紧紧围绕这样的一些方面来进行。
第二项、抓住广大的用户 网站设计出来是为了让广大的用户浏览的，如果我们的网站设计出来之后用户却不能够迅速的进入我们的网站，或者操作复杂，加载速度慢，这样的网站都是失败的，会把我们的用户推向我们的竞争对手。 第三项、网站内容的优化 内容是一个网站的核心部分。在几年以前，一个企业的网站就像是一个广告画册，里面使用了很多的图片，导致用户加载速度非常的缓慢。一个网站在设计的其他方面是非常成功的，但是在内容方面却大大的贫乏，这样的网站都是不成功的网站。 第四项、要实现网站的快速下载 广大的用户在浏览网站的时候，如果要花费很长的时间加载页面，会大大降低网站的吸引力。作为一个定律，一个标准网页的大小不应该超过60k，也就是说网页页面最好能够在15秒之内就能够响应。 第五项、要注意网站的升级这一工作 设计者们必须要时时刻刻都注意网站的运行情况一个性能好的网站随着访问用户的增加，又可能会引起运行缓慢等等相关情况出现，如果我们想要继续保留用户，就必须做好相应的升级工作，以满足用户的相关需求。 以上这几个原则是我们在网站设计时都必须非常重视的，只有把这些都做到了，那你才能打造出完美的网站。
网页设计的基本原则 网页设计是伴随着互联网的发展，衍生出来的一个行业。互联网发展得越迅速，网页设计也会随之发展得迅速，那么武汉网页设计就业前景也就可想而知了。 大家都知道不论什么设计都是是有原则的，不管使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。 网页设计作品一 统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。 连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。 网页设计作品一 分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。 对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与
直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。 网页设计作品一 和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。这是设计能否成功的关键。以上内容由武汉IT新时空设计学院整理发布，转载请注明来源！
web 一、超文本（hypertext） 一种全局性的信息结构，它将文档中的不同部分通过关键字建立链接，使信息得以用交互方式搜索。它是超级文本的简称。 二、超媒体（hypermedia） 超媒体是超文本（hypertext）和多媒体在信息浏览环境下的结合。它是超级媒体的简称。用户不仅能从一个文本跳到另一个文本，而且可以激活一段声音，显示一个图形，甚至可以播放一段动画。 Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种多连接性把它称为Web。 三、超文本传输协议（HTTP）Hypertext Transfer Protocol超文本在互联网上的传输协议。 IP IP是英文Internet Protocol（网络之间互连的协议）的缩写，中文简称为“网协”，也就是为计算机网络相互连接进行通信而设计的协议。在因特网中，它是能使连接到网上的所有计算机网络实现相互通信的一套规则，规定了计算机在因特网上进行通信时应当遵守的规则。任何厂家生产的计算机系统，只要遵守IP协议就可以与因特网互连互通。IP地址具有唯一性，根据用户性质的不同，可以分为5类。另外，IP还有进入防护，知识产权，指针寄存器等含义。 http 超文本传送协议(HTTP) 是一种通信协议，它允许将超文本标记语言(HTML) 文档从Web 服务器传送到Web 浏览器。HTML 是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。您可以单击一个链接来访问其它文档、图像或多媒体对象，并获得关于链接项的附加信息。HTTP工作在TCP/IP协议体系中的TCP协议上。 FTP FTP（File Transfer Protocol, FTP）是TCP/IP网络上两台计算机传送文件的协议，FTP是在TCP/IP网络和INTERNET上最早使用的协议之一，它属于网络协议组的应用层。FTP客户机可以给服务器发出命令来下载文件，上载文件，创建或改变服务器上的目录。 第一、什么是C/S结构。 C/S （Client/Server）结构，即大家熟知的客户机和服务器结构。它是软件系统体系结构，通过它可以充分利用两端硬件环境的优势，将任务合理分配到Client端和Server端来实现，降低了系统的通讯开销。目前大多数应用软件系统都是Client/Server形式的两层结构，
网站设计中要注意的原则 网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要，下面是一些网站设计中应注意的原则。 一、明确建立网站的目标和用户需求 Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以“消费者(customer)”为中心，而不是以“美术”为中心进行设计规划。在设计规划之初同样考虑:建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务?网站的目的消费者和受众的特点是什么?企业产品和服务适合什么样的表现方式(风格)? 二、总体设计方案主题鲜明 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣，办出网站的特点。Web站点主页应具备的基本成分包括: 页头:准确无误地标识你的站点和企业标志; Email 地址:用来接收用户垂询; 联系信息:如普通邮件地址或电话; 版权信息:声明版权所有者等。注意重复利用已有信息。如客户手册.公共关系文档.技术手册和数据库等可以轻而易举地用到企业的Web站点中。 三、网站的版式设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。 四、色彩在网页设计中的作用
网页设计与制作 A 卷 适用专业：计算机应用类专业考试用时：90卷面总分：60 班级 ___________姓名 ___________学号 ___________分数 ___________ -----------------------装---------订---------线----------------------- 一、填空题 (每小题 2 分,计 20分) 1、在建立站点之前，要对站点的结构进行合理的规划，一般来说有按照 _____________和按照 _____________对文件进行规划。 2、在 Dreamweaver中，制作 Web相册方法如下：事先准备好多个图像文件，将 其整理在一个文件夹内。选择_____________菜单中的 _____________命令，打开对话框进行设置，但制作 Web相册电脑中要有 _____________程序进行支持。 3、现在网络上使用的绝大多数图片和图像是________格式、 ________格式和________文件格式。 4、 Flash 中有 _____、______、_____等三种符号。 5、 Flash 中程序控制动画一般都是通过Flash 中的 _____面板实现的。 6、在 Flash 中实现两个不同图形之间变换的动画方式是_______动画。 7、 Dream weaver 的常规网页排版工具是 ___、___两种。 8、 Flash 中有 _____、 ______、_____等三种符号。 9、 FLASH中移动渐变动画的作用对象是_____________、_____________、 _____________等，不能作用于 _____________。 10、PNG格式是 Fireworks默认的格式。是它结合了和的优点，也支持，是无损压缩的。 二、判断题 ( 在括号内写”√”或”×”,每小题 1 分, 计 5 分) 1 、网站的首页文件通常为index.htm ，必须位于站点根文件夹下。 2、在布局视图中可以将文本、图像和其他内容添加到布局表格中，就象在标准视图中将内容添加到表格一样。 3、表单网页在提交时，可以使用电子邮件的形式进行提交。 4、 Dream weaver 是一个地道的网页动画制作软件。（） 5、网站是一系列带有类似的相关话题，有类似的设计或具有相同目的属性相互 连接的文件的集合 三、选择题 ( 将正确答案写在括号内 , 每小题 1 分 , 计 7 分) 1、网页中最基本的元素是（）。 A. 声音 B. 动画 C. 链接 D.文字 2、网页文件不可用 ( ) 编辑修改。 A、记事本 B、Dreamweaver C、IE D、Front Page 3、项目列表是一种简单实用的段落排版方式，分为两种类型：（）和（）项目符号。。 A.有序 B.无序C．层迭 d.罗马 4 、 Dreamweaver剪切的快捷操作是？ A. Ctrl+X B. Ctrl+V C. Delete D. Ctrl+A
网页设计基础知识 一、认识网页 1.网页分类：静态网页、动态网页 ◆静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写 的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文 件，其扩展名为.html或htm ◆动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件， 都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编 写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发 送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同， 如ASP（使用Active Server Pages）技术，其中扩展名为.asp；使用JSP（Java Server Pages）技术时的扩展名为.jsp等等。 2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】， 如https://www.doczj.com/doc/a39236973.html,；由于网址是最常用的协议是http是默认的协议，所以可当 刮简写为https://www.doczj.com/doc/a39236973.html,；ftp://123.52.3.20；， 3.网页（Web Page）：打开网站所看到的网页，一个网站可以有成千上万个网页。 4.主页（Home Page）：打开网站时看到的第一个网页，简称首页。它默认的文件名 通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等 等 二、网页设计基本原则 1.明确建立网站的目标和用户需求 2.总体设计方案主题鲜明 3.网站的版式设计 4.网页形式与内容相统一 5.三维空间的构成 6.多媒体功能的使用 7.网站测试和改进 8.合理运用新技术 三、网站制作流程 1.选择网站主题 2.规则网站目和目录结构 ◆对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题 展开，栏目名称具有概括性，各栏目的名称字数最好相同。规划网站栏目的过 程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。 ◆在创建网站的目录结构时，不要将所有文件都存放一根目录下，需要应该按栏 目为建立文件夹 ◆目录文件命名时，要使用简短的斯文形式，文件名小于8个字符，一律以小写 字母，另外大量的同一类型文件应该是数字序号加以区分，以利于查找。 3.设计网页布局 4.整合网页内容
IP网络设计系列之－－基本原则 导言 一个优秀的网络设计是建立一切成功的网络应用的基础。本文是四篇讲座文章的第一篇，重点介绍基于IP的网络设计，因为IP实际上已经成为标准的桌面协议。高级IP网络支持的应用在本质上已经日益变得多元化。IP已经同传统的数据应用一起成为语音、视频和多媒体等实时应用的一种传输机制。由于当前应用有许多不同的性质，IP互联网设计从来没有像现在这样具有挑战性。本文讨论在设计网络时应该遵循的一些基本原则。以后的文章将介绍用来熟练地进行网络设计的具体的局域网和广域网技术。 需要一个设计计划 大多数IP互联网络从设计方面说都属于两大类之中的一类。一类显然是设计非常好的网络，另一类只是临时批凑起来的网络。这两类网络明显的区别显示了良好的设计的重要性。一个设计良好的网络的特点是在下面的每一个领域都有可预见性和一致性: 性能 在主要网络性能参数方面能够保持不变的高水平性能。这些参数可能包括应用程序响应时间和响应时间的变化。 弹性 网络应该为其支持的应用程序提供一个有弹性的平台。一个高度专用的网络比需要满足所有的应用程序的99%的可用性目标，并且能够满足重要任务应用程序“零关机时间”的要求。理想的情况是，任何一个连接的失败或者客户机至服务器之间的任何一台网络设备的故障都不应该导致客户机与服务器之间通信进程的丢失。自动绕过故障启用备份线路的功能应该在极短的时间内完成，这个时间的间隙应该足以把当前通信进程的影响降低到最小的程度。这个间隔时间称作“收敛时间”，可根据网络拓扑结构变化的时间长度来确定(如一个连接的丢失)，直到网络上的每一台设备都知道这个变化。一个设计良好的网络总是一直保持较低的收敛时间。 可伸缩性 一个具有可伸缩性的网络能够充分支持网络的扩容，而不需要进行重大的重新设计。在用户数量的增长方面，网络节点或者站点的数量必须能够满足可能增加新的应用程序和这些应用程序可能消耗更多的带宽的需求。要获得对你的网络的伸缩性的认识，你需要回答下列问题:如果用户数量增加一倍、节点数量增加一倍、并且有需要一倍带宽的应用程序，你该怎么办?一个具有伸缩性的网络能够容纳这种增长和变化，而不需要对基础设置进行全面修改。基础的网络拓扑结构和使用的技术不必为了容纳这些变化而进行重新设计。新的用户和节点可以用一个简
网页设计的四个基本准则 时间:2011-09-25 15:21来源:未知作者:admin 点击:132次 本文介绍了四个网页设计的基本准则，其实，设计是相通的，本文也适用于平面设计和视频设计当中，希望对你有帮助，一起来看。 许多网页设计师或者网页设计爱好者都并非是科班出身，他们没有接受过系统的设计理论的教育。所以做网页设计时，往往是凭自己灵感或者参考别人作品，导致设计出来的作品无论在整体还是细节上都不能达到一些专业水准的水平。 但是，实际上只要掌握本教程所介绍的4基本的设计准则，那么就能显着提高网页设计师的设计水平，让你完成从业余设计师到专业设计师的蜕变。 事实上，这四个基本准则不仅仅适用于网页设计领域，在平面设计、视频设计等领域也被广泛被运用，因为设计是相通的。这四个基本准则有一个好记的名字“鲤鱼（CRAP）”，英文单词鲤鱼是由CRAP四个字母组成的，分别是是四个单词的首字母缩写，这四个准则是： Contrast：对比 Repetition：重复 Alignment：对齐 Proximity：相似 这四个准则可谓实用又好用，所以本教程是一个系列教程，后续文章会对四个准则分别进行介绍，本文是概述。 1.对齐（Alignment） 对齐是设计理论中一个非常重要的准则，但是却很容易掌握。判断一个网站的设计是业余水准还是专业水准，通过看是否恰当运用对齐准则就知道了。没有运用对齐准则的网页，所有东西好像是随意散落在页面上似的，结构很松散，没有较强的目的性。 对齐准则: 设计网页时，网页上任何设计元素都不应该被随意放置，所有设计元素和页面上的其他元素要有视觉上的联系，这个联系手段就是对齐。 请参考下面的网页设计 Oxford Garden website （https://www.doczj.com/doc/a39236973.html,/）
1、在Dreamweaver中，行为由( AB)构成。 A、事件 B、动作 C、初级行为 D、最终动作 2、在Dreamweaver中，可对( ABCD)设置超级链接。 A、任何文字 B、图像 C、图像的一部分 D、Flash 3、扩展管理器支持的第三方扩展文件有(AD)。 A、.mxp B、.mxi C、.mix D、.axp 4、在资源管理器中，不能对( AB)执行定位操作。A B A、颜色 B、链接 C、Flash D、图像 5、可以设置()等网页背景属性。AB A、背景图片 B、背景颜色 C、背景透明度 D、以上都不可以 6、一般来说，适合信息发布式网站模式的题材有( ABCDE)。 A、软件下载 B、新闻发布 C、个人简介 D、音乐下载 E、文学作品大全 7、网页制作工具按其制作方式分，可以分为(BE)。 A、通用型网页制作工具 B、标记型网页制作工具 C、专业型网页制作工具 D、编程型网页制作工具 E、“所见即所得”型网页制作工具 8、下列哪些项目属于网页设计制作的基本步骤(ABC)。 A、设计网站 B、搜索素材 C、站点规划 D、FTP上传 9、在网页设计过程中，想要制作一个800～600的页面，页面背景色为蓝色，使页面在800X600的显 示器分辨率下布满整个浏览器屏幕，不留白边，需要的步骤有( BD)。 A、首先点选“插入”菜单中的“表格”选项 B、首先点选“修改”菜单中的“页面属性”选项 C、然后设置表格的宽高均为100％即可 D、然后设置外观中的各边距为0，确定即可 10、在Dream weaver MX中，关于模板的说法正确的是( ABD)。 A、模板是一个文件 B、模板默认状态下被保存在站点根目录下的Templates子目录下 C、模板是固定不变的 D、模板和库尽管有相似之处，但总的来说仍是不同的两个概念 11、下列关于网页设计的说法中，正确的有(ACE)。 A、冷暖色调在均匀使用时不宜靠近 B、纯度相同的两种颜色适宜放在一起 C、整个页面中最好有一个主色调 D、文本的色彩不会发生抖动，只有图片的色彩才会发生抖动、 E、抽象线条的构图很容易造成重心不稳 12、在Dream weaver MX中，元件是Library元件库中可以被重复使用的元素，包括(ABD)。 A、图像 B、按 C、文字 D、电影剪辑 13、在Dream weaver MN中，插入网页背景图像，包括插入( ABC)。 A、平铺图像 B、无缝背景图像 C、追踪图像 D、以上都不正确 14、层的优点是( ABCD)。
自考网页设计与制作试卷（二） 一、单项选择题(每空1分，共10分) 1.目前在Internet上应用最为广泛的服务是( )。 A.FTP服务 B.WWW服务 C.Telnet服务 D.Gopher服务 2.在域名系统中，域名采用( )。 A.树型命名机制 B.星型命名机制 C.层次型命名机制 D.网状型命名机制 3.HTTP协议是一种( )协议。 A．文件传输协议 B．远程登录协议 C．邮件协议 D．超文本传输协议 4.HTML语言中的转行标记是( )。 A. B.
C.