网页制作概述.ppt

第八章 Internet基础 第一章 网站制作概述 1 网站的定义 网站： 存放在网络服务器上的信息的集合体，它包含一个或多个网页，这些网页按照一定的组织结构、以链接等方式连接在一起，形成一个整体，描述一组完整的信息。 在建立完整的网站之前首先必须先明确此网页设计的目标，并围绕着一目标搜集素材，确定所要设计的网站的类型，以及它所具有的特点和主要内容。 2 网站的分类 在建立完整的网站之前首先必须先明确此网站的类型，以便准确的定位网页的设计。 1.公司或单位的信息发布 如：公司、政府部门、教育及科研机构等。主要用于树立企业形象，方便各单位之间的交流合作。/ 2.出版物 即电子报刊，例如新浪网、计算机世界、计算机报、电脑报等都在网上拥有自己的站点，方便读者在线阅读或订阅电子报刊。/ 此类网站需要较多较及时的维护及更新工作，以保证实时性。 2 网站的分类 3.个人主页 个人主页这类网站在近几年非常流行，很多站点都提供免费的个人主页存放服务。可以把个人简历、兴趣爱好等个人信息组成个人主页并发布到网上。 /www/vhost/ / 制作个人主页应该注意体现个性、个人的特色 / 4.网上购物 即为目前热门的——电子商务。他可以大大缩短厂家、零售商、消费者之间的距离，最大程度的取缔中间商、降低销售及库存成本，其中代表性的网站有： 戴尔网站（http://www.D） AMAZON网上书店（http://www. AMAZON.com） 2 网站的分类 5.专题网站 此类网站常常为某一专题设立，只适用于一个特定时期。如：“德国世界杯”站点/等等，在一定时期内成为网上焦点，全面、迅速的报道专题信息，并提供网上交流场所。 此类网站实用性极强，内容集中而统一。 6.实用信息服务 此类网站常由某些组织或个人收集的一类信息组成。如：Java源程序发布、网页设计素材、免费软件下载，免费mp3下载等等。 此类网站在内容上分类详细，组织结构清晰。 / / 3 网站结构的规划 规划：就是组织网站的内容和设计其结构。 网页制作者在明确网页制作的目的及主要的内容后，接下来就应该对网站进行规划，目的是确保内容条例清楚、结构合理，这样不仅可以提高可阅读能力，也能增强网站可维护性和可扩展性。 3 网站结构的规划 组织网站的内容要从两个角度来考虑： 1.设计者的角度 主要依据被描述对象的组织机构、类别划分等来组织。 () () (/mall/index.jsp ) (/cn/index.asp) 2.浏览者的角度 要将各种素材依据浏览者的需要进行内容分类，以便浏览者快捷的获取他所需要的信息内容。(/) 当然，设计网页时常常需要多方位考虑两者的需要，是网站最大限度的思想设计者目标并为浏览者提供最有效的服务。 3 网站结构的规划 组织网站时常用的结构： 1.分级结构 具有很强的层次性。 3 网站结构的规划 2.线性结构 可以引导浏览者按部就班的浏览整个文件，通常用于平行意义上的页面。 3 网站结构的规划 线性和分级结构混合（通常网站文件使用的结构） 网站文件既具有条理性、规范性，又可以同时满足设计者和浏览者的要求。 3 网站结构的规划 3.Web结构 类似互联网的结构，用户可以随意浏览。 4 网站的设计原则及标准 建议的网站设计原则及标准： 1.包含的内容 一个网站最吸引人的第一位永远都是内容，设计是其次。 对于专业性的网站（如企业、部门等），网站的内容是由企业提出的需求所定，无需作太多考虑。 如：中国工商银行网站 (/index.jsp) 而对于个人或娱乐服务类网站，一定要保证内容新颖独特，不必浪费太多时间去做一有的内容。 4 网站的设计原则及标准 建议的网站设计原则及标准： 2.如何构思 在制作网站之前，先拟议份详细的草稿是必不可少的。分如下三部分： 1）内容：记录下希望放在网页上的内容，准备好相关的材料（文件、图片等等）。 2）网站结构：好比程序设计中的E-R图，不妨在一张白纸上把你所构思的网站结构画出来，这样在制作时就能做到心中有框架、手中有实物。 为了日后的管理，在制作网页之前，最好把收集的文件分门别类，并存放到一个大的文件夹的不同子文件夹中，如把图像放到images目录中。但是请注意不要分的过细，避免日后工作中过于繁琐，更加不便。 4 网站的设计原则及标准 3）版面设计：不要试着用电脑来做草图，也不要认为自己的脑袋足够用。根据我个人的经验，一张白纸、一只铅笔才是最好的工具，你可以随心所欲的修改，充分发挥你的想象力。