网页设计概论.doc

第1章 网页设计概论 教学目标 本章介绍有关多媒体网页的一些基本概念，利用几个具有代表性的精彩网站，分析网页的设计理念和风格、网站的创意设计以及网页色彩的搭配。同时将介绍网页设计常用的工具。最后讲解了Dreamweaver的工作界面和一些功能，以便于以后能更好、更快地去规划和制作网站。 第1章 网页设计概论 教学重点和难点 了解网页的设计理念 了解网页的创意设计 了解网页色彩的搭配 ?熟悉Dreamweaver的工作环境 1.1 网页设计概念及工具 网页的英文名称为Homepage，是在因特网上广泛流行的一种信息传播形式。它就像一本有目录的画册，其中的每一张画都和其他画有着直接或间接的联系，它们描绘着网页制作者的生活、理想和经验等。 1.1 网页设计概念及工具 WWW是由成千上万个网页组成，同时只有一个网页显示在Web浏览器中。 网站是由一个特定人群和组织控制的一组网页的组合。与简单的网页组合不同的是：网站都有一个主页（首页、第一页），其中包含网站的Logo和指向其他网页的链接，单击链接，可以打开下一级的网页。 网页是组成网站的基本单元。 1.1 网页设计概念及工具 1.1.1　网页设计理念 一个网页包含的元素很多，主要包括文字、图像、表格、表单、动画和视频等。而网站是由众多的网页组成的，这些页面是否精彩，直接影响到这个站点能否受到用户的欢迎。作为网页的设计者，最重要的一点是要有创意。没有创意的网站是不成功的。 1.1 网页设计概念及工具 一般来说，网站设计所需要遵循的理念包括以下几方面。 （1）考虑访问者的带宽问题 （2）版面布局合理 （3）网站标志的设计 （4）站点内容要精、专，及时更新 1.1 网页设计概念及工具 网页制作的基本步骤 1、整体规划 进行网站的整体规划也就是组织网站的内容和设计其结构。网页制作者在明确网页制作的目的及要包括的内容之后，接下来就应该对网站进行规划，以确保文件内容条理清楚、结构合理，这样不仅可以很好地体现设计者的意图，也将使网站可维护性与可扩展性增强。 （1）收集整理资料 （2）准备素材 （3）内容规划 1.1 网页设计概念及工具 2、网页制作与设计 （1）静态网页的设计与制作 在开始制作网页之前，建议应用少量时间对自己要制作的主页进行总体设计，例如希望主页是怎样的风格，应该放一些什么信息，其他网页如何设计，分几层来处理等。 通常在进行网页开发时，首先都进行静态网页的制作，然后再在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息，而不具有任何交互功能的网页，它是Web网页的重要组成部分。 （2）为网页的添加动态效果 静态网页制作完成后，接下来的工作就是为网页添加动态效果，包括一些脚本语言程序和数据库程序的设计，以及加入动画效果等。 1.1 网页设计概念及工具 3、 测试网页 当网页设计人员制作完所有网站页面之后，需要对所设计的网页进行审查和测试，测试内容包括功能性测试和完整性测试两个方面。所谓功能性测试就是要保证网页的可用性，达到最初的内容组织设计目标，实现所规定的功能，读者可方便快速地寻找到所需的内容。完整性测试就是保证页面内容显示正确，链接准确，无差错无遗漏。如果在测试过程中发现了错误，就要及时修改，在准确无误后, 方可正式在Internet上发布。在进行功能性测试和完整性测试后，有的还需要掌握整个站点的结构以备日后的修改。 1.1 网页设计概念及工具 4、 网页上传发布 网页设计好，必须把它发布到互连网上，否则网站形象仍然不能展现出去。发布的服务器可以是远程，也可以是本地，但必须支持ASP，因为动态程序是建立在ASP基础上的。 1.1 网页设计概念及工具 1.1.2　网站的风格 风格，是指网站的整体形象给访问者的综合感受，比较抽象。这个整体形象包含非常多的因素：网站的标志设计、色彩、版面布局、浏览方式、交互性、文字和价值等。 例如联想的网站是平易近人的；儿童网站“WaWaYaYa”是生动活泼的；而大多商业网站如IBM，是专业严肃的。不同的网站给访问者留下的感受也不相同。 1.1 网页设计概念及工具 不同类型的网站 综合门户类型:分为综合性门户和行业门户两种.其中综合门户一般包括免费服务、内容频道、分类网址等。国内的综合门户网站有网易、搜狐等。 新闻类网站：发布实时的新闻内容、突发事件及相关深度报道等。国内的新闻网站有新浪网、千龙网、人民网等。 电子商务网站：网络购物、网上交易已经成为重要的商业手段。 1.1 网页设计概念及工具 IT类网站：是最早的网站类型，以提供计算机、软件、行业资讯