网站建设和动态网页设计之网页设计和美化课件.ppt

网站建设和动态网页设计 2009－2010学年第一学期通选课 URL基本结构：通信协议://服务器名称【：通信端口编号】、文件夹1【文件夹2】/文件名 常见的中国门户网站：庄重大气，有板有眼，方方正正，内敛不张扬。 企业类简洁网页：页面清爽，让客户一目了然，大气，颜色多和产品类型有关。 欧美风格科技感：动感的弧形图案，金属质感的图标，以及商业化、科技感的图片。 时尚感：前卫、时尚的图片，相关颜色的陪衬 科技色多，色调偏冷、页面结构硬朗。 日韩风格：渐变颜色，颜色鲜明，使用高分辨率的图片。 日韩风格：颜色搭配调和，多种颜色而不觉花哨，色彩丰富饱和而恰到好处。 根据网站内容的整体风格，设计版面布局。设计者可以参考其他优秀的网站，调用自己的各种知识储备，特别是艺术方面的知识。这时设计者用笔在纸上粗略地勾画出布局的轮廓。常见的网页布局结构有： （6）网页版面和布局 T型结构 同字结构 川字结构 三字结构 单一结构 Flash 型 T型结构 同字结构 川字结构 三字结构 单一结构 2.网页制作工具 （1）网页布局工具 Dreamweaver Frontpage （2）网页美化工具 图像处理软件:Photoshop,Fireworks 动画制作软件 :FLASH,Swish、Ulead GIF Animator,Ulead Cool 3D、3D Flash Animator、Xara3D 本章小结 本章介绍了网页设计与制作的基本概念和基本知识、常用的网页制作工具、网站的基本结构和网页布局等内容。通过本章的学习使读者对网页的设计与制作过程有一个概貌性的了解。 * Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址，这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，俗称“网址”。 Gopher协议这是一种互联网没有发展起来之前的一种从远程服务器上获取数据的协议。Gopher协议目前已经很少使用，它几乎已经完全被HTTP协议取代了。 * 对于题材的选择，应注意： 　　 （1）主题要小而精。定位要小，内容要精。调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。　　 （2）题材最好是你自己擅长或者喜爱的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。 　　 （3）题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。 * 1.一定记住要紧扣你的主题！ 一般的做法是：将你的主题按一定的方法分类并将它们作为网站的主栏目。主题栏目个数在总栏目中要占绝对优势，这样的网站显的专业，　　 2.设一个最近更新或网站指南栏目 　　 如果你的首页没有安排版面放置最近更新内容信息，就有必要设立一个“最近更新”的栏目。这样做是为了照顾常来的访客，让你的主页更有人性化。如果你的主页内容庞大(超过15MB)，层次较多，而又没有站内的搜索引擎，建议您设置“本站指南”栏目。可以帮助初访者快速找到他们想要的内容。 　　 3.设定一个可以双向交流的栏目 　　 不需要很多，但一定要有。比如论坛，留言本，邮件列表等，可以让浏览者留下他们的信息。有调查表明，提供双向交流的站点比简单的留一个Email me的站点更具有亲和力。 　　 4.设一个下载或常见问题回答栏目 　　 网络的特点是信息共享。如果你看到一个站点有大量的优秀的有价值的资料，你肯定希望能一次性下载，而不是一页一页浏览存盘。“将心比心”在你自己的主页上设置一个资料下载栏目，会得到大家的喜欢。另外，如果您的站点经常收到网友关于某方面的问题来信，你最好设立一个常见问题回答的栏目，既方便了网友，也可以节约自己更多时间用以学习。  * ●不要将所有文件都存放在根目录下。 这样 1.文件管理混乱。2.上传速度慢。服务器一般都会为根目录建立一个文件索引。即使你只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。　　●按栏目内容建立子目录。 子目录的建立，首先按主菜单栏目建立。例如:网页教程类站点可以根据技术类别分别建立相应的目录，象Flash,Dhtml,Javascript等；企业站点可以按公司简介，产品介绍，价格，在线定单，反馈联系等建立相应目录。 其他的次要栏目，类似whats new，友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：关于本站，关于