现代网页设计及网络建设技术 教学课件 ppt 作者 黄建华 第9章 网站规划与设计.pptVIP

第9章 网站规划与设计 9.1 网站建设 9.2 网站的软件和硬件配置 9.3 网站前台后台程序开发（案例） 9.4 IIS安装与设置 9.5 网络信息更新方法 本章小结 兰州石化职业技术学院 黄建华 9.1 网站建设 兰州石化职业技术学院 网站建设不同于网页设计，网页设计只是网站建设中的一项重要内容而已，网站是从全面管理网络的角度来讲的。 网站建设的几个阶段如图9－1所示。 图9－1 9.1 网站建设 兰州石化职业技术学院 在网站建设之前，需要对网站进行一系列的分析，然后根据分析的结果提出合理的建设方案，这就是网站的规划与设计。网站的规划与设计可分为网站定位、内容收集、栏目规划、目录结构设计、网站标志设计、风格设计、导航系统设计七个环节。 网页制作的最终目的是实现网上建设一个传达信息的综合体。一个好的网站由很多网页组成，但不是网页的简单堆积，要做到既有鲜明的风格，也有完善的内容，还要有合理的结构，容易的升级手段等。网站的设计，用户不能一开始就先忙着准备资料，再盲目的把所有准备的材料进行简单的堆积，应该在设计之前对网站进行总体规划后进行认真设计。 网页设计首先要选择网页版式，网页版式有许多种，如条理性强的框架型、以整体内容出现的全屏幕型，活泼轻快的自由型等。用户可以根据网页内容及个人爱好等多方面来选择或创建有自己特色的网页版式。 网站的制作的条件：配置良好得计算计及其他设备，安装相应的网页制作软件、开发工具和素材加工软件，进行网站的文件目录的合理管理等。 9.1 网站建设 兰州石化职业技术学院 颜色通常采用6位十六进制的数值来表示，每两位代表一种颜色，从左到右依次表示红色、绿色和蓝色。颜色值越高表示这种颜色越深。颜色一般分为彩色和非彩色(或称为灰色)两大色系。红色：是一种激奋的色彩，给人以冲动、愤怒、热情和活力的感觉。 绿色：介于冷暖两种色彩的中间，显得和睦、宁静、健康、安全。 橙色：也是一种激奋的色彩，具有轻快、欢欣、热烈、温馨和时尚的效果。 黄色：充满快乐、希望、智慧和轻快，它也是最亮的一种颜色。 蓝色：是最具凉爽、清新、专业的色彩。 白色：给人以洁白、明快、纯真和干净的感觉。 黑色：通常是深沉、神秘、寂静、悲哀和压抑。 灰色：具有中庸、平凡、温和、谦让、中立和高雅的感觉，它可以和任何一种颜色进行搭配。 色彩搭配 9.1 网站建设 兰州石化职业技术学院 主色调最常表现在三个位置，网页最上面的部分（头部），头部是最能体现主色调的地方，所以所有的网站都会在头部表现主色调；其次是栏目索引条上，栏目索引条虽然面积小，但能非常有效地渲染主色调；最后是网页上的文字，文字笔画虽细，但大面积的文字也能很好地突出主色调。 色彩搭配 9.1 网站建设 兰州石化职业技术学院 Windows XP操作系统下的IE浏览器在800＊600分辨率的显示器下看微软公司的主页和在1024＊768分辨率的显示器下看到的微软主页很不一样。分辨率越大，显示越精细，所以能显示的内容就越多。800＊600是目前大多数显示器设置的分辨率，所以很多网站在设计时都针对800＊600进行设计。但是1024＊768却是未来的发展趋势，将日益成为主流的分辨率模式，所以在设计时最好能兼顾这种分辨率。 显示器的分辨率 9.1 网站建设 兰州石化职业技术学院 1．主题确定 首先要确定好网站的主题，主题要鲜明。网站建设系统开发制胜的关键是定位准确，容易实现，操作方便，好的标题应能体现网页的主题和风格，让访问者很快记住你的主页；内容一定要充实可用和实用，专业性强，富有个性特色，要经常更新，还要有一定的交互性，操作时间短。 2．风格设计 其次是网站的风格设计。网站的风格设计是一项抽象的综合技术，无法用一个具体的物体来描述，它是指用户对网站整体形象的一种感觉。这个整体形象包括网站标志、色彩、版面布局、交互方式、文字编排、图片、动画等诸多因素。风格是独特的，是网站不同于其他网站的地方。在网站的可读性、阅读方便性上也要多花点心思，努力做到形式和内容的统一。统一的风格使读者无论处在网站的哪一个网页，都明确知道自己正在访问的是这个网站。比如微软公司的网站，任何一个网页都有微软特有的蓝色和“Microsoft网站标志。 3．导航栏设计 导航就象城市路标一样，帮助用户了解自己所处的位置，还能去哪里以及如何去。根据不同的设计一般选择将导航元素放在页面的左侧、顶部、底部等。在设计安排导航元素时不管选择何种情况，都应该保持一致性。 版面布局设计 9.1 网站建设 兰州石化职业技术