网页制作与网页设计
- 格式：doc
- 大小：90.00 KB
- 文档页数：14
目录一、前言…………………………………………………………………………４二、网站建设前的准备 (4)(一)统一网站整体风格中需准备的内容 (4)(二)网站的定位和规划 (5)(三)总体设计方案主题鲜明 (5)(四)网站页面的版式及色彩 (6)三、网页制作的原则 (7)(一)关于网页导航 (7)(二)关于网页布局 (7)(三)关于表格 (8)(四)关于图形 (8)(五)关于背景 (8)(六)关于动画 (8)(七)关于页面 (8)(八)关于链接 (9)(九)更新与维护 (9)四、网页制作方法与技巧 (9)(一)应用表格的定位功能 (9)(二)修改HTML代码来实现页面的动态效果 (10)(三)适当运用网页特效 (11)五、几个值得注意的问题 (12)(一)预览时看不到图片 (12)(二)不要忽略页面属性的设置 (12)(三)适当变化网页中的字体 (13)六、网站的发布与后期维护 (13)(一)网站测试 (13)(二)网站发布 (13)(三)网站维护与更新 (13)七、结束语 (14)论文摘要[摘要] 随着Internet的日益兴起和以网页为载体的网络信息的广泛传播和应用，使得网站的建设及网页制作得到发展的空间，大至大型企业的产品推销、售后服务、解决方案，小至个人Web页面开发，形形色色，五彩缤纷，网站建设和网页制作也成为计算机网络领域最热门的话题。
本文介绍了网站建设的定位和规划，总体设计的方案的主题以及网站页面的版式及色彩，网页制作的原则关于网页导航、网页布局、表格、图形等；网页制作中应用表格的定位功能、修改HTML代码来实现页面的动态效果、适当运用网页特效的一些方法与技巧，以及在建设和制作中值得注意的一些问题；最后说明了网站发布后和后期维护的相关内容 .[关键词]网站网页网站建设网页制作浅谈网站建设和网页制作的方法高爱春(开封大学软件学院07级应用3班)一、前言随着计算机网络的广泛应用，尤其是互联网的普及与发展，上网已成为人们新的生活方式。
上网可以了解发生的新闻事件，查询各种所需资料信息，利用网络购物，办公，还可以进行商务贸易和休闲聊天。
对互联网的需求自然拉动了供应，各种网站便成几何倍数的增长起来。
在网络空间里，网站是发布和获得知识与信息的载体，是个人、企业和政府机关在网络空间的形象和存在。
网站由许多相关网页构成，因此著作也就成为这个时代的热门技术。
本文介绍了网站建设的定位和规划，总体设计的方案的主题以及网站页面的版式及色彩，网页制作中应用表格的定位功能、修改HTML代码来实现页面的动态效果、适当运用网页特效的一些方法与技巧，以及在建设和制作中值得注意的一些问题。
二、网站建设前的准备(一)统一网站整体风格中需准备的内容: (1)确定网站的整体颜色。
(2)设计网站的Logo(标志)。
(3)设计Banner(旗帜广告条)。
(4)确定导航条一级栏目和二级栏目的表现形式。
(5)确定其他版块的摆放位置。
(6)准备栏目的具体能容。
网站在设计要考虑到网站整体风格的统一。
从页面的排版和布局下手,各个页面使用相同的页边距,文本、图形之间保持相同的间距;主要的图形、标题或符号旁边留下相同的空白;如果在第一页的部放置了站点标志,那么在其他各页面都放上这一标志;如果使用图标导航,则各个页面应当使用相同的图标。
要实现这样的效果通常有两种方法,一种是使用模板,模板是Dreamweaver中一种特殊类型的文档。
设计者在模板中将各页面中相同的部位定义为锁定区域,而将不同的部位定义为可编辑区域。
此后在制作每个页面时,都选择由模板新建,然后在编辑区域输入不同的文字内容,从而简化了设计主页的工序。
此外,模板最强大的用途之一在于一次更新多个页面。
由模板创的文档与该模板保持连接状态,修改模板就可以更新所有基于该模板的文档的设计,大大降低了页面维护的时间。
另一种方法是使用框架,是现在制作页面时较为常用的一种技术。
该技术可以把浏览器窗口划分为几个小窗口,每一个窗口都显示一个页面的内容,并分别设置大小、有无滚动条等信息。
这样就方便了设计网站的结构,可以在上方的框架里放置网站的标志,在左面的框架里显示导航栏,而在下方的框架里安置版权信息。
当然这只是一个比较公式化的设计,每个人可以根据自己的实际需要和创意来做安排。
而且浏览时,可以指定连接的页面在哪个框架里显示,从而避免了网页上相同内容的重复下载,这对于提高网页显示速度和网络传输效率方面都有着积极的意义。
(二)网站的定位和规划要建设一个网站，首先需要定位，既要清楚建设网站的目的和面向浏览的对象，只有定位准确的网站才会有可观性和应用性。
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。
要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以“消费者（customer）”为中心。
在目标明确的基础上，完成网站的构思创意即规划。
网站的设计者必须清楚地了解本网站的浏览者的基本情况；对网站的整体风格和特色做出定位，规划网站的组织结构，主题鲜明突出，要点明确，以简明的语言和画面休现站点的主题；最后，在此基础上收集、制作网站所需的素材，在进行页面制作时，要调动一切手段充公表现网站的个性和情趣，展示出网站的特色。
(三)总体设计方案主题鲜明在目标明确的基础上，完成网站的构思创意即总体设计方案。
对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）的不同而具有不同的形式。
好的Web站点把图形表现手法和有效的组织与通信结合起来。
要做到主题鲜明突出，要点明确，以简单明确的语言和画面体现站点的主题。
调动一切手段充分表现网站点的个性和情趣，办出网站的特点。
Web 站点主页应具备的基本成分包括：页头：准确无误地标识你的站点和企业标志；Email地址：用来接收用户垂询；联系信息：如普通邮件地址或电话。
网站在设计时要考虑到网站整体风格的统一。
从页面的排版和布局下手，各个页面使用相同的页边距，文本、图形之间保持相同的间距；主要的图形、标题或符号旁边留下相同的空白；如果在第一页的顶部放置了站点标志，那么在其他各页面都放上这一标志；如果使用图标导航，则各个页面应当使用相同的图标。
要实现这样的效果通常有两种方法，一种是使用模板，模板是Dreamweaver 中一种特殊类型的文挡。
设计者在模板中将各页面中相同的部位定义为锁定区域，而将不同的部位定义为可编辑区域。
此后在制作每个页面时，都选择由模板新建，然后在编辑区域输入不同的文字内容，从而简化了设计主页的工序。
此外，模板最强大的用途之一在于一次更新多个页面。
由模板创的文挡与该模板保持连接状态，修改模板就可以更新所有基于该模板的文挡中的设计，大大降低了页面维护的时间。
另一种方法是使用框架，框架（FRAME）也叫帧页，是现在制作页面时较为常用的一种技术。
该技术可以把浏览器窗口划分为几个小窗口，每一个窗口都显示一个页面的内容，并分别设置大小、有无滚动条等信息。
这样就方便了设计网站的结构，可以在上方的框架里放置网站的标志，在左面的框架里显示导航拦，而在下方的框架里安置版权信息。
当然这只是一个比较公式化的设计，每个人可以根据自己的实际需要和创意来做安排。
而且浏览时，可以指定连接的页面在哪个框架里显示，从而避免了网页上相同内容的重复下载，这对于提高网页显示速度和网络传输效率方面都有着积极的意义。
(四)网站页面的版式及色彩网站页面要简洁大方，在页面中不要过多的加入与本页内容无关的信息，保证主题内容让浏览者一目了然。
如果希望人们在看完你的页面后能留下印象，最好用一个简单的关键词语或图像吸引他们的注意力。
网站的版式设计网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计但它们有许多相近之处，应充分加以利用和借鉴。
版式设计通过文字图形的空间组合，表达出和谐与美。
一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系设计网站前要先确定网站的主题色。
一个网站必需有一种或两种主题色，不至于让浏览者迷失方向，也不至于单调、乏味。
例如：儿童类网站一般都使用橙色、红色用以体现儿童的活泼和、温翰气氛等效果。
主题色确定好以后，使用其他配色时一定要注意它与主题色的关系，要表现什么样的效果。
例如：教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。
同时，在使用色彩时要考虑它会带给人心理上的感觉。
比如，冷色使人平静，而暖色使人激动；强的色彩对比造成紧张感；暗的颜色给人以沉重感和压迫感；亮的颜色给人轻松、开放的感觉。
我们可以根据所要表达的主题，选择合适的色彩与主题色进行搭配。
三、网页制作的原则通常遵循的三个基本原则：内容、速度和美观。
内容是最重要的，一个成功的网页首先在内容上有吸引力。
故首先应该考虑网站的内容，包括网站功能和用户需求。
整个设计都应该围绕这些方面来进行。
在确定内容的基础上，尽量提高速度十分必要，以免影响网站的访问量。
要提高速度有时必须牺牲页面美观，抛弃太大的图片或者动画。
在以上两点为前提的情况下，再考虑页面的美观性，提高网页制作上的亲和力。
这要求设计者有较高的创意，懂得使用众多的工具软件。
(一)关于网页导航主页的一个很重要的功能就是导航，指引用户查阅信息。
基于清晰明确和速度的考虑，主页上的超级链接应限于几个大的类别。
此外，超级链接的层数不能太多，不能超过4层。
应在广度和深度之间求取平衡。
(二)关于网页布局网页制作的布局一定要简洁清晰，以最少的元素表达最多的信息。
一个页面应该只有一个重点的屏幕元素作为页面的主体，它可以是文字块或图像，具体随内容而定。
其他屏幕元素不应比主体元素更醒目，而应该围绕主体，突出主体。
在绘画和摄影中常采用画面横竖比三等分的方式得到4个三等分交叉点，这4个点基本上符合美学中的黄金比定律。
这种布局是网页中常用的方式之一，重点元素应该放在这些点周围，而不应放在正中央，以免太过呆板。
在网页布局时要保持平衡，即以布面中心为支点，给人以平衡的感觉。
平衡包括两种：对称平衡和非对称平衡。
对称平衡给人以庄重、稳定的感觉。
而非对称平衡更有变化感。
在处理平衡问题时，不仅需要考虑形体上的平衡，而且应该考虑颜色上的平衡。
因为深颜色往往让人感觉重，而浅颜色则让人感觉轻，因此必须充分考虑颜色给人的视觉影响。
(三)关于表格现在许多门户网站的布局方式往往应用表格，使网页内容整齐合一。
不要将网站内容简单的罗列，要注意多用表格把内容的层次性和空间性突出显示出来，以便重点突出，结构分明。
