Dreamweaver网页设计第13章概论.ppt

Dreamweaver 网页设计;【学习概述】;13.1 【课堂讲解】网站与网页的基本知识;网站主题确定以后，就可以围绕该主题给网站起一个名字。网站名称，是很关键的一个要素。网站名称要体现主题，要有自己的特色。“闪客帝国”这个关于Flash的网站，因为Flash的本意就是“闪光、闪光的”，对照“黑客”就有了“闪客”之说。其它的比如要设计音乐网站，名称为“音乐天堂”、“音乐爱好者”等比较中庸，但是单凭名称就可以知道它的主题，也是一种不错的起名方法。;网站的横幅广告 横幅广告也叫Banner，内容多为本网站的宣传标语，通常放置在页面上用于表现本网站的内容，大小通常为468*60像素，往往做成动画形式，这样更具有吸引力，通常为Gif、Flash格式的动画。在互联网媒体广告发达的今天，横幅广告显示出越来越重要的作用。因此如何能通过Banner条去做好宣传是每个网站设计者必须考虑的问题。如图13-2所示的就是468*60像素Gif格式的横幅广告。;图13-3 合理的目录结构;图13-4 树状链接结构 ;13.1.6 网站的色彩 不管是什么网站它都有色彩。颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。所有网页上的颜色，在HTML源代码下看到的是以颜色英文单词（如red）或者十六进制（如#ff0000）的表示方法。 1．关于冷色和暖色 所谓色调就是色彩给人的感觉。给人热的感觉的称暖色，给人冷的感觉的称冷色。 ? 冷色：紫、蓝、绿等。 ? 暖色：红、橙、黄等。 把各种深浅不同的冷颜色配在一起就构成“冷色调”，把各种深浅不同的暖颜色配在一起就构成“暖色调”；在冷色调中可能会有面积很小的一点暖色，这也不影响总的色调。在暖色调中也可有一些冷色调。 比如在37度的高温天气浏览网站，如果看到大红大紫的网页就会感到十分的不舒服，而到了零下几度的天气就会显得各位温暖。所以网页设计者必须考虑色彩给人的感觉。 2．颜色的象征意义 每一种颜色又有其象征意义，不同的颜色有着不同的含义，给人各种丰富的感觉和联想，如： 红色：热情、奔放、喜悦 　　黄色：高贵、活泼;　　黑色：严肃、沉着 　　白色：纯洁、简单 　　蓝色：清爽、科技 　　绿色：植物、生命、体育 　　灰色：庄重、沉稳 　　紫色：浪漫、富贵 比如，可口可乐网站以深红色为主，以表达热情、奔放之意。CCTV网站的体育频道栏目以绿色为主以表达生命、体育之意。 总之，网页设计要达到赏心悦目的目的，需要注意色彩的运用和搭配。;（2）口字形结构：总体分为上、中、下3部分，中间部分又分为3栏，中间是网页的主内容区，如图13-7所示。;（4）上下形结构：页面划分为上下2部分。可以对称，也可以不对称，如图13-9所示。;（6）三型结构：页面划分为上、中、下3部分，通常中间部分是主内容区，如图13-11所示。; 网站制作计划：详细列出页面设计（静态页面）完成进度、程序开发（动态页面）完成进度等制作计划。 页面设计和程序开发：可以先设计静态页面，然后再进行动态程序的开发，但是通常的情况是静态页面和动态程序开发协调进行，以求充分利用时间，缩短开发周期。 测试：完成整个网站的制作后，然后就要进行测试工作。一般分静态页面测试和动态程序测试。一般来说，静态页面的测试要简单一些，包括兼容性测试、超级链接测试等。而动态程序测试就比较复杂了，包括程序功能模块测试、安???性测试等。 发布网站：一般要先申请域名和空间（现在申请域名和空间很容易，一般当天申请当天就可以开通，一些网站甚至可以先开通再付费），然后把制作的网站上传到远程空间。 推广和维护：要推广网页，可以把网址加入到一些搜索引擎中，比如百度、google等，也可以在大型网站上做超级链接。网站要经常进行维护与更新以留着老用户和吸引更多的新用户。;13.4 实践检验