网页制作入门教程（经典）.pptVIP

网页制作 主要内容： 相关基本概念 网页制作基础 网页设计的过程 HTML简介 World Wide Web的诞生 建设网站的流程 什么是网页? 网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（ URL ）来识别与存取，当我们在浏览器输入网址后，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 浏览一个网页的过程 运行浏览器阅读Web文件 浏览器向服务器要求超链接的文件 服务器将HTML文件传给浏览器，译成Web 文件 网页上面有什么？ 从事网页设计所需要的软硬件资源 从事网页设计的相关程序语言 网页制作流程 1、初始阶段，主要是收集欲建站点的关键信息，包括站点的目标读者，要发布的内容，开发Web服务器平台； 2、我们根据收集的信息，开始构思，通常, 我们要把这些构思用草图的形式表现出来，这个草图要有整个网站的结构，不同的布局，设计及导航； 3、内容综合，当决定了我们的设计，我们开始制作一些初始图样，这些图样可以用一些做图软件，比如PHOTOSHOP来创建，然后， 我们将图样打印出来配合文字； 4、制作HTML布局和导航，一旦我们确定了这些内容综合，我们开始编制Web页面； 5、图形制作，如果我们对站点的外观和感受比较满意，我们将花大量的精力来制作所需的图形，并进行优化； 6、网站整合，利用各种网页技术（CSS、JAVA、FLASH）,有机的和相关的图形整合在一起； 7、测试，在站点开通之前，我们要彻底测试每个Web页面和联结，发现问题及时修补。 网页设计的布局理念 “国”字型 拐角型 标题正文型 左右框架型 封面型 Flash型 “国”字型 也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。 拐角型 这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。 标题正文型 这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。 左右框架型 这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。 封面型 这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。 Flash型 其实这与封面型结构是类似的，只是这种类型采用了目前非常流行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。 什么样的布局是最好的？ 如果内容非常多，就要考虑用“国字型”或拐角型； 如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型； 框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活； 如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选； Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息 网页中的平衡 如果你的页面是平衡的，当用户浏览这个页面的时候就会感觉它们是一个整体，看得时候目光的跳转也会很自然。 下面就介绍几种平衡的方法： 对称平衡 对称是最常见、最自然的平衡手段，这种方式通常用来设计比较正式的页面，不过也还需要和下面介绍的多种方式结合起来使用。比如图 1所示的网站，如果你在页面正中间划一条垂直向下的直线，你会发现页面的两边的布局是基本对称。 非对称平衡 非对称其实并不是真正的“不对称”，而是一种层次更高的“对称”，如果把握不好页面就会显得乱，因此使用起来要慎重，更不可用的过滥。比如网站截图二就打破了常见的对称。但是如果仔细看的话还是能够感到某种“对称”的影子。 图二 非对称平衡 辐射平衡